/*!
Theme Name: Molvp
Theme URI: http://molvp.com/
Author: Molvp.com
Author URI: http://molvp.com/contact/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: molvp
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

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

molvp is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

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

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

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

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

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

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

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

.gallery-caption {
	display: block;
}
html {
    background: #fff;
    font-size: 62.5%;
    -moz-animation-name: html_elem;
    -webkit-animation-name: html_elem;
    animation-name: html_elem;
    -moz-animation-duration: 0.2s;
    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -moz-animation-timing-function: ease-in;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

* {
    outline: none !important
}

::selection {
    background: #FF5543;
    color: #fff
}

::-moz-selection {
    background: #FF5543;
    color: #fff
}

body {
    background-color: #fff;
    color: #000;
    font-family: "DinNextLight",arial,sans-serif;
    font-size: 1.6rem;
    font-weight: 300;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    overflow-x: hidden;
    transition: all .5s ease-in 0s
}

a {
    color: inherit;
    text-decoration: none;
    outline: 0
}

a:hover {
    transition: all 0.2s ease-in-out 0s
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
    font-weight: 400;
    line-height: 1.4
}

a {
    color: inherit;
    text-decoration: none
}

ul,ol,li {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: 1.6
}

p {
    font-size: 1.5rem;
    line-height: 1.6
}

strong {
    font-weight: 500
}

label {
    display: block;
    max-width: 100%;
    margin-bottom: 5px;
    font-size: 1.4rem;
    font-weight: 400
}

input {
    outline: none
}

input:hover {
    transition: all 0.2s ease-in-out 0s
}

@-moz-keyframes html_elem {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes html_elem {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes html_elem {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.mt-10 {
    margin-top: 1rem !important
}

.mt-20 {
    margin-top: 2rem !important
}

.mt-30 {
    margin-top: 3rem !important
}

.mt-40 {
    margin-top: 4rem !important
}

.mt-50 {
    margin-top: 5rem !important
}

.mt-60 {
    margin-top: 6rem !important
}

.mt-70 {
    margin-top: 7rem !important
}

.mt-80 {
    margin-top: 8rem !important
}

.mt-90 {
    margin-top: 9rem !important
}

.mt-100 {
    margin-top: 10rem !important
}

.mt-110 {
    margin-top: 11rem !important
}

.mt-120 {
    margin-top: 12rem !important
}

.mt-130 {
    margin-top: 13rem !important
}

.mt-140 {
    margin-top: 14rem !important
}

.mt-150 {
    margin-top: 15rem !important
}

.mt-160 {
    margin-top: 16rem !important
}

.mt-170 {
    margin-top: 17rem !important
}

.mt-180 {
    margin-top: 18rem !important
}

.mt-190 {
    margin-top: 19rem !important
}

.mt-200 {
    margin-top: 20rem !important
}

.mb-10 {
    margin-bottom: 1rem !important
}

.mb-20 {
    margin-bottom: 2rem !important
}

.mb-30 {
    margin-bottom: 3rem !important
}

.mb-40 {
    margin-bottom: 4rem !important
}

.mb-50 {
    margin-bottom: 5rem !important
}

.mb-60 {
    margin-bottom: 6rem !important
}

.mb-70 {
    margin-bottom: 7rem !important
}

.mb-80 {
    margin-bottom: 8rem !important
}

.mb-90 {
    margin-bottom: 9rem !important
}

.mb-100 {
    margin-bottom: 10rem !important
}

.mb-110 {
    margin-bottom: 11rem !important
}

.mb-120 {
    margin-bottom: 12rem !important
}

.mb-130 {
    margin-bottom: 13rem !important
}

.mb-140 {
    margin-bottom: 14rem !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.dir-rtl {
    direction: ltr
}

.dir-ltr {
    direction: ltr
}

.brdr-bottom {
    border-bottom: 1px solid rgba(0,0,0,0.05)
}

.brdr-right {
    border-right: 1px solid rgba(0,0,0,0.05)
}

.no-brdr {
    border: none !important
}

.over-fl-hidden {
    overflow: hidden
}

.over-fl-visible {
    overflow: visible
}

[class*='dark-text'] {
    color: #000 !important
}

[class*='light-text'] {
    color: #fff !important
}

.red-gradient {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9Ii0wLjAzOTYxNCIgeTE9IjAuMDQ3MjEiIHgyPSIxLjAzOTYxNCIgeTI9IjAuOTUyNzkiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZjNiMzAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjYyNGQiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: -moz-linear-gradient(320deg, #ff3b30,#ff624d);
    background-image: -webkit-linear-gradient(320deg, #ff3b30,#ff624d);
    background-image: linear-gradient(130deg, #ff3b30,#ff624d)
}

.academy-gradient {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjEuMCIgeDI9IjEuMCIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkM2ZiMyIvPjxzdG9wIG9mZnNldD0iNzklIiBzdG9wLWNvbG9yPSIjZmQzZTRmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmQzZTRmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
    background-size: 100%;
    background-image: -moz-linear-gradient(45deg, #fd3fb3 0%,#fd3e4f 79%,#fd3e4f 100%);
    background-image: -webkit-linear-gradient(45deg, #fd3fb3 0%,#fd3e4f 79%,#fd3e4f 100%);
    background-image: linear-gradient(45deg, #fd3fb3 0%,#fd3e4f 79%,#fd3e4f 100%)
}

.blue-gradient {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9Ii0wLjAzOTYxNCIgeTE9IjAuMDQ3MjEiIHgyPSIxLjAzOTYxNCIgeTI9IjAuOTUyNzkiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwMDYwZmYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGJlZmYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: -moz-linear-gradient(320deg, #0060ff,#00beff);
    background-image: -webkit-linear-gradient(320deg, #0060ff,#00beff);
    background-image: linear-gradient(130deg, #0060ff,#00beff)
}

.green-gradient {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9Ii0wLjAzOTYxNCIgeTE9IjAuMDQ3MjEiIHgyPSIxLjAzOTYxNCIgeTI9IjAuOTUyNzkiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwZGIxNGIiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzZWRlN2EiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: -moz-linear-gradient(320deg, #0db14b,#3ede7a);
    background-image: -webkit-linear-gradient(320deg, #0db14b,#3ede7a);
    background-image: linear-gradient(130deg, #0db14b,#3ede7a)
}

.yellow-gradient {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9Ii0wLjAzOTYxNCIgeTE9IjAuMDQ3MjEiIHgyPSIxLjAzOTYxNCIgeTI9IjAuOTUyNzkiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZmFlMDAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmY2NhNTAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: -moz-linear-gradient(320deg, #ffae00,#fcca50);
    background-image: -webkit-linear-gradient(320deg, #ffae00,#fcca50);
    background-image: linear-gradient(130deg, #ffae00,#fcca50)
}

.grey-gradient-tb {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #f6f6f6),color-stop(100%, #ffffff));
    background-image: -moz-linear-gradient(bottom, #f6f6f6 0%,#ffffff 100%);
    background-image: -webkit-linear-gradient(bottom, #f6f6f6 0%,#ffffff 100%);
    background-image: linear-gradient(to top, #f6f6f6 0%,#ffffff 100%)
}

.grey-gradient-bt {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f6f6f6),color-stop(100%, #ffffff));
    background-image: -moz-linear-gradient(top, #f6f6f6 0%,#ffffff 100%);
    background-image: -webkit-linear-gradient(top, #f6f6f6 0%,#ffffff 100%);
    background-image: linear-gradient(to bottom, #f6f6f6 0%,#ffffff 100%)
}

@font-face {
    font-family: 'bi-font';
    src: url("assets/fonts/bi-font/bi-font0a4c.eot?9236701");
    src: url("assets/fonts/bi-font/bi-font0a4c.eot?9236701#iefix") format("embedded-opentype"),url("assets/fonts/bi-font/bi-font0a4c.html?9236701") format("woff2"),url("assets/fonts/bi-font/bi-font0a4c.woff?9236701") format("woff"),url("assets/fonts/bi-font/bi-font0a4c0a4c.ttf?9236701") format("truetype"),url("assets/fonts/bi-font/bi-font0a4c.svg?9236701#bi-font") format("svg");
    font-weight: normal;
    font-style: normal
}

[class^="bi-"]:before,[class*=" bi-"]:before {
    font-family: "bi-font";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.bi-about:before {
    content: '\e800'
}

.bi-android:before {
    content: '\e801'
}

.bi-apple:before {
    content: '\e802'
}

.bi-approah:before {
    content: '\e803'
}

.bi-ar:before {
    content: '\e804'
}

.bi-arrow_down:before {
    content: '\e805'
}

.bi-arrow_left:before {
    content: '\e806'
}

.bi-arrow_right:before {
    content: '\e807'
}

.bi-arrow_up:before {
    content: '\e808'
}

.bi-automation:before {
    content: '\e809'
}

.bi-back:before {
    content: '\e80a'
}

.bi-banks:before {
    content: '\e80b'
}

.bi-behance:before {
    content: '\e80c'
}

.bi-bell:before {
    content: '\e80d'
}

.bi-brain:before {
    content: '\e80e'
}

.bi-branding:before {
    content: '\e80f'
}

.bi-bulk-sms:before {
    content: '\e810'
}

.bi-business-consulting:before {
    content: '\e811'
}

.bi-careers:before {
    content: '\e812'
}

.bi-cart:before {
    content: '\e813'
}

.bi-close:before {
    content: '\e814'
}

.bi-development:before {
    content: '\e815'
}

.bi-domains:before {
    content: '\e816'
}

.bi-dribbble:before {
    content: '\e817'
}

.bi-ebook:before {
    content: '\e818'
}

.bi-envato:before {
    content: '\e819'
}

.bi-facebook:before {
    content: '\e81a'
}

.bi-feedback:before {
    content: '\e81b'
}

.bi-file:before {
    content: '\e81c'
}

.bi-franshise:before {
    content: '\e81d'
}

.bi-freebie:before {
    content: '\e81e'
}

.bi-google_:before {
    content: '\e81f'
}

.bi-graphic-design:before {
    content: '\e820'
}

.bi-guideline:before {
    content: '\e821'
}

.bi-hidden-menu:before {
    content: '\e822'
}

.bi-hosting:before {
    content: '\e823'
}

.bi-hosting2:before {
    content: '\e824'
}

.bi-loader:before {
    content: '\e825'
}

.bi-logo:before {
    content: '\e84b'
}

.bi-logo-ar:before {
    content: '\E84A'
}

.bi-lr-arrows:before {
    content: '\e828'
}

.bi-market:before {
    content: '\e829'
}

.bi-minus:before {
    content: '\e82a'
}

.bi-mobile-apps:before {
    content: '\e82b'
}

.bi-open-source:before {
    content: '\e82c'
}

.bi-philosophy:before {
    content: '\e82d'
}

.bi-pinterest:before {
    content: '\e82e'
}

.bi-plus:before {
    content: '\e82f'
}

.bi-quotes:before {
    content: '\e830'
}

.bi-search:before {
    content: '\e831'
}

.bi-servers:before {
    content: '\e832'
}

.bi-share:before {
    content: '\e833'
}

.bi-slideshare:before {
    content: '\e834'
}

.bi-story:before {
    content: '\e835'
}

.bi-terms:before {
    content: '\e836'
}

.bi-twitter:before {
    content: '\e837'
}

.bi-ux-consulting:before {
    content: '\e838'
}

.bi-vimeo:before {
    content: '\e839'
}

.bi-vps:before {
    content: '\e83a'
}

.bi-web-design:before {
    content: '\e83b'
}

.bi-windows:before {
    content: '\e83c'
}

.bi-search2:before {
    content: '\e83d'
}

.bi-ar2:before {
    content: '\e83e'
}

.bi-play:before {
    content: '\e83f'
}

.bi-linkedin:before {
    content: '\e840'
}

.bi-tumblr:before {
    content: '\e841'
}

.bi-user-outline:before {
    content: '\e842'
}

.bi-motion:before {
    content: '\e843'
}

.bi-3d:before {
    content: '\e844'
}

.animate-spin {
    -moz-animation: spin 1s infinite linear;
    -o-animation: spin 1s infinite linear;
    -webkit-animation: spin 2s infinite linear;
    animation: spin 1s infinite linear;
    display: inline-block
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@-webkit-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@-o-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@-ms-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.opacity_body {
    opacity: 1 !important;
    transition: all 0.7s linear
}

.img-responsive {
    max-width: 100%;
    height: auto
}

input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

header {
    position: relative;
    z-index: 999;
    padding: 140px 0 0 0;
    width: 100%
}

#top-header {
    position: fixed;
    top: 0;
    transition: all 300ms ease-in-out 0s;
    width: 100%;
    z-index: 99999
}

.admin-bar #top-header {
    top: 31px
}

.dark-text #top-header {
    background-color: #fff
}

.dark-text a:before {
    color: #ff3b30
}

.dark-text a:hover {
    color: #ff3b30;
    border-color: #ff3b30 !important
}

.dark-text .logo a {
    color: #000 !important
}

.light-text #top-header {
    background-color: rgba(255,255,255,0)
}

.light-text a:before {
    color: rgba(0,0,0,0.4);
    transition: all 300ms ease-in-out 0s
}

.light-text a:hover {
    border-color: rgba(0,0,0,0.7);
    color: rgba(0,0,0,0.7)
}

.light-text .logo a {
    color: #fff !important
}

.light-text .bi-drop-menu-trigger:before {
    color: #fff
}

.light-text .bi-drop-menu-trigger:hover:before {
    color: rgba(0,0,0,0.3)
}

.logo {
    position: relative;
    display: inline-block;
    font-size: 3.8rem;
    font-weight: 500;
    line-height: 1rem;
    padding: 50px 0;
    -webkit-transition: padding 300ms ease-in-out;
    transition: padding 300ms ease-in-out
}

.logo a {
    cursor: pointer
}

.hidden-logo {
    position: absolute;
    display: inline-block;
    opacity: 0;
    -moz-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.lg-logo {
    font-size: 8rem;
    font-weight: 700;
    line-height: 10rem;
    letter-spacing: -.4rem;
    margin-bottom: 8rem
}

.md-logo {
    display: block;
    font-size: 6rem;
    margin-bottom: 20px
}

.lg-logo span {
    display: inline-block
}

.lg-logo small {
    display: block;
    font-size: 4.4rem;
    font-weight: 400;
    letter-spacing: 1.4rem;
    margin-left: 0.5rem;
    margin-top: -1.5rem
}

.fixed {
    position: fixed;
    top: 0;
    background-color: #fff !important;
    color: #000;
    z-index: 105;
    box-shadow: 0 8px 25px rgba(0,0,0,0.06);
    -webkit-box-shadow: 0 8px 25px rgba(0,0,0,0.06)
}

.fixed a {
    color: #000 !important;
    border-color: #000 !important
}

.fixed a:before {
    color: #ff3b30
}

.fixed a:hover {
    color: #ff3b30;
    border-color: #ff3b30 !important
}

.fixed .logo a {
    color: #000 !important
}

.fixed .bi-drop-menu-trigger:before {
    color: #000
}

.fixed .bi-drop-menu-trigger:hover:before {
    color: #ff3b30
}

.rgba-top,.resources,.case-studies,.products {
    z-index: 110
}

.rgba-top .fixed,.resources .fixed,.case-studies .fixed,.products .fixed {
    background: rgba(255,255,255,0.92) !important
}

.rgba-top .bt-normal:hover,.resources .bt-normal:hover,.case-studies .bt-normal:hover,.products .bt-normal:hover {
    -moz-box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    -webkit-box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    transform: translateY(-2px)
}

.resources .active-nav {
    color: inherit !important
}

.opacity-header {
    position: fixed;
    width: 100%;
    background: transparent;
    z-index: 10
}

.opacity-header .bt-ghost {
    font-size: 14px;
    border-radius: 50px
}

.opacity-header .logo a {
    display: block;
    position: relative;
    height: 40px;
    width: 50px;
    overflow: hidden;
    white-space: nowrap
}

.opacity-header .logo a span {
    position: absolute;
    pointer-events: none;
    top: 2px;
    left: 2px;
    bottom: 0;
    right: 0;
    display: block;
    transition: all 0.2s ease 0s
}

.opacity-header .logo a .bi-back {
    font-size: 36px;
    opacity: 0;
    left: 38px
}

.opacity-header .logo a:hover .bi-logo {
    opacity: 0;
    -moz-transform: translateX(-38px);
    -ms-transform: translateX(-38px);
    -webkit-transform: translateX(-38px);
    transform: translateX(-38px)
}

.opacity-header .logo a:hover .bi-back {
    opacity: 1;
    -moz-transform: translateX(-38px);
    -ms-transform: translateX(-38px);
    -webkit-transform: translateX(-38px);
    transform: translateX(-38px)
}

.opacity-header.dark-text #top-header {
    background-color: transparent
}

.opacity-header.works.light-text a {
    color: #fff;
    border-color: #fff
}

.opacity-header.works.light-text .fixed a {
    color: #000;
    border-color: #000
}

.opacity-header.works.light-text .fixed a:hover {
    color: #ff3b30;
    border-color: #ff3b30
}

.opacity-header.works.dark-text a {
    color: #000;
    border-color: #000
}

.opacity-header.works.dark-text a:hover {
    border-color: #000 !important
}

.opacity-header.works.dark-text .fixed a {
    color: #000;
    border-color: #000
}

.opacity-header.works.dark-text .fixed a:hover {
    color: #ff3b30;
    border-color: #ff3b30 !important
}

.header-elements {
    padding: 56px 0;
    -webkit-transition: padding 300ms ease-in-out;
    transition: padding 300ms ease-in-out
}

.header-controls {
    float: right
}

.header-controls .bt,.header-controls .bt-lg,.header-controls .bt-md,.header-controls .bt-sm {
    padding: 0.1rem 1.5rem
}

.header-controls h4 {
    font-size: 16px;
    font-weight: 500;
    float: left;
    margin: 5px 0 0 0
}

.header-controls .drop-menu {
    float: left;
    margin: 0;
    margin-left: 3.2rem
}

.header-controls .drop-menu nav {
    top: 0;
    bottom: auto
}

.header-controls .drop-menu nav a {
    color: #000;
    font-size: 1.6rem;
    font-weight: 500;
    padding: 12px 20px
}

.header-controls .bt-ghost {
    margin-top: 0
}

.header-controls>a {
    float: left;
    margin-left: 3.2rem;
    margin-top: 4px;
    cursor: pointer;
    line-height: 24px
}

.follow-lnk {
    width: 32px;
    height: 32px;
    line-height: 29px !important;
    border: 2px solid #fff;
    border-radius: 50%;
    font-size: 13px;
    margin-left: 10px !important;
    margin-top: 0 !important;
    text-align: center
}

.follow-lnk.sm {
    font-size: 11px
}

.home-slide {
    padding-top: 14rem;
    min-height: 940px
}

.home-slide h1 {
    font-size: 7.2rem;
    font-weight: 700;
    line-height: 1.2
}

#header-content {
    padding-top: 14rem;
    padding-bottom: 10rem
}

.header-icon {
    font-size: 9rem
}

#header-content h1 {
    font-size: 5.6rem;
    font-weight: 300;
    line-height: 1.2;
    margin-bottom: 30px
}

#header-content h1 strong {
    font-weight: 400
}

.h1-sm {
    font-size: 3.6rem !important
}

#header-content img {
    margin: 0 auto -.4rem
}

#header-content p {
    font-size: 2rem;
    margin-bottom: 4rem
}

#header-content img {
    margin: 0 auto -.4rem
}

.with-img {
    padding-bottom: 0 !important
}

.guideline h1 {
    font-size: 100px !important;
    font-weight: 700 !important;
    margin-bottom: 0 !important
}

.guideline h2 {
    font-size: 42px;
    font-weight: 300;
    margin-bottom: 4rem
}

.guideline .mock-shape-right,.guideline .mock-shape-left {
    position: absolute
}

.guideline .mock-shape-right {
    right: 0
}

.guideline .mock-shape-left {
    left: 0;
    bottom: 100px
}

.single-header {
    position: relative;
    background-image: url(img/post-bg.jpg);
    background-size: cover
}

.single-header h1 {
    font-size: 4.8rem !important
}

.single-header .author-name {
    display: block;
    font-size: 18px;
    font-style: italic;
    line-height: 26px;
    margin-bottom: 10rem
}

.single-header-mask {
    position: absolute;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9Ii0wLjAzOTYxNCIgeTE9IjAuMDQ3MjEiIHgyPSIxLjAzOTYxNCIgeTI9IjAuOTUyNzkiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZjNiMzAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjYyNGQiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: -moz-linear-gradient(320deg, #ff3b30,#ff624d);
    background-image: -webkit-linear-gradient(320deg, #ff3b30,#ff624d);
    background-image: linear-gradient(130deg, #ff3b30,#ff624d);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0.95
}

#automation-scene {
    position: relative
}

#automation-scene {
    margin-top: 50px
}

#automation-scene .automation-1 img {
    margin-bottom: -10px;
    margin-left: -10px
}

#automation-scene .automation-2 {
    left: 0 !important;
    top: -358px !important;
    width: 110%
}

#automation-scene .automation-2 img {
    width: 110%
}

#automation-scene .automation-3 {
    left: 0 !important;
    top: 60px !important
}

#automation-scene .automation-4 {
    left: 0 !important;
    top: 40px !important
}

#automation-scene .automation-5 {
    left: 0 !important;
    top: 80px !important
}

#automation-scene .automation-6 {
    left: 870px !important;
    top: 195px !important
}

#branding-scene {
    position: relative;
    min-height: 300px
}

#branding-scene [class*='brand-'] {
    position: absolute !important
}

#branding-scene .brand-1 {
    left: 0 !important
}

#branding-scene .brand-2 {
    left: 525px !important;
    top: 80px !important
}

#branding-scene .brand-3 {
    left: 400px !important;
    top: -90px !important
}

#branding-scene .brand-4 {
    left: 200px !important;
    top: 140px !important
}

#business-consult-scene {
    position: relative;
    min-height: 250px;
    bottom: -25px !important
}

#business-consult-scene .bc-1 {
    left: -5% !important;
    width: 110%
}

#business-consult-scene .bc-2 {
    left: -5% !important;
    width: 110%
}

#business-consult-scene img {
    width: 100%
}

#domains-scene {
    position: relative;
    min-height: 300px
}

#domains-scene {
    max-width: 100%;
    margin-top: 80px
}

#domains-scene [class*='domain-'] {
    position: absolute !important
}

#domains-scene .domain-1 {
    left: 0 !important;
    top: 0 !important
}

#domains-scene .domain-2 {
    left: 0 !important;
    top: 0 !important
}

#domains-scene .domain-3 {
    left: 80px !important;
    top: 85px !important
}

#domains-scene .domain-4 {
    left: 175px !important;
    top: 190px !important
}

#download-scene {
    position: relative;
    min-height: 310px
}

#download-scene {
    max-width: 100%;
    margin-top: 100px
}

#download-scene .download-1 {
    left: 340px !important;
    top: -10px !important
}

#download-scene .download-2 {
    left: 110px !important;
    top: -20px !important
}

#download-scene .download-3 {
    left: -20px !important;
    top: 220px !important
}

#franshise-scene {
    position: relative
}

#franshise-scene {
    max-width: 100%;
    margin-top: 80px;
    margin-bottom: 140px
}

#franshise-scene .franshise-1 {
    left: 0px !important;
    top: 0px !important
}

#franshise-scene .franshise-2 {
    left: 0px !important;
    top: 15px !important
}

#franshise-scene .franshise-3 {
    left: -18px !important;
    top: 30px !important
}

#hosting-scene {
    position: relative;
    min-height: 300px
}

#hosting-scene {
    max-width: 100%;
    margin-top: 20px
}

#hosting-scene .hosting-1 {
    left: 0 !important;
    top: 0 !important
}

#hosting-scene .hosting-2 {
    left: 30px !important;
    top: -50px !important
}

#hosting-scene .hosting-3 {
    left: 70px !important;
    top: -15px !important
}

#market-scene {
    position: relative;
    bottom: -115px !important
}

#market-scene .market-1 {
    margin-left: -9px
}

#mobile-scene {
    position: relative;
    max-height: 260px
}

#mobile-scene {
    max-width: 100%;
    margin-top: 50px
}

#mobile-scene .mobile-1 {
    left: 0 !important;
    top: 0 !important
}

#mobile-scene .mobile-2 {
    left: 125px !important;
    top: 50px !important
}

#mobile-scene .mobile-3 {
    left: 200px !important;
    top: -30px !important
}

#mobile-scene .mobile-4 {
    left: 255px !important;
    top: 75px !important
}

#augmented-scene {
    position: relative;
    max-height: 260px
}

#augmented-scene {
    max-width: 100%;
    margin-top: 0px
}

#augmented-scene .augmented-1 {
    left: 130px !important;
    top: 10px !important
}

#augmented-scene .augmented-2 {
    left: 0 !important;
    top: 0 !important
}

#augmented-scene .augmented-3 {
    left: 40px !important;
    top: -20px !important
}

#philosophy-scene {
    position: relative
}

#philosophy-scene {
    max-width: 100%;
    margin-top: 80px;
    margin-bottom: 140px
}

#philosophy-scene .philosophy-1 {
    left: 0px !important;
    top: 0px !important
}

#philosophy-scene .philosophy-2 {
    left: 20px !important;
    top: 15px !important
}

#philosophy-scene .philosophy-3 {
    left: 90px !important;
    top: -20px !important
}

#sms-scene {
    position: relative;
    min-height: 300px
}

#sms-scene {
    max-width: 100%;
    margin-top: 200px
}

#sms-scene .sms-1 {
    left: 30px !important;
    top: 0 !important
}

#sms-scene .sms-2 {
    left: 105px !important;
    top: -80px !important
}

#sms-scene .sms-3 {
    left: 30px !important;
    top: -50px !important
}

#_3d-scene {
    position: relative;
    min-height: 400px
}

#_3d-scene {
    max-width: 100%;
    margin-top: 200px
}

#_3d-scene ._3d-1 {
    left: auto !important;
    top: -120px !important
}

#_3d-scene ._3d-2 {
    left: 430px !important;
    top: 40px !important
}

#_3d-scene ._3d-3 {
    left: -50px !important;
    top: 80px !important
}

#graphics-scene {
    position: relative;
    max-height: 1px;
    bottom: -20px
}

#graphics-scene {
    max-width: 100%;
    margin-top: 20px
}

#graphics-scene ._3d-1 {
    left: 20px !important;
    top: -120px !important
}

#graphics-scene ._3d-2 {
    left: 430px !important;
    top: 40px !important
}

#graphics-scene ._3d-3 {
    left: -50px !important;
    top: 80px !important
}

#graphics-scene ._3d-4 {
    left: -180px !important;
    top: -70px !important
}

#digital-marketing-scene {
    position: relative;
    max-height: 160px
}

#digital-marketing-scene {
    max-width: 100%;
    margin-top: 50px
}

#digital-marketing-scene .digital-marketing-1 {
    left: -70px !important;
    top: -120px !important
}

#digital-marketing-scene .digital-marketing-2 {
    left: 290px !important;
    top: 140px !important
}

#digital-marketing-scene .digital-marketing-3 {
    left: -70px !important;
    top: 50px !important
}

#digital-marketing-scene .digital-marketing-4 {
    left: 450px !important;
    top: 20px !important
}

#motion-scene {
    position: relative;
    min-height: 450px
}

#motion-scene {
    max-width: 100%;
    margin-top: 200px
}

#motion-scene .motion-1 {
    left: -125px !important;
    top: -120px !important
}

#motion-scene .motion-2 {
    left: 500px !important;
    top: -50px !important
}

#motion-scene .motion-3 {
    left: 30px !important;
    top: 120px !important
}

#motion-scene .motion-4 {
    left: 280px !important;
    top: 180px !important
}

#ux-scene {
    position: relative;
    min-height: 300px
}

#ux-scene {
    max-width: 100%
}

#ux-scene .ux-1 {
    left: -30px !important;
    top: 0 !important
}

#ux-scene .ux-2 {
    left: -30px !important;
    top: -75px !important
}

#ux-scene .ux-3 {
    left: 150px !important;
    top: 35px !important
}

#webdesign-scene {
    position: relative;
    min-height: 435px
}

#webdesign-scene [class*='webdesign-'] {
    position: absolute !important
}

#webdesign-scene .webdesign-1 {
    left: -40px !important;
    top: 0px !important
}

#webdesign-scene .webdesign-2 {
    left: -45px !important;
    top: 25px !important
}

#webdesign-scene .webdesign-3 {
    left: 30px !important;
    top: 85px !important
}

#webdevelope-scene {
    position: relative;
    min-height: 160px
}

#webdevelope-scene {
    margin-bottom: 120px
}

#webdevelope-scene [class*='webdevelope-'] {
    position: absolute !important
}

#webdevelope-scene .webdevelope-1 {
    top: auto !important;
    left: 110% !important;
    margin-left: -675px;
    bottom: -70px !important
}

#webdevelope-scene .webdevelope-2 {
    left: 50% !important;
    margin-left: -192px;
    top: 20px !important
}

#webdevelope-scene .webdevelope-3 {
    left: 55px !important;
    top: -30px !important
}

#webdevelope-scene .webdevelope-4 {
    left: 50% !important;
    margin-left: -154px;
    top: 60px !important
}

#webdevelope-scene .webdevelope-5 {
    bottom: -320px !important;
    left: -45px !important;
    top: auto !important
}

footer {
    padding-top: 14rem;
    padding-bottom: 10rem
}

footer h2 {
    font-size: 2.8rem !important
}

footer h5 {
    font-size: 13px;
    font-weight: 300;
    margin-top: 8px
}

footer span {
    font-size: 13px
}

#_hj_feedback_container {
    display: none !important
}

.top-menu {
    float: right
}

.top-menu ul li {
    float: right;
    margin-left: 3.2rem
}

.top-menu ul li a {
    position: relative;
    font-size: 1.6rem;
    font-weight: 500;
    overflow: hidden
}

.top-menu ul li a:before {
    -moz-transition: max-width 0.3s ease-out;
    -o-transition: max-width 0.3s ease-out;
    -webkit-transition: max-width 0.3s ease-out;
    transition: max-width 0.3s ease-out;
    content: attr(data-hover);
    position: absolute;
    top: -3px;
    left: 0;
    overflow: hidden;
    white-space: nowrap;
    max-width: 0
}

.top-menu ul li a:hover:before {
    max-width: 100%
}

#about-menu-wrapper {
    position: fixed;
    width: 100%;
    top: 0;
    padding: 50px 0;
    background: #fff;
    z-index: 50 !important;
    -webkit-transition: padding 300ms ease-in-out;
    transition: padding 300ms ease-in-out
}

#about-menu-wrapper .logo2 {
    position: absolute;
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 1rem;
    padding: 20px 0
}

.sticky {
    position: fixed !important;
    z-index: 50;
    top: 0;
    padding: 40px 0 !important;
    -moz-box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    -webkit-box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0
}

.side-menu {
    position: relative
}

.side-menu ul {
    padding-top: 8rem
}

.side-menu ul li {
    margin-bottom: 10px
}

.side-menu ul li.current-menu-item {
    position: absolute;
    top: 0;
    color: #ff3b30;
    margin-bottom: 4rem
}

.side-menu ul li a {
    font-size: 1.6rem
}

.side-menu ul li a:hover,.side-menu ul li a:active,.side-menu ul li a:focus {
    color: #ff3b30
}

.active-nav {
    color: #ff3b30
}

.works-menu {
    margin-top: 80px
}

.works-menu ul li {
    display: inline-block;
    margin-left: 2rem;
    margin-right: 2rem;
    margin-bottom: 2rem !important
}

.works-menu ul li:first-child {
    margin-left: 0
}

.works-menu ul li:last-child {
    margin-right: 0
}

.works-menu ul li a {
    position: relative;
    display: block;
    font-size: 1.6rem;
    font-weight: 500;
    cursor: pointer
}

.works-menu ul li a:before {
    -moz-transition: max-width 0.3s ease-out;
    -o-transition: max-width 0.3s ease-out;
    -webkit-transition: max-width 0.3s ease-out;
    transition: max-width 0.3s ease-out;
    content: attr(data-hover);
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    white-space: nowrap;
    max-width: 0;
    border-bottom: 3px solid #ff3b30;
    padding-bottom: 3px
}

.works-menu ul li a:hover:before {
    color: #ff3b30;
    max-width: 100%
}

.works-menu ul li a span {
    display: block;
    font-size: 2.8rem;
    font-weight: lighter
}

.works-menu ul li.current-menu-item a {
    color: #ff3b30 !important
}

.works-menu ul li.current-menu-item a:before {
    max-width: 100% !important
}

.works-description {
    width: 61%;
    display: none
}

.bt-circle,.share-bt,.opacity-header .lang,.opacity-header .basket-lnk {
    position: relative;
    width: 32px;
    height: 32px;
    line-height: 26px;
    border-radius: 50%;
    text-align: center;
    padding: 0 !important;
    z-index: 20
}

.share-bt {
    line-height: 27px
}

.share-bt i {
    font-size: 13px
}

.opacity-header .lang {
    border: 2px solid #fff;
    line-height: 29px;
    display: block;
    float: right;
    margin-left: 10px
}

.opacity-header .lang i {
    margin-left: 3px
}

.opacity-header .basket-lnk {
    border: 2px solid #fff;
    line-height: 28px;
    margin: 0 0 0 10px
}

.bi-share-icons {
    position: relative;
    width: 32px;
    height: 32px;
    float: right;
    margin-left: 10px
}

.bi-share-icons .share-icons a {
    position: absolute;
    width: 28px;
    height: 28px;
    line-height: 26px;
    font-size: 12px;
    border-radius: 50%;
    background: rgba(0,0,0,0.6);
    color: #fff !important;
    top: 4px;
    left: 3px;
    text-align: center;
    opacity: 0;
    z-index: 1;
    transition: all 0.25s ease-in-out 0s
}

.bi-share-icons .share-icons.open a {
    opacity: 1
}

.bi-share-icons .share-icons.open a:nth-child(1) {
    top: 40px;
    background: #244E9A
}

.bi-share-icons .share-icons.open a:nth-child(2) {
    top: 72px;
    background: #26B8E7;
    transition-delay: .01s
}

.bi-share-icons .share-icons.open a:nth-child(3) {
    top: 104px;
    background: #DD4A38;
    transition-delay: .018s
}

.bi-share-icons .share-icons.open a:nth-child(4) {
    top: 136px;
    background: #0079AE;
    transition-delay: .026s
}

.ft-nav ul li {
    float: left;
    margin-top: 8px
}

.ft-nav ul li a {
    font-size: 13px
}

.ft-nav ul li a:hover,.ft-nav ul li a:active,.ft-nav ul li a:focus {
    color: #e30c00
}

.half ul li {
    width: 50%
}

.third ul li {
    width: 33.333333%
}

.pinning-nav {
    left: 0;
    right: 0;
    top: 0;
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.pinning-nav.unpinned {
    -moz-transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.content-wrapper {
    position: relative;
    padding-top: 14rem;
    padding-bottom: 10rem
}

.content-wrapper:last-child {
    border: none
}

.no-pt {
    padding-top: 0 !important
}

.no-pb {
    padding-bottom: 0 !important
}

.paragraph-dialogic h2 {
    font-size: 4rem;
    font-weight: 300;
    line-height: 1.3;
    margin-bottom: 4rem
}

.paragraph-dialogic h3 {
    font-size: 3rem;
    font-weight: 300;
    line-height: 1.3;
    margin-bottom: 4rem
}

.paragraph-dialogic p {
    font-size: 2.4rem;
    margin-bottom: 4rem
}

.paragraph-dialogic p span {
    color: #ff4638
}

.paragraph-dialogic a {
    margin-top: 2rem;
    font-size: 18px
}

.p-sm {
    font-size: 1.4rem !important
}

.growth-wrapper {
    background: url(img/market-wrapper-bg.png) no-repeat bottom center;
    padding-top: 17rem;
    padding-bottom: 10rem
}

.growth-wrapper .block {
    position: relative;
    top: 400px
}

.presentation-wrapper {
    position: relative;
    padding-bottom: 24rem;
    border: none !important;
    margin: 0 !important
}

.presentation-wrapper img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: auto
}

.block-header {
    padding-bottom: 10rem
}

.block {
    margin-bottom: 4rem
}

.block figure {
    margin-bottom: 4rem
}

.bl-h2 {
    font-size: 4.8rem;
    font-weight: 300;
    margin-bottom: 4rem
}

.bl-h2 a:hover {
    color: #e30c00
}

.bl-h3 {
    font-size: 2rem;
    font-weight: 400;
    margin-bottom: 2rem
}

.bl-h3 a:hover {
    color: #e30c00
}

.bl-p {
    margin-bottom: 2rem
}

.bl-p {
    margin-bottom: 2rem
}

.bl-ul {
    margin-top: 4rem
}

.bl-ul li {
    width: 50%;
    float: left
}

.space-between {
    margin-bottom: 4rem
}

.zoom-img {
    backface-visibility: hidden;
    -moz-box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    -webkit-box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0
}

.bank-block {
    background-color: #f6f6f6;
    font-size: 1.4rem;
    padding: 8.5rem;
    margin-bottom: 12px
}

.bank-block:last-child {
    margin-bottom: 4rem
}

.bank-thumb {
    background-color: #fff;
    width: 16rem;
    height: 16rem;
    margin-right: 30px;
    float: left;
    text-align: center
}

.bank-info {
    overflow: hidden
}

.bank-info ul li {
    margin-bottom: 14px
}

.bank-info ul li:last-child {
    margin-bottom: 0
}

.bank-info ul li strong {
    font-weight: 400
}

.career-block {
    background-color: #f6f6f6;
    font-size: 1.4rem;
    padding: 10rem;
    margin-bottom: 10px
}

.career-block h2 {
    font-weight: 300;
    margin-bottom: 4rem
}

.career-block h3 {
    font-weight: 300;
    margin-bottom: 2rem
}

.career-block ul {
    margin-bottom: 4rem
}

.career-block ul li {
    list-style: circle;
    margin-bottom: 14px;
    margin-left: 20px;
    padding-left: 20px
}

.career-block ul li:last-child {
    margin-bottom: 0
}

.approach-row {
    margin-bottom: 14rem
}

.approach-row:last-child {
    margin-bottom: 0
}

.approach {
    position: relative;
    margin-bottom: 12rem
}

.approach .approach-line {
    position: absolute;
    width: 100%;
    height: 100%
}

.approach .approach-line img {
    position: absolute;
    top: 160px;
    left: -100px
}

.approach-block {
    margin: 8rem 0
}

.cart-block {
    position: relative;
    display: block;
    background-color: #fff;
    margin-bottom: 10px;
    cursor: pointer;
    -moz-box-shadow: rgba(1,2,2,0.08) 0px 1px 1.96px 0.04px;
    -webkit-box-shadow: rgba(1,2,2,0.08) 0px 1px 1.96px 0.04px;
    box-shadow: rgba(1,2,2,0.08) 0px 1px 1.96px 0.04px;
    transition: all 0.2s ease-in-out 0s;
    transform: translateY(0) !important
}

.cart-block figure {
    width: 100%;
    margin-bottom: -4px
}

.cart-block figure img {
    display: block;
    width: 100%;
    height: auto
}

.cart-block figure a:hover {
    opacity: .9
}

.cart-block:hover {
    -moz-box-shadow: 0 10px 35px 5px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 10px 35px 5px rgba(0,0,0,0.2);
    box-shadow: 0 10px 35px 5px rgba(0,0,0,0.2);
    transform: translateY(-8px) !important
}

.cart-block:hover h2 {
    color: #e30c00
}

.cart-detail {
    padding: 36px;
    border-top: 1px solid rgba(0,0,0,0.08)
}

.cart-detail h3,.cart-detail h4 {
    margin-bottom: 0;
    line-height: 1.6
}

.cart-detail h3 a:hover,.cart-detail h3 a:active,.cart-detail h3 a:focus,.cart-detail h4 a:hover,.cart-detail h4 a:active,.cart-detail h4 a:focus {
    color: #e30c00
}

.cart-detail h3 {
    font-size: 20px
}

.drop-menu {
    position: relative;
    float: right;
    margin: 0 0 0 20px;
    width: 10px
}

.drop-menu .bi-drop-menu-trigger {
    display: block;
    font-size: 20px;
    cursor: pointer
}

.drop-menu .bi-drop-menu-trigger:hover {
    color: #e30c00
}

.drop-menu nav {
    display: none;
    position: absolute;
    right: -1px;
    bottom: 0;
    background-color: #fff;
    width: 150px;
    -moz-box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    -webkit-box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    z-index: 20
}

.drop-menu nav a {
    display: block;
    padding: 14px 20px
}

.drop-menu nav a:hover {
    color: #e30c00
}

.design-process {
    position: relative;
    text-align: center
}

.design-process .process-line {
    position: absolute;
    top: 14rem;
    left: -8.8rem
}

.design-process .process-step {
    display: inline-block;
    text-align: left;
    margin-bottom: 4rem
}

.design-process .process-step figure {
    margin-bottom: 1.4rem
}

.design-process .process-step h2 {
    display: inline-block;
    background-color: #fff;
    padding: 0 30px;
    margin-left: -30px;
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 4rem
}

.design-process .process-step ul {
    font-size: 14px
}

.design-process .brain-circle {
    display: inline-block;
    background: #fff;
    width: 23.5rem;
    height: 23.5rem;
    border-radius: 50%;
    margin-top: 2rem;
    margin-bottom: 10rem;
    -moz-box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    -webkit-box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0
}

.design-process .brain-circle i {
    display: block;
    font-size: 6rem;
    margin-top: calc(50% - 5rem)
}

#posts_grid {
    margin-left: -10px
}

#posts_grid .gutter_sizer {
    width: 10px
}

#posts_grid .grid_sizer {
    width: calc(25% - 10px)
}

#posts_grid .post_target {
    margin-bottom: 10px
}

#posts_grid .post_target .work-item {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: all 0.2s ease-in-out 0s;
    transform: translateY(0)
}

#posts_grid .post_target .work-item img {
    display: block;
    max-width: 100%;
    height: auto
}

#posts_grid .post_target .work-item:hover {
    -moz-box-shadow: 0 10px 35px 5px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 10px 35px 5px rgba(0,0,0,0.2);
    box-shadow: 0 10px 35px 5px rgba(0,0,0,0.2);
    transform: translateY(-6px)
}

#posts_grid .sm-sizer {
    width: calc(25% - 10px)
}

#posts_grid .md-vertical-sizer {
    width: calc(25% - 10px)
}

#posts_grid .md-horizontal-sizer {
    width: calc(50% - 10px)
}

#posts_grid .lg-sizer {
    width: calc(50% - 10px)
}

#posts_grid .titled {
    height: 289px;
    width: calc(50% - 10px)
}

#posts_grid .titled h1 {
    font-size: 5.6rem;
    margin-bottom: 30px
}

#posts_grid .titled .bl-h2 {
    font-size: 4rem
}

.screenshots {
    margin-bottom: 4rem !important
}

.screenshots a {
    display: block;
    transform: translateY(0);
    transition: all 0.25s ease-in-out 0s
}

.screenshots a img {
    -moz-box-shadow: rgba(1,2,2,0.08) 0px 1px 1.96px 0.04px;
    -webkit-box-shadow: rgba(1,2,2,0.08) 0px 1px 1.96px 0.04px;
    box-shadow: rgba(1,2,2,0.08) 0px 1px 1.96px 0.04px;
    max-width: 100%;
    display: block
}

.screenshots a:hover {
    -moz-box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    -webkit-box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    transform: translateY(-8px)
}

.modify-date {
    display: block;
    margin-bottom: 2rem
}

.download-lnk {
    color: #1b9e64
}

.download-lnk:hover {
    text-decoration: underline
}

.bt,.bt-lg,.bt-md,.bt-sm {
    display: inline-block;
    background-color: transparent;
    background-image: none;
    color: inherit;
    font-size: 1.6rem;
    font-weight: 500;
    padding: .8rem 2.8rem;
    text-align: center;
    vertical-align: middle;
    border-radius: 4px;
    cursor: pointer;
    outline: none
}

.bt-normal {
    background: linear-gradient(130deg, #ff3b30,#ff624d);
    color: #fff;
    border: none
}

.bt-normal:hover,.bt-normal:active,.bt-normal:focus {
    background: linear-gradient(130deg, #ff624d,#ff3b30)
}

.bt-ghost {
    background: inherit;
    color: #fff;
    border: 2px solid #fff
}

.bt-ghost:hover {
    color: inherit;
    border: 2px solid rgba(0,0,0,0.25)
}

.dark-text .bt-ghost {
    color: #000;
    border-color: #000
}

.bt-link {
    background: inherit;
    color: #ff3b30;
    padding: 0
}

.bt-link i {
    transition: all .2s ease-in 0s
}

.bt-link:hover,.bt-link:active,.bt-link:focus {
    color: #e30c00
}

.bt-link:hover i,.bt-link:active i,.bt-link:focus i {
    text-indent: 5px
}

.bt-block {
    display: block;
    width: 100%
}

.bt-lg {
    padding: .8rem 2.8rem;
    border-radius: 50px
}

.bt-md {
    padding: 1.4rem 2.8rem;
    border-radius: 30px
}

.bt-sm {
    padding: .8rem 2.8rem;
    border-radius: 4px
}

.search_posts .bt-link {
    color: #000
}

.search_posts .bt-link:hover {
    color: #e30c00
}

.max-radius {
    border-radius: 100px
}

body .circle-42 {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    padding: 0 !important;
    line-height: 40px;
    font-size: 28px;
    margin-left: 6px
}

.social a {
    display: inline-block;
    font-size: 1.4rem;
    margin-right: 22px
}

.social a:hover,.social a:active,.social a:focus {
    color: #e30c00
}

.social a:last-child {
    margin-right: 0
}

.accordion {
    display: block;
    margin-top: 4rem;
    margin-bottom: 4rem
}

.accordion-title {
    color: #bbbbc7;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase
}

.accordion-row {
    background: #f6f6f6;
    margin-bottom: 10px
}

.heading-trigger {
    position: relative;
    display: block;
    font-size: 2.2rem;
    cursor: pointer;
    padding: 3rem
}

.heading-trigger:after {
    position: absolute;
    font-family: "bi-font";
    content: '\e82a';
    right: 30px
}

.accordion-row-content {
    transform: translateY(2%);
    overflow: hidden;
    display: none;
    visibility: hidden;
    opacity: 0;
    padding: 3rem
}

.accordion-row-content p {
    font-size: 1.4rem;
    margin-bottom: 2rem
}

.is-active .heading-trigger {
    color: #ff4336
}

.is-active .heading-trigger:after {
    content: '\e82f'
}

.fadingOut {
    opacity: 0;
    transition: all 0.5s ease-in-out;
    display: none
}

.hidden-post {
    visibility: hidden;
    opacity: 0;
    transform: translateY(10%);
    transition: none !important
}

.fadingIn {
    transform: translateY(0);
    visibility: visible;
    opacity: 1;
    transition: all 0.5s ease-in-out
}

.data-field {
    display: block;
    width: 100%;
    height: 32px;
    font-size: 1.4rem;
    line-height: 32px;
    background-color: inherit;
    border: 2px solid #bbb;
    border-radius: 4px;
    padding: 0 10px;
    margin-bottom: 30px;
    outline: none
}

.data-field:focus {
    border-color: #ff3b30;
    outline: none
}

textarea.data-field {
    height: 180px;
    line-height: inherit
}

.error {
    border-color: #ff3b30 !important
}

label.error {
    color: #ff3b30 !important;
    margin-top: -20px;
    margin-bottom: 20px
}

.subscribe {
    background-color: #fff;
    -moz-box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    -webkit-box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    padding-top: 10rem;
    padding-bottom: 10rem
}

.subscribe h1 {
    font-weight: 500;
    margin-bottom: 2rem
}

.subscribe p {
    margin-bottom: 4rem
}

.subscribe-form .data-field {
    margin: 0 0 10px 0;
    padding: 0 15px
}

.subscribe-cookies {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9Ii0wLjAzOTYxNCIgeTE9IjAuMDQ3MjEiIHgyPSIxLjAzOTYxNCIgeTI9IjAuOTUyNzkiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZjNiMzAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjYyNGQiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: -moz-linear-gradient(320deg, #ff3b30,#ff624d);
    background-image: -webkit-linear-gradient(320deg, #ff3b30,#ff624d);
    background-image: linear-gradient(130deg, #ff3b30,#ff624d);
    -moz-box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    -webkit-box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    color: #fff;
    padding: 8rem;
    right: 0;
    bottom: 0;
    z-index: 999
}

.subscribe-cookies .data-field {
    border-color: rgba(0,0,0,0.2)
}

.subscribe-cookies .bt-normal {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9Ii0wLjAzOTYxNCIgeTE9IjAuMDQ3MjEiIHgyPSIxLjAzOTYxNCIgeTI9IjAuOTUyNzkiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZmFlMDAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmY2NhNTAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: -moz-linear-gradient(320deg, #ffae00,#fcca50);
    background-image: -webkit-linear-gradient(320deg, #ffae00,#fcca50);
    background-image: linear-gradient(130deg, #ffae00,#fcca50);
    width: 100%;
    padding: 0.8rem 0
}

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

.clearfix:before,.clearfix:after {
    content: '';
    display: table
}

.clearfix:after {
    clear: both
}

html {
    height: 100%
}

.page-template-form-branding {
    overflow: hidden;
    overflow-y: auto;
    min-height: 590px
}

.fs-form-wrap {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.fs-form-wrap .fs-fields>li {
    margin-bottom: 4rem
}

.overview .fs-form-wrap {
    height: auto
}

.fs-title {
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 40px;
    width: 100%
}

.fs-title h1 {
    margin: 0 130px 0 0;
    float: right;
    font-size: 38px
}

.fs-title .bi-logo {
    font-size: 45px
}

.fs-form {
    position: relative;
    text-align: left;
    font-size: 2.5em
}

.no-js .fs-form {
    padding: 0 0 6em 0
}

.fs-form-full {
    top: 15%;
    margin: 0 auto;
    width: 35%
}

.fs-form-full,.fs-message-error {
    max-width: 960px
}

.fs-form-overview {
    padding: 2.5em 30% 6em;
    width: 100%;
    height: 100%;
    color: #3b3f45;
    font-size: 1.2em
}

.fs-form-overview .fs-fields::before {
    display: block;
    font-weight: 700;
    font-size: 1.85em
}

.fs-form.fs-show {
    -webkit-animation: animFadeIn 0.5s;
    animation: animFadeIn 0.5s
}

@-webkit-keyframes animFadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes animFadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.fs-form.fs-show .fs-fields {
    -webkit-animation: animMove 0.5s;
    animation: animMove 0.5s
}

@-webkit-keyframes animMove {
    from {
        top: 100px
    }
}

@keyframes animMove {
    from {
        top: 100px
    }
}

.fs-form-full .fs-fields>li,.fs-nav-dots,.fs-progress,.fs-numbers,button.fs-continue,.fs-message-error,.fs-message-final {
    visibility: hidden
}

.no-js .fs-form-full .fs-fields>li {
    visibility: visible
}

.fs-show {
    visibility: visible !important
}

.fs-form-wrap button {
    border: none
}

.fs-form-wrap button[disabled] {
    opacity: 0.3;
    pointer-events: none
}

.fs-form-wrap input:focus,.fs-form-wrap button:focus {
    outline: none
}

.fs-form .fs-submit {
    display: none
}

.fs-fields {
    position: relative;
    margin: 0 auto;
    padding: 0;
    top: 0;
    list-style: none
}

.fs-fields>li {
    position: relative;
    margin: 0;
    padding: 0;
    border: none
}

.js .fs-form-full .fs-fields>li {
    position: absolute;
    width: 100%
}

.fs-fields>li label {
    position: relative
}

.fs-fields>li label.fs-field-label {
    font-size: 32px;
    font-weight: 300;
    display: block;
    padding: 0 5px 20px 0;
    pointer-events: none
}

.fs-form-overview .fs-fields>li label.fs-field-label {
    font-size: 22px
}

.fs-form-full .fs-fields>li label[data-info]::after {
    position: relative;
    display: inline-block;
    margin-left: 10px;
    width: 24px;
    height: 24px;
    border: 2px solid #85cb9f;
    color: #85cb9f;
    border-radius: 50%;
    content: 'i';
    vertical-align: top;
    text-align: center;
    font-weight: 700;
    font-style: italic;
    font-size: 14px;
    font-family: Georgia, serif;
    line-height: 20px;
    cursor: pointer;
    pointer-events: auto
}

.fs-form-full .fs-fields>li label[data-info]::before {
    position: absolute;
    bottom: 100%;
    left: 0;
    padding: 0 0 10px;
    min-width: 200px;
    content: attr(data-info);
    font-size: 0.6em;
    color: #85cb9f;
    opacity: 0;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
    pointer-events: none
}

.fs-form-full .fs-fields>li label[data-info]:hover::before {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.fs-form-full .fs-fields>li label:hover ~ .fs-info,.fs-form-full .fs-fields>li .fs-info:hover {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    pointer-events: auto
}

.fs-fields input {
    display: block;
    width: 100%;
    height: 60px;
    font-size: 18px;
    line-height: 32px;
    background-color: inherit;
    border: 3px solid #bbb;
    border-radius: 4px;
    padding: 0 20px;
    margin-bottom: 30px
}

.fs-fields input:focus {
    border-color: #ff3b30
}

.fs-fields input:invalid {
    box-shadow: none
}

.fs-form-overview .fs-fields input {
    color: rgba(0,0,0,0.5)
}

.fs-fields [required] {
    background-position: top right;
    background-size: 18px;
    background-repeat: no-repeat
}

.fs-fields input:focus {
    border-color: #ff3b30
}

.fs-form-overview .fs-fields input {
    font-size: 1.2em
}

.fs-fields .fs-radio-custom input[type="radio"] {
    position: absolute;
    display: block;
    margin: 30px auto 20px;
    margin: 0 auto 20px;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer
}

.fs-fields>li .fs-radio-custom span {
    position: relative;
    margin-bottom: 4px;
    width: 100%;
    font-weight: 700;
    font-size: 50%
}

.fs-fields>li .fs-radio-custom span label {
    background: #f6f6f6;
    color: rgba(0,0,0,0.4);
    -webkit-transition: color 0.3s;
    transition: color 0.3s
}

.fs-form-overview .fs-fields>li .fs-radio-custom span {
    font-size: 75%
}

.fs-fields>li .fs-radio-custom label {
    position: relative;
    display: block;
    font-size: 16px;
    padding: 25px;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 0;
    text-align: left
}

.fs-fields>li .fs-radio-custom label:hover {
    color: #ff3b30
}

.fs-fields .fs-radio-custom label::after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    background-position: 50% 0%;
    background-size: 85%;
    background-repeat: no-repeat;
    content: '';
    opacity: 1;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -1
}

.fs-fields .fs-radio-custom label:hover::after,.fs-fields input[type="radio"]:focus+label::after,.fs-fields input[type="radio"]:checked+label::after {
    background-color: #fff;
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.13),0 5px 5px 0 rgba(0,0,0,0.13);
    color: #ff3b30
}

.fs-fields .fs-radio-custom input[type="radio"]:checked+label {
    color: #ff3b30
}

.fs-radio-group.fs-radio-custom {
    margin-bottom: 30px
}

.fs-fields textarea {
    padding: 20px;
    resize: none
}

.fs-form-overview .fs-fields textarea {
    height: 100px;
    color: rgba(0,0,0,0.5)
}

.fs-fields textarea:focus {
    outline: none
}

.fs-form div.cs-select.cs-skin-boxes {
    display: inline-block
}

.fs-fields input.fs-mark {
    padding-left: 1em;
    background-position: 0% 0.15em;
    background-size: auto 75%;
    background-repeat: no-repeat
}

.fs-fields input.fs-mark[required] {
    background-position: 0% 0.15em, top right;
    background-size: auto 75%, 18px;
    background-repeat: no-repeat
}

.fs-fields input::-webkit-input-placeholder,.fs-fields textarea::-webkit-input-placeholder {
    color: rgba(0,0,0,0.1)
}

.fs-fields input:-moz-placeholder,.fs-fields textarea:-moz-placeholder {
    color: rgba(0,0,0,0.1)
}

.fs-fields input::-moz-placeholder,.fs-fields textarea::-moz-placeholder {
    color: rgba(0,0,0,0.1)
}

.fs-fields input:-ms-input-placeholder,.fs-fields textarea:-ms-input-placeholder {
    color: rgba(0,0,0,0.1)
}

.fs-fields input:focus::-webkit-input-placeholder {
    color: transparent
}

.fs-nav-dots {
    position: absolute;
    top: 50%;
    right: 60px;
    left: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.fs-nav-dots button {
    position: relative;
    display: block;
    padding: 0;
    margin: 8px 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: transparent;
    -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease;
    transition: transform 0.3s ease, opacity 0.3s ease
}

.fs-nav-dots button::before,.fs-nav-dots button::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: rgba(0,0,0,0.5);
    content: '';
    text-indent: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.fs-nav-dots button::after {
    background-color: rgba(0,0,0,0.4);
    -webkit-transform: perspective(1000px) rotate3d(0, 1, 0, 180deg);
    transform: perspective(1000px) rotate3d(0, 1, 0, 180deg)
}

.fs-nav-dots button.fs-dot-current {
    -webkit-transform: perspective(1000px) rotate3d(0, 1, 0, 180deg);
    transform: perspective(1000px) rotate3d(0, 1, 0, 180deg)
}

.fs-nav-dots button:hover::before,.fs-nav-dots button.fs-dot-current::before {
    background: #f00
}

.fs-progress {
    position: absolute;
    top: 0;
    width: 0%;
    height: 3px;
    z-index: 110;
    animation: 1s linear 0s normal none infinite running bi-gradient;
    background: transparent linear-gradient(to right, #6cc9ff,#ff6779,#fcc645,#ff6779,#6cc9ff,#ff6779) repeat scroll 0 0/500% auto;
    -webkit-transition: width 0.3s ease-in-out;
    transition: width 0.3s ease-in-out
}

@-moz-keyframes bi-gradient {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 100% 0
    }
}

@-webkit-keyframes bi-gradient {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 100% 0
    }
}

@keyframes bi-gradient {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 100% 0
    }
}

.fs-numbers {
    position: absolute;
    top: 0;
    right: 0;
    overflow: hidden;
    margin: 40px;
    width: 100px;
    font-weight: 500;
    font-size: 2em;
    cursor: default
}

.fs-numbers:after {
    position: absolute;
    width: 100%;
    text-align: center;
    content: '/';
    font-weight: 300;
    opacity: 0.4;
    left: 0
}

.fs-numbers span {
    float: right;
    width: 40%;
    text-align: center
}

.fs-numbers .fs-number-current {
    float: left
}

.fs-numbers .fs-number-new {
    position: absolute;
    left: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.fs-numbers.fs-show-next .fs-number-new {
    -webkit-animation: animMoveUpFromDown 0.4s both;
    animation: animMoveUpFromDown 0.4s both
}

@-webkit-keyframes animMoveUpFromDown {
    from {
        -webkit-transform: translateY(100%)
    }

    to {
        -webkit-transform: translateY(0)
    }
}

@keyframes animMoveUpFromDown {
    from {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.fs-numbers.fs-show-next .fs-number-current {
    -webkit-animation: animMoveUp 0.4s both;
    animation: animMoveUp 0.4s both
}

@-webkit-keyframes animMoveUp {
    to {
        -webkit-transform: translateY(-100%)
    }
}

@keyframes animMoveUp {
    to {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

.fs-numbers.fs-show-prev .fs-number-new {
    -webkit-animation: animMoveDownFromUp 0.4s both;
    animation: animMoveDownFromUp 0.4s both
}

@-webkit-keyframes animMoveDownFromUp {
    from {
        -webkit-transform: translateY(-100%)
    }

    to {
        -webkit-transform: translateY(0)
    }
}

@keyframes animMoveDownFromUp {
    from {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.fs-numbers.fs-show-prev .fs-number-current {
    -webkit-animation: animMoveDown 0.4s both;
    animation: animMoveDown 0.4s both
}

@-webkit-keyframes animMoveDown {
    to {
        -webkit-transform: translateY(100%)
    }
}

@keyframes animMoveDown {
    to {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

.fs-form-overview .fs-submit,.no-js .fs-form .fs-submit {
    display: inline-block
}

button.fs-continue {
    position: absolute;
    right: 0;
    bottom: 0;
    margin: 0 40px 60px 0;
    font-size: 1.25em
}

.fs-continue::after {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    line-height: 3;
    text-align: center;
    background: transparent;
    color: rgba(0,0,0,0.3);
    content: 'or press ENTER';
    font-size: 0.65em;
    pointer-events: none
}

.fs-message-error {
    position: absolute;
    top: 25%;
    left: 50%;
    max-width: 960px;
    width: 35%;
    color: #ff3b30;

    font-size: 1em;
    opacity: 0;
    -webkit-transform: translate3d(-50%, -5px, 0);
    transform: translate3d(-50%, -5px, 0)
}

.fs-message-error.fs-show {
    opacity: 1;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0)
}

.fs-form li.fs-current {
    visibility: visible
}

.fs-form li.fs-hide,.fs-form li.fs-show {
    pointer-events: none
}

.fs-form .fs-display-next .fs-hide {
    visibility: visible
}

.fs-form .fs-display-next .fs-hide .fs-anim-lower,.fs-form .fs-display-next .fs-hide .fs-anim-upper {
    -webkit-animation: animHideNext 0.5s cubic-bezier(0.7, 0, 0.3, 1) forwards;
    animation: animHideNext 0.5s cubic-bezier(0.7, 0, 0.3, 1) forwards
}

.fs-form .fs-display-next .fs-hide .fs-anim-lower {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s
}

@-webkit-keyframes animHideNext {
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -500px, 0)
    }
}

@keyframes animHideNext {
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -500px, 0);
        transform: translate3d(0, -500px, 0)
    }
}

.fs-form .fs-display-next .fs-show .fs-anim-lower,.fs-form .fs-display-next .fs-show .fs-anim-upper {
    -webkit-animation: animShowNext 0.5s cubic-bezier(0.7, 0, 0.3, 1) both 0.15s;
    animation: animShowNext 0.5s cubic-bezier(0.7, 0, 0.3, 1) both 0.15s
}

.fs-form .fs-display-next .fs-show .fs-anim-lower {
    -webkit-animation-delay: 0.25s;
    animation-delay: 0.25s
}

@-webkit-keyframes animShowNext {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 500px, 0)
    }
}

@keyframes animShowNext {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 500px, 0);
        transform: translate3d(0, 500px, 0)
    }
}

.fs-form .fs-display-prev .fs-hide {
    visibility: visible
}

.fs-form .fs-display-prev .fs-hide .fs-anim-lower,.fs-form .fs-display-prev .fs-hide .fs-anim-upper {
    -webkit-animation: animHidePrev 0.5s cubic-bezier(0.7, 0, 0.3, 1) forwards;
    animation: animHidePrev 0.5s cubic-bezier(0.7, 0, 0.3, 1) forwards
}

.fs-form .fs-display-prev .fs-hide .fs-anim-upper {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s
}

@-webkit-keyframes animHidePrev {
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 500px, 0)
    }
}

@keyframes animHidePrev {
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 500px, 0);
        transform: translate3d(0, 500px, 0)
    }
}

.fs-form .fs-display-prev .fs-show .fs-anim-lower,.fs-form .fs-display-prev .fs-show .fs-anim-upper {
    -webkit-animation: animShowPrev 0.5s cubic-bezier(0.7, 0, 0.3, 1) both 0.15s;
    animation: animShowPrev 0.5s cubic-bezier(0.7, 0, 0.3, 1) both 0.15s
}

.fs-form .fs-display-prev .fs-show .fs-anim-upper {
    -webkit-animation-delay: 0.25s;
    animation-delay: 0.25s
}

@-webkit-keyframes animShowPrev {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -500px, 0)
    }
}

@keyframes animShowPrev {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -500px, 0);
        transform: translate3d(0, -500px, 0)
    }
}

input[type=text]::-ms-clear {
    display: none
}

@media screen and (max-width: 52.5em) {
    body {
        min-height:500px
    }

    .fs-form-wrap {
        font-size: 70%
    }

    .fs-form {
        top: 6em;
        right: 2em;
        left: 0;
        padding: 0 3.75em 0 1em;
        width: auto;
        font-size: 2em
    }

    .fs-form.fs-form-overview {
        top: 0;
        right: 0;
        padding: 1.5em 1em 8em 1em;
        font-size: 1.5em
    }

    .fs-title {
        padding: 20px
    }

    .fs-numbers {
        margin: 20px
    }

    .fs-nav-dots {
        right: 25px
    }

    button.fs-continue {
        right: 20px;
        bottom: 20px;
        margin: 0;
        padding: 50px 0 0 50px;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        font-size: 2em
    }

    button.fs-continue::before {
        font-family: 'bi-font';
        color: #fff;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: '\e807';
        text-align: center;
        font-size: 1em;
        line-height: 50px
    }

    .fs-continue::after {
        content: ''
    }

    button.fs-submit {
        width: 100%;
        font-size: 1.25em
    }

    .fs-message-error {
        bottom: 1.75em;
        left: 0;
        padding: 0 90px 0 2em;
        width: 100%;
        font-size: 1.5em;
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }

    .fs-message-error.fs-show {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    .new-post-body img {
    display: block;
    height: auto;
    margin-right: 0%;
    width: 102%;
    max-width: 100vw;
    margin-top: -121px;
}
}

div.cs-select {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    text-align: left;
    background: #fff;
    width: auto;
    max-width: 500px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

div.cs-select:focus {
    outline: none
}

.cs-select select {
    display: none
}

.cs-select span {
    background: #fff;
    display: block;
    position: relative;
    cursor: pointer;
    padding: 1em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.cs-select>span {
    padding-right: 3em
}

.cs-select>span::after,.cs-select .cs-selected span::after {
    speak: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.cs-select>span::after {
    content: '\25BE';
    right: 1em
}

.cs-select .cs-selected span::after {
    content: '\2713';
    margin-left: 1em
}

.cs-select.cs-active>span::after {
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg)
}

.cs-select .cs-options {
    position: absolute;
    overflow: hidden;
    width: 100%;
    background: #fff;
    visibility: hidden
}

.cs-select.cs-active .cs-options {
    visibility: visible
}

.cs-select ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%
}

.cs-select ul span {
    padding: 1em
}

.cs-select ul li.cs-focus span {
    background-color: #ddd
}

.cs-select li.cs-optgroup ul {
    padding-left: 1em
}

.cs-select li.cs-optgroup>span {
    cursor: default
}

div.cs-skin-boxes {
    background: transparent;
    font-size: 0.65em;
    font-weight: 400;
    max-width: 300px;
    margin: 5px;
    color: #000;
    -moz-box-shadow: rgba(1,2,2,0.08) 0px 1px 1.96px 0.04px;
    -webkit-box-shadow: rgba(1,2,2,0.08) 0px 1px 1.96px 0.04px;
    box-shadow: rgba(1,2,2,0.08) 0px 1px 1.96px 0.04px
}

@media screen and (max-width: 30em) {
    div.cs-skin-boxes {
        font-size:1em
    }
}

.cs-skin-boxes>span {
    width: 120px;
    height: 120px;
    font-size: 13px;
    padding: 0 0 0 10px;
    background: #f6f6f6
}

#add_more_colors {
    background: #f6f6f6 none repeat scroll 0 0;
    box-shadow: 0 1px 1.96px 0.04px rgba(1,2,2,0.08);
    color: #c8c8c8;
    display: inline-block;
    float: left;
    font-size: 60px;
    width: 120px;
    height: 120px;
    line-height: 120px;
    margin: 5px;
    padding: 0 0 0 10px;
    text-align: center
}

div.cs-skin-boxes:focus>span {
    box-shadow: 0 0 0 2px rgba(255,255,255,0.1)
}

.cs-skin-boxes>span::before {
    content: '';
    display: block;
    padding-top: 90px;
    margin-left: -11px;
    box-shadow: 0 31px 0 #fff, 0 -10px #fff inset
}

.cs-skin-boxes>span::after,.cs-skin-boxes.cs-active>span::after {
    top: auto;
    -webkit-transform: none;
    transform: none
}

.cs-skin-boxes .cs-options {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: auto;
    background: #fff;
    font-size: 12px;
    opacity: 0;
    z-index: 100;
    -webkit-transition: opacity 0.3s, visibility 0s 0.3s;
    transition: opacity 0.3s, visibility 0s 0.3s
}

.cs-skin-boxes.cs-active .cs-options {
    opacity: 1;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s
}

.cs-skin-boxes .cs-options ul {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 10px
}

.cs-skin-boxes .cs-options li {
    width: calc(20% - 10px);
    height: calc(25% - 10px);
    float: left;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    opacity: 0;
    color: #000;
    margin: 5px;
    background-clip: padding-box;
    -webkit-transform: scale3d(0.8, 0.8, 1);
    transform: scale3d(0.8, 0.8, 1);
    box-shadow: inset 0 -6em 0 -2em #fff, inset 0 -1px 1px #fff;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    -moz-box-shadow: rgba(1,2,2,0.08) 0px 1px 1.96px 0.04px;
    -webkit-box-shadow: rgba(1,2,2,0.08) 0px 1px 1.96px 0.04px;
    box-shadow: rgba(1,2,2,0.08) 0px 1px 1.96px 0.04px
}
.new-post-body img {
    display: block;
    height: auto;
    margin-right: 0%;
    width: 102%;
    max-width: 100vw;
    margin-top: -121px;
}

@media screen and (max-width: 30em) {
    .cs-skin-boxes .cs-options li {
        box-shadow:none;
        border-width: 3px;
        border-radius: 8px
    }
}

.cs-skin-boxes.cs-active .cs-options li {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
}

.cs-skin-boxes.cs-active .cs-options li:nth-child(2) {
    -webkit-transition-delay: 0.01s;
    transition-delay: 0.01s
}

.cs-skin-boxes.cs-active .cs-options li:nth-child(3) {
    -webkit-transition-delay: 0.02s;
    transition-delay: 0.02s
}

.cs-skin-boxes.cs-active .cs-options li:nth-child(4) {
    -webkit-transition-delay: 0.03s;
    transition-delay: 0.03s
}

.cs-skin-boxes.cs-active .cs-options li:nth-child(5) {
    -webkit-transition-delay: 0.04s;
    transition-delay: 0.04s
}

.cs-skin-boxes.cs-active .cs-options li:nth-child(6) {
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s
}

.cs-skin-boxes.cs-active .cs-options li:nth-child(7) {
    -webkit-transition-delay: 0.06s;
    transition-delay: 0.06s
}

.cs-skin-boxes.cs-active .cs-options li:nth-child(8) {
    -webkit-transition-delay: 0.07s;
    transition-delay: 0.07s
}

.cs-skin-boxes.cs-active .cs-options li:nth-child(9) {
    -webkit-transition-delay: 0.08s;
    transition-delay: 0.08s
}

.cs-skin-boxes.cs-active .cs-options li:nth-child(10) {
    -webkit-transition-delay: 0.09s;
    transition-delay: 0.09s
}

.cs-skin-boxes.cs-active .cs-options li:nth-child(11) {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s
}

.cs-skin-boxes.cs-active .cs-options li:nth-child(12) {
    -webkit-transition-delay: 0.11s;
    transition-delay: 0.11s
}

.cs-skin-boxes.cs-active .cs-options li:nth-child(13) {
    -webkit-transition-delay: 0.12s;
    transition-delay: 0.12s
}

.cs-skin-boxes.cs-active .cs-options li:nth-child(14) {
    -webkit-transition-delay: 0.13s;
    transition-delay: 0.13s
}

.cs-skin-boxes.cs-active .cs-options li:nth-child(15) {
    -webkit-transition-delay: 0.14s;
    transition-delay: 0.14s
}

.cs-skin-boxes.cs-active .cs-options li:nth-child(16) {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s
}

.cs-skin-boxes.cs-active .cs-options li:nth-child(17) {
    -webkit-transition-delay: 0.16s;
    transition-delay: 0.16s
}

.cs-skin-boxes.cs-active .cs-options li:nth-child(18) {
    -webkit-transition-delay: 0.17s;
    transition-delay: 0.17s
}

.cs-skin-boxes.cs-active .cs-options li:nth-child(19) {
    -webkit-transition-delay: 0.18s;
    transition-delay: 0.18s
}

.cs-skin-boxes.cs-active .cs-options li:nth-child(20) {
    -webkit-transition-delay: 0.19s;
    transition-delay: 0.19s
}

.cs-skin-boxes .cs-options li.cs-selected::after {
    content: '\2714';
    color: rgba(0,0,0,0.1);
    position: absolute;
    font-size: 2em;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0) translate3d(0, -1em, 0);
    transform: translate3d(-50%, -50%, 0) translate3d(0, -1em, 0)
}

.cs-skin-boxes .cs-options li.cs-selected span::after {
    content: ''
}
.new-post-body img {
    display: block;
    height: auto;
    margin-right: 0%;
    width: 102%;
    max-width: 100vw;
    margin-top: -121px;
}

@media screen and (max-width: 30em) {
    .cs-skin-boxes .cs-options li.cs-selected::after {
        -webkit-transform:translate3d(-50%, -50%, 0);
        transform: translate3d(-50%, -50%, 0)
    }
}

.cs-skin-boxes .cs-options li.color-588c75 {
    background-color: #588c75
}

.cs-skin-boxes .cs-options li.color-b0c47f {
    background-color: #b0c47f
}

.cs-skin-boxes .cs-options li.color-f3e395 {
    background-color: #f3e395
}

.cs-skin-boxes .cs-options li.color-f3ae73 {
    background-color: #f3ae73
}

.cs-skin-boxes .cs-options li.color-da645a {
    background-color: #da645a
}

.cs-skin-boxes .cs-options li.color-79a38f {
    background-color: #79a38f
}

.cs-skin-boxes .cs-options li.color-c1d099 {
    background-color: #c1d099
}

.cs-skin-boxes .cs-options li.color-f5eaaa {
    background-color: #f5eaaa
}

.cs-skin-boxes .cs-options li.color-f5be8f {
    background-color: #f5be8f
}

.cs-skin-boxes .cs-options li.color-e1837b {
    background-color: #e1837b
}

.cs-skin-boxes .cs-options li.color-9bbaab {
    background-color: #9bbaab
}

.cs-skin-boxes .cs-options li.color-d1dcb2 {
    background-color: #d1dcb2
}

.cs-skin-boxes .cs-options li.color-f9eec0 {
    background-color: #f9eec0
}

.cs-skin-boxes .cs-options li.color-f7cda9 {
    background-color: #f7cda9
}

.cs-skin-boxes .cs-options li.color-e8a19b {
    background-color: #e8a19b
}

.cs-skin-boxes .cs-options li.color-bdd1c8 {
    background-color: #bdd1c8
}

.cs-skin-boxes .cs-options li.color-e1e7cd {
    background-color: #e1e7cd
}

.cs-skin-boxes .cs-options li.color-faf4d4 {
    background-color: #faf4d4
}

.cs-skin-boxes .cs-options li.color-fbdfc9 {
    background-color: #fbdfc9
}

.cs-skin-boxes .cs-options li.color-f1c1bd {
    background-color: #f1c1bd
}

.cs-skin-boxes .cs-options span {
    position: absolute;
    bottom: 0;
    width: 100%;
    line-height: 2em;
    text-transform: uppercase;
    letter-spacing: 1px
}
.new-post-body img {
    display: block;
    height: auto;
    margin-right: 0%;
    width: 102%;
    max-width: 100vw;
    margin-top: -121px;
}

@media screen and (max-width: 30em) {
    .cs-skin-boxes .cs-options span {
        display:none
    }
}

@-webkit-keyframes passing-through {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px)
    }

    30%, 70% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
        transform: translateY(-40px)
    }
}

@-moz-keyframes passing-through {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px)
    }

    30%, 70% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
        transform: translateY(-40px)
    }
}

@keyframes passing-through {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px)
    }

    30%, 70% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
        transform: translateY(-40px)
    }
}

@-webkit-keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px)
    }

    30% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px)
    }
}

@-moz-keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px)
    }

    30% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px)
    }
}

@keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px)
    }

    30% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px)
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    10% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }

    20% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    10% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }

    20% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    10% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }


    20% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

.dropzone,.dropzone * {
    box-sizing: border-box
}

.dropzone {
    background: #f1fff6;
    border: 3px dashed #85cb9f;
    border-radius: 8px;
    min-height: 150px;
    padding: 20px
}

.dropzone.dz-clickable {
    cursor: pointer
}

.dropzone.dz-clickable * {
    cursor: default
}

.dropzone.dz-clickable .dz-message,.dropzone.dz-clickable .dz-message * {
    cursor: pointer
}

.dropzone.dz-clickable .dz-message span {
    font-size: 18px;
    color: #85cb9f
}

.dropzone.dz-started .dz-message {
    display: none
}

.dropzone.dz-drag-hover {
    border-style: solid
}

.dropzone.dz-drag-hover .dz-message {
    opacity: 0.5
}

.dropzone .dz-message {
    text-align: center;
    margin: 6rem 0
}

.dropzone .dz-preview {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 16px;
    min-height: 100px
}

.dropzone .dz-preview:hover {
    z-index: 1000
}

.dropzone .dz-preview:hover .dz-details {
    opacity: 1
}

.dropzone .dz-preview.dz-file-preview .dz-image {
    background: rgba(0,0,0,0.2)
}

.dropzone .dz-preview.dz-file-preview .dz-details {
    opacity: 1
}

.dropzone .dz-preview.dz-image-preview {
    background: white
}

.dropzone .dz-preview.dz-image-preview .dz-details {
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -ms-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear
}

.dropzone .dz-preview .dz-remove {
    font-size: 14px;
    text-align: center;
    display: block;
    cursor: pointer;
    background: #fff;
    padding: 5px 0;
    border: none
}

.dropzone .dz-preview .dz-remove:hover {
    text-decoration: underline
}

.dropzone .dz-preview:hover .dz-details {
    opacity: 1
}

.dropzone .dz-preview .dz-details {
    z-index: 20;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    font-size: 13px;
    min-width: 100%;
    max-width: 100%;
    padding: 2em 1em;
    text-align: center;
    color: rgba(0,0,0,0.9);
    line-height: 150%
}

.dropzone .dz-preview .dz-details .dz-size {
    margin-bottom: 1em;
    font-size: 16px
}

.dropzone .dz-preview .dz-details .dz-filename {
    white-space: nowrap
}

.dropzone .dz-preview .dz-details .dz-filename:hover span {
    border: 1px solid rgba(200,200,200,0.8);
    background-color: rgba(255,255,255,0.8)
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
    overflow: hidden;
    text-overflow: ellipsis
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
    border: 1px solid transparent
}

.dropzone .dz-preview .dz-details .dz-filename span,.dropzone .dz-preview .dz-details .dz-size span {
    background-color: rgba(255,255,255,0.4);
    padding: 0 0.4em;
    border-radius: 3px
}

.dropzone .dz-preview:hover .dz-image img {
    -webkit-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
    -webkit-filter: blur(8px);
    filter: blur(8px)
}

.dropzone .dz-preview .dz-image {
    overflow: hidden;
    width: 120px;
    height: 120px;
    position: relative;
    display: block;
    z-index: 10
}

.dropzone .dz-preview .dz-image img {
    display: block
}

.dropzone .dz-preview.dz-success .dz-success-mark {
    -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
    -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
    -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
    -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
    animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1)
}

.dropzone .dz-preview.dz-error .dz-error-mark {
    opacity: 1;
    -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
    -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
    -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
    -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
    animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1)
}

.dropzone .dz-preview .dz-success-mark,.dropzone .dz-preview .dz-error-mark {
    pointer-events: none;
    opacity: 0;
    z-index: 500;
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    margin-left: -27px;
    margin-top: -27px
}

.dropzone .dz-preview .dz-success-mark svg,.dropzone .dz-preview .dz-error-mark svg {
    display: block;
    width: 54px;
    height: 54px
}

.dropzone .dz-preview.dz-processing .dz-progress {
    opacity: 1;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear
}

.dropzone .dz-preview.dz-complete .dz-progress {
    opacity: 0;
    -webkit-transition: opacity 0.4s ease-in;
    -moz-transition: opacity 0.4s ease-in;
    -ms-transition: opacity 0.4s ease-in;
    -o-transition: opacity 0.4s ease-in;
    transition: opacity 0.4s ease-in
}

.dropzone .dz-preview:not(.dz-processing) .dz-progress {
    -webkit-animation: pulse 6s ease infinite;
    -moz-animation: pulse 6s ease infinite;
    -ms-animation: pulse 6s ease infinite;
    -o-animation: pulse 6s ease infinite;
    animation: pulse 6s ease infinite
}

.dropzone .dz-preview .dz-progress {
    opacity: 1;
    z-index: 1000;
    pointer-events: none;
    position: absolute;
    height: 16px;
    left: 50%;
    top: 50%;
    margin-top: -8px;
    width: 80px;
    margin-left: -40px;
    background: rgba(255,255,255,0.9);
    -webkit-transform: scale(1);
    border-radius: 8px;
    overflow: hidden
}

.dropzone .dz-preview .dz-progress .dz-upload {
    background: #333;
    background: linear-gradient(to bottom, #666666,#444444);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 0;
    -webkit-transition: width 300ms ease-in-out;
    -moz-transition: width 300ms ease-in-out;
    -ms-transition: width 300ms ease-in-out;
    -o-transition: width 300ms ease-in-out;
    transition: width 300ms ease-in-out
}

.dropzone .dz-preview.dz-error .dz-error-message {
    display: block
}

.dropzone .dz-preview.dz-error:hover .dz-error-message {
    opacity: 1;
    pointer-events: auto
}

.dropzone .dz-preview .dz-error-message {
    pointer-events: none;
    z-index: 1000;
    position: absolute;
    display: block;
    display: none;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    border-radius: 8px;
    font-size: 13px;
    top: 130px;
    left: -10px;
    width: 140px;
    background: #be2626;
    background: linear-gradient(to bottom, #be2626,#a92222);
    padding: 0.5em 1.2em;
    color: white
}

.dropzone .dz-preview .dz-error-message:after {
    content: '';
    position: absolute;
    top: -6px;
    left: 64px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #be2626
}

.select2-container {
    width: 100%;
    font-size: 1.6rem
}

.select2-container .select2-search--inline .select2-search__field {
    height: auto;
    margin: 0
}

body .select2-container--default .select2-selection--multiple {
    border: 3px solid #bbb;
    border-radius: 4px;
    padding: 0 20px;
    line-height: 1
}

body .select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 3px solid #ff3b30
}

body .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 6px 0px 3px
}


body .select2-container--default .select2-selection--multiple .select2-selection__choice:hover {
    color: #ff3b30
}

body .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: #f6f6f6;
    color: rgba(0,0,0,0.4);
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    border: none;
    border-radius: 0
}

body .select2-dropdown {
    border: 3px solid #ff3b30
}

body .select2-container--default .select2-results__option[aria-selected="true"] {
    background: #f6f6f6;
    color: rgba(0,0,0,0.4)
}

body .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: #ff3b30
}

body .select2-container--default .select2-results__option--highlighted[aria-selected].select2-results__option[aria-selected="true"] {
    color: #fff;
    background: #ff3b30
}

.time-line {
    position: relative;
    padding-top: 14rem;
    padding-bottom: 14rem;
    padding-left: 11rem;
    margin-bottom: 4rem
}

.time-line-bar {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 15px;
    background: url(img/tm-pattern.png) repeat-y
}

.time-line-bar:before {
    content: '';
    position: absolute;
    top: 5px;
    left: 50%;
    margin-left: -17px;
    width: 34px;
    height: 2px;
    background-color: #000
}

.time-line-bar:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -17px;
    width: 34px;
    height: 2px;
    background-color: #000
}

.time-line-event {
    position: relative;
    margin-bottom: 8rem
}

.time-line-event h2 {
    font-size: 3.6rem
}

.time-line-event p {
    margin-bottom: 0
}

.time-line-event:last-child {
    margin-bottom: 0
}

.time-line-year {
    content: '';
    position: absolute;
    top: 54px;
    left: -24.3rem;
    margin-left: -17px;
    width: 190px;
    height: 2px;
    background-color: #000
}

.time-line-year:before {
    content: '';
    position: absolute;
    width: 15px;
    height: 18px;
    background-color: #fff;
    right: 25px;
    top: -8px;
    z-index: 1
}

.time-line-year:after {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    background-color: #000;
    right: 30px;
    top: -2px;
    border-radius: 50%;
    z-index: 5
}

.time-line-year span:first-child {
    position: absolute;
    top: -65px;
    font-size: 5rem
}

.time-line-year span:last-child {
    position: absolute;
    bottom: -30px;
    font-size: 1.8rem
}

.download-tabs a {
    display: inline-block;
    text-align: center;
    margin-right: 7rem
}

.download-tabs a:hover,.download-tabs a:active,.download-tabs a:focus {
    color: #e30c00
}

.download-tabs a:last-child {
    margin: 0
}

.download-tabs a i {
    font-size: 26px;
    display: block;
    margin-bottom: 10px
}

.hosting-tabs a {
    position: relative;
    display: block;
    text-align: center;
    margin-bottom: -1px !important;
    padding: 60px 0;
    border-bottom: 1px solid transparent;
    outline: none;
    cursor: pointer
}

.hosting-tabs a:hover {
    color: #e30c00;
    border-color: rgba(0,0,0,0.03)
}

.hosting-tabs a:last-child {
    margin: 0
}

.hosting-tabs a i {
    font-size: 46px;
    display: block;
    margin-bottom: 10px
}

.hosting-tabs a.active-tab {
    background: #fff;
    color: #e30c00;
    border-left: 1px solid rgba(0,0,0,0.05);
    border-right: 1px solid rgba(0,0,0,0.05);
    border-bottom: 1px solid #fff;
    border-top: 10px solid #ff3b30
}

.post-block {
    margin-bottom: 14rem
}

.post-media figure {
    margin-bottom: 4rem
}

.post-media figure a img {
    max-width: 100%;
    height: auto;
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    transition: all 0.2s ease-in-out 0s
}

.post-media figure a:hover img {
    -webkit-filter: grayscale(25%);
    filter: grayscale(25%)
}

.post-content h2 {
    font-size: 3.6rem;
    font-weight: 300;
    margin-bottom: 4rem
}

.post-content h2 a:hover {
    color: #e30c00
}

.post-content p {
    margin-bottom: 4rem
}

.load-more .bt,.load-more .bt-lg,.load-more .bt-md,.load-more .bt-sm {
    margin-bottom: 4rem
}

.load-more .bt i,.load-more .bt-lg i,.load-more .bt-md i,.load-more .bt-sm i {
    margin-right: 5px
}

.outer-container,.post-body blockquote,.post-body a,.post-body img,.post-body iframe,.post-body .grid,.new-post-body blockquote {
    max-width: 1056px;
    margin: 0 auto 4rem
}

.inner-container,.post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6,.post-body p,.post-body ul,.post-body ol {
    max-width: 800px;
    margin: 0 auto
}

.post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6 {
    margin-bottom: 2rem
}

.post-body p {
    margin-bottom: 4rem
}

.post-body p * {
    padding: 0 !important
}

.post-body blockquote {
    position: relative;
    font-style: italic;
    font-weight: 400;
    text-indent: 50px;
    margin: auto;
    margin-bottom: 60px
}

.post-body blockquote:before {
    font-family: 'bi-font';
    content: '\e812';
    font-size: 20px;
    height: 4rem;
    left: -20px;
    margin-left: -3rem;
    position: absolute;
    top: 7px;
    width: 6rem
}

.post-body blockquote p {
    max-width: none;
    font-size: 2.4rem
}

.post-body ul,.post-body ol {
    margin-bottom: 4rem
}

.post-body ul li,.post-body ol li {
    margin: 0 0 0 20px;
    padding: 0 0 0 10px !important;
    font-size: 1.5rem
}

.post-body ul li *,.post-body ol li * {
    padding: 0
}

.post-body ul li {
    list-style: circle
}

.post-body ol li {
    list-style: decimal
}

.post-body a {
    margin-bottom: 0;
    color: #ff3b30
}

.post-body a:hover {
    color: #e30c00;
    text-decoration: underline
}

.post-body img {
    display: block;
    width: 100%;
    height: auto;
    margin-top: 8rem;
    margin-bottom: 8rem;
    -moz-box-shadow: 0 36px 76px rgba(171,171,171,0.33);
    -webkit-box-shadow: 0 36px 76px rgba(171,171,171,0.33);
    box-shadow: 0 36px 76px rgba(171,171,171,0.33)
}

.post-body iframe {
    width: 100%;
    height: 45rem;
    margin-top: 8rem;
    margin-bottom: 8rem;
    -moz-box-shadow: 0 36px 76px rgba(171,171,171,0.33);
    -webkit-box-shadow: 0 36px 76px rgba(171,171,171,0.33);
    box-shadow: 0 36px 76px rgba(171,171,171,0.33)
}

.post-body .grid img {
    margin: 0 0 10px 0;
    box-shadow: none
}

.post-body .grid_fluid {
    margin-bottom: 8rem
}

.post-body .grid_fluid img {
    max-width: none;
    margin: 0;
    box-shadow: none
}

.new-post-body .header {
    position: absolute;
    z-index: 999;
    padding: 140px 0 0 0;
    width: 100%;
}

.new-post-body blockquote {
    position: relative;
    font-style: italic;
    font-weight: 400;
    text-indent: 50px;
    margin: auto;
    margin-bottom: 60px
}

.new-post-body blockquote:before {
    font-family: 'bi-font';
    content: '\e812';
    font-size: 20px;
    height: 4rem;
    left: -20px;
    margin-left: -3rem;
    position: absolute;
    top: 7px;
    width: 6rem
}

.new-post-body blockquote p {
    max-width: none;
    font-size: 2.4rem
}

.new-post-body ul li,.new-post-body ol li {
    margin: 0 0 0 20px;
    padding: 0 0 0 10px !important;
    font-size: 1.5rem
}

.new-post-body ul li *,.new-post-body ol li * {
    padding: 0
}

.new-post-body ul li {
    list-style: circle
}

.new-post-body ol li {
    list-style: decimal
}

.font-100 {
    font-weight: 100
}

.font-200 {
    font-weight: 200
}

.font-300 {
    font-weight: 300
}

.font-400 {
    font-weight: 400
}

.font-500 {
    font-weight: 500
}

.font-600 {
    font-weight: 600
}

.font-700 {
    font-weight: 700
}

.font-800 {
    font-weight: 800
}

.font-900 {
    font-weight: 900
}

.single-bi-post {
    transition: all 0.4s ease-in;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.post-related {
    background-color: #f6f6f6;
    padding-top: 14rem;
    padding-bottom: 14rem;
    font-size: 1.8rem
}

.post-related h2 {
    font-size: 4rem
}

.post-nav {
    background-color: #f6f6f6;
    font-size: 1.8rem;
    padding-bottom: 4rem;
    padding-top: 4rem
}

.post-nav a {
    position: relative
}

.post-nav a:hover,.post-nav a:active,.post-nav a:focus {
    color: #e30c00
}

.post-nav a::before {
    font-family: "bi-font";
    font-size: 4rem;
    position: absolute;
    top: -1rem
}

.post-nav .post-prev {
    float: left;
    padding-left: 10rem
}

.post-nav .post-prev::before {
    content: "\e806";
    left: -1.5rem
}

.post-nav .post-next {
    float: right;
    padding-right: 10rem
}

.post-nav .post-next::before {
    content: "\e807";
    right: -1.5rem
}

.js_active .post-body img {
    margin-top: 0rem;
    margin-bottom: 0rem
}

.js_active .inner-container,.js_active .post-body h1,.post-body .js_active h1,.js_active .post-body h2,.post-body .js_active h2,.js_active .post-body h3,.post-body .js_active h3,.js_active .post-body h4,.post-body .js_active h4,.js_active .post-body h5,.post-body .js_active h5,.js_active .post-body h6,.post-body .js_active h6,.js_active .post-body p,.post-body .js_active p,.js_active .post-body ul,.post-body .js_active ul,.js_active .post-body ol,.post-body .js_active ol,.js_active .post-body h1,.js_active .post-body h2,.js_active .post-body h3,.js_active .post-body h4,.js_active .post-body h5,.js_active .post-body h6,.js_active .post-body p,.js_active .post-body ul,.js_active .post-body ol {
    max-width: 100%
}

.js_active .outer-container,.js_active .post-body blockquote,.post-body .js_active blockquote,.js_active .post-body a,.post-body .js_active a,.js_active .post-body img,.post-body .js_active img,.js_active .post-body iframe,.post-body .js_active iframe,.js_active .post-body .grid,.post-body .js_active .grid,.js_active .new-post-body blockquote,.new-post-body .js_active blockquote,.js_active .post-body blockquote,.js_active .post-body a,.js_active .post-body img,.js_active .post-body iframe,.js_active .post-body .grid {
    max-width: 100%;
    margin: 0 auto
}

#comments {
    margin-bottom: 10rem
}

#comments h2 {
    font-weight: 300;
    margin-bottom: 6rem
}

#comments ul li {
    margin-bottom: 6rem
}

#comments ul li .avatar {
    float: left;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-right: 30px
}

#comments ul li .comment-details {
    overflow: hidden
}

#comments ul li .comment-details em {
    display: block;
    font-size: 13px;
    color: #ff3b30;
    border-width: 1px;
    border-style: solid;
    border-color: #ff3b30;
    border-radius: 4px;
    padding: 4px 8px;
    margin-bottom: 2rem
}

#comments ul li .comment-details span.author {
    font-size: 1.8rem;
    float: left;
    margin-bottom: 2rem
}

#comments ul li .comment-details span.date {
    float: right;
    font-size: 13px;
    color: #888
}

#comments ul li .comment-details p {
    font-size: 1.4rem;
    margin-bottom: 2rem
}

#comments ul li .comment-details a {
    color: #ff3b30;
    margin-right: 2rem
}

#comments ul li .comment-details a:hover,#comments ul li .comment-details a:active,#comments ul li .comment-details a:focus {
    color: #e30c00;
    text-decoration: underline
}

#comments ul li ul {
    margin-top: 3rem;
    padding-left: 80px
}

#respond {
    margin-bottom: 4rem
}

#respond h2 {
    font-weight: 300;
    margin-bottom: 6rem
}

.home-mock {
    position: relative
}

.home-mock img {
    position: absolute
}

.home-mock .yellow-block1 {
    right: -385px;
    top: -160px
}

.home-mock .develop-block {
    right: -50px;
    top: -90px
}

.home-mock .ux-block {
    right: 220px;
    top: -15px
}

.home-mock .circle-block {
    right: -290px;
    top: 70px
}

.home-mock .square-block {
    right: -40px;
    top: 200px
}

.home-mock .yellow-block2 {
    right: 210px;
    top: 380px;
    z-index: 5
}

.home-mock .triangle-block {
    right: 440px;
    top: 320px
}

.home-mock .cloud-block {
    right: -270px;
    top: 360px
}

.home-mock .white-block1 {
    right: -10px;
    top: 470px;
    z-index: 2
}

.home-mock .white-block2 {
    right: 170px;
    top: 580px
}

.home-mock .yellow-block3 {
    right: -270px;
    top: 620px
}

.mock {
    position: relative
}

.mock-consulting1 {
    position: relative;
    width: 765px;
    height: 560px;
    margin-bottom: 4rem
}

.mock-consulting1 img {
    position: absolute;
    max-width: 100%;
    z-index: 100
}

.mock-consulting1 img:nth-child(1) {
    top: 10px;
    right: 130px
}

.mock-consulting1 img:nth-child(2) {
    top: 155px;
    right: 100px
}

.mock-consulting1 img:nth-child(3) {
    top: 285px;
    right: 15px
}

.mock-consulting1 img:nth-child(4) {
    top: 390px;
    right: 175px
}

.mock-consulting1 img:nth-child(5) {
    top: 415px;
    left: 180px
}

.mock-consulting1 img:nth-child(6) {
    top: 275px;
    left: 130px
}

.mock-consulting1 img:nth-child(7) {
    top: 105px;
    left: 20px
}

.mock-consulting1 img:nth-child(8) {
    top: 0;
    left: 180px
}

.mock-consulting1 img:last-child {
    z-index: 1
}

.mock-consulting1.dg img:nth-child(6) {
    display: none
}

.mock-consulting1.dg img:nth-child(7) {
    top: 195px
}

.mock-consulting2 {
    position: relative;
    width: 550px;
    height: 365px;
    margin-top: 4rem;
    margin-bottom: 4rem
}

.mock-consulting2 img {
    position: absolute;
    max-width: 100%;
    z-index: 100
}

.mock-consulting2 img:nth-child(1) {
    left: 160px;
    top: 52px
}

.mock-consulting2 img:nth-child(2) {
    left: 305px;
    top: 68px
}

.mock-consulting2 img:nth-child(3) {
    right: 15px;
    top: 0
}

.mock-consulting2 img:last-child {
    z-index: 1
}

.mock-branding2 {
    position: absolute;
    top: -35rem
}

.market-mock-1 {
    position: absolute;
    top: -20px;
    left: 0
}

.godigital-mock {
    position: relative;
    z-index: 5;
    margin-bottom: -225px
}

.market-mock img {
    position: relative;
    z-index: 9999;
    margin-top: -320px
}

.domains-plans {
    text-align: center;
    padding: 0 30px;
    margin-bottom: 4rem
}

.domains-plans h2 {
    margin-bottom: 4rem
}

.domains-plans .plans-head {
    padding: 2.4rem 0
}

.domains-plans .plans-head h4 {
    font-weight: 300
}

.domains-plans .plan-row {
    position: relative;
    background: #f6f6f6;
    padding: 2.4rem 0;
    margin-bottom: 12px;
    z-index: 10
}

.domains-plans .plan-row.featured {
    background: #fff;
    box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    margin: -1.4rem -30px 0 -30px;
    padding: 3.4rem 0;
    z-index: 50
}

.hosting-plan-block {
    background-color: #fff;
    border-right: 1px solid rgba(0,0,0,0.05);
    border-bottom: 1px solid rgba(0,0,0,0.05);
    padding: 6rem
}

.hosting-plan-block .plane-title {
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 3rem
}

.hosting-plan-block .plan-price {
    position: relative;
    float: left;
    margin-bottom: 6rem
}

.hosting-plan-block .plan-price .plan-value {
    font-size: 7.2rem;
    font-weight: lighter;
    color: #ff3b30
}

.hosting-plan-block .plan-price .plan-duration {
    position: absolute;
    font-size: 14px;
    bottom: -5px;
    right: -5px
}

.hosting-plan-block .plan-features {
    margin-bottom: 6rem
}

.hosting-plan-block .plan-features li {
    font-size: 14px;
    line-height: 32px
}

.hosting-plan-block.featured {
    position: relative;
    top: -20px;
    margin-bottom: -40px;
    -moz-box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    -webkit-box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    z-index: 10;
    padding: 8rem 6rem
}

.progress_count {
    background-color: transparent !important;
    margin-bottom: 80px
}

.progress_count.one *,.progress_count.one :after {
    color: #ff3b30;
    background-color: #ff3b30
}

.progress_count.two *,.progress_count.two :after {
    color: #0db14b;
    background-color: #0db14b
}

.progress_count.three *,.progress_count.three :after {
    color: #2577ff;
    background-color: #2577ff
}

.skill {
    margin-bottom: 5px;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    background-color: transparent !important;
    float: left;
    width: 20%;
    margin-top: -8px
}

.progress {
    position: relative;
    height: 2px;
    border-radius: 0px;
    margin-bottom: 30px;
    background-color: #eee !important;
    float: left;
    width: 80%
}

.progress .label {
    position: absolute;
    bottom: 8px;
    font-size: 12px;
    background-color: transparent !important
}

.progress-bar-success {
    position: relative;
    height: 2px
}

.progress-bar-success:after {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    right: 0;
    top: -2px
}

.progress-bar-success .counter {
    position: absolute;
    right: -14px;
    bottom: 14px;
    font-size: 10px;
    color: #fff !important;
    height: 18px;
    line-height: 18px;
    width: 34px;
    border-radius: 4px;
    text-align: center
}

.progress-bar-success .counter:after {
    content: '';
    position: absolute;
    top: calc(100% - 4px);
    left: calc(50% - 4px);
    transform: rotate(45deg);
    width: 8px;
    height: 8px
}

.progress-bar {
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s
}

html,body {
    height: 100%;
    width: 100%;
    margin: 0;
    margin-top: -35px
}

.scroll-container {
    height: 100%;
    overflow-y: auto;
    width: 100%
}

.scroll-wrapper {
    overflow: hidden !important;
    padding: 0 !important;
    position: relative
}

.scroll-wrapper>.scroll-content {
    border: none !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none !important;
    overflow-y: scroll !important;
    padding: 0;
    position: relative !important;
    top: 0;
    width: auto !important
}

.scroll-wrapper>.scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0
}

.scroll-element {
    display: none
}

.scroll-element,.scroll-element div {
    box-sizing: content-box
}

.scroll-element.scroll-x.scroll-scrollx_visible,.scroll-element.scroll-y.scroll-scrolly_visible {
    display: block
}

.scroll-element .scroll-bar,.scroll-element .scroll-arrow {
    cursor: default
}

.scrollbar-dynamic>.scroll-element,.scrollbar-dynamic>.scroll-element div {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 999
}

.scrollbar-dynamic>.scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.scrollbar-dynamic>.scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 2px;
    top: 0;
    width: 7px
}

.scrollbar-dynamic>.scroll-element .scroll-element_outer {
    opacity: 0.7
}

.scrollbar-dynamic>.scroll-element .scroll-element_size {
    background-color: rgba(0,0,0,0.1);
    opacity: 0;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    -ms-transition: opacity 0.2s;
    transition: opacity 0.2s
}

.scrollbar-dynamic>.scroll-element .scroll-bar {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9Ii0wLjAzOTYxNCIgeTE9IjAuMDQ3MjEiIHgyPSIxLjAzOTYxNCIgeTI9IjAuOTUyNzkiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZjNiMzAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjYyNGQiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: -moz-linear-gradient(320deg, #ff3b30,#ff624d);
    background-image: -webkit-linear-gradient(320deg, #ff3b30,#ff624d);
    background-image: linear-gradient(130deg, #ff3b30,#ff624d)
}

.scrollbar-dynamic>.scroll-element.scroll-y .scroll-bar {
    left: auto;
    min-height: 24px;
    right: 0;
    width: 7px
}

.scrollbar-dynamic>.scroll-element.scroll-y .scroll-element_outer {
    left: auto;
    right: 0;
    top: 2px;
    -webkit-transition: width 0.2s;
    -moz-transition: width 0.2s;
    -o-transition: width 0.2s;
    -ms-transition: width 0.2s;
    transition: width 0.2s
}

.scrollbar-dynamic>.scroll-element.scroll-x .scroll-element_size {
    left: -4px
}

.scrollbar-dynamic>.scroll-element.scroll-y .scroll-element_size {
    top: -4px
}

.scrollbar-dynamic>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -11px
}

.scrollbar-dynamic>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -11px
}

.scrollbar-dynamic>.scroll-element:hover .scroll-element_outer,.scrollbar-dynamic>.scroll-element.scroll-draggable .scroll-element_outer {
    overflow: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=90);
    opacity: 0.9
}

.scrollbar-dynamic>.scroll-element:hover .scroll-element_outer .scroll-element_size,.scrollbar-dynamic>.scroll-element.scroll-draggable .scroll-element_outer .scroll-element_size {
    opacity: 1
}

.scrollbar-dynamic>.scroll-element:hover .scroll-element_outer .scroll-bar,.scrollbar-dynamic>.scroll-element.scroll-draggable .scroll-element_outer .scroll-bar {
    height: 100%;
    width: 100%
}

.scrollbar-dynamic>.scroll-element.scroll-x:hover .scroll-element_outer,.scrollbar-dynamic>.scroll-element.scroll-x.scroll-draggable .scroll-element_outer {
    height: 20px;
    min-height: 7px
}

.scrollbar-dynamic>.scroll-element.scroll-y:hover .scroll-element_outer,.scrollbar-dynamic>.scroll-element.scroll-y.scroll-draggable .scroll-element_outer {
    min-width: 7px;
    width: 20px
}

.cd-image-container {
    position: relative;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 4rem
}

.cd-image-container img {
    display: block;
    max-width: 100%
}

.cd-image-label {
    position: absolute;
    bottom: 0;
    right: 0;
    color: #ffffff;
    padding: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    opacity: 0;
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -moz-transition: -moz-transform .3s .7s,opacity .3s .7s;
    -o-transition: -o-transform .3s .7s,opacity .3s .7s;
    -webkit-transition: -webkit-transform .3s,opacity .3s;
    -webkit-transition-delay: .7s,.7s;
    transition: transform .3s .7s,opacity .3s .7s
}

.cd-image-label.is-hidden {
    visibility: hidden
}

.is-visible .cd-image-label {
    opacity: 1;
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.cd-resize-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.cd-resize-img:before {
    content: '';
    position: absolute;
    width: 2px;
    background-color: #fff;
    top: 14px;
    right: 0;
    bottom: 15px;
    z-index: 10
}

.cd-resize-img img {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    height: 100%;
    width: auto;
    max-width: none
}

.cd-resize-img .cd-image-label {
    right: auto;
    left: 0
}

.is-visible .cd-resize-img {
    width: 50%;
    -moz-animation: cd-bounce-in 0.7s;
    -webkit-animation: cd-bounce-in 0.7s;
    animation: cd-bounce-in 0.7s
}

@-moz-keyframes cd-bounce-in {
    0% {
        width: 0
    }

    60% {
        width: 55%
    }

    100% {
        width: 50%
    }
}

@-webkit-keyframes cd-bounce-in {
    0% {
        width: 0
    }

    60% {
        width: 55%
    }

    100% {
        width: 50%
    }
}

@keyframes cd-bounce-in {
    0% {
        width: 0
    }

    60% {
        width: 55%
    }

    100% {
        width: 50%
    }
}

.cd-handle {
    position: absolute;
    height: 60px;
    width: 60px;
    left: 50%;
    top: 50%;
    margin-left: -30px;
    margin-top: -30px;
    border-radius: 50%;
    background: #fff;
    color: #ff5946;
    line-height: 60px;
    cursor: move;
    -moz-box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    -webkit-box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0) scale(0);
    -moz-transform: translate3d(0, 0, 0) scale(0);
    -ms-transform: translate3d(0, 0, 0) scale(0);
    -o-transform: translate3d(0, 0, 0) scale(0);
    transform: translate3d(0, 0, 0) scale(0)
}

.cd-handle.draggable {
    background-color: #ff5946;
    color: #fff
}

.is-visible .cd-handle {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    -moz-transform: translate3d(0, 0, 0) scale(1);
    -ms-transform: translate3d(0, 0, 0) scale(1);
    -o-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
    -webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0s 0.7s;
    -moz-transition: -moz-transform 0.3s 0.7s, opacity 0s 0.7s;
    transition: transform 0.3s 0.7s, opacity 0s 0.7s
}

.horizontalSlide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    right: 0
}

.horizontalSlide.active,.horizontalSlide.right,.horizontalSlide.left {
    opacity: 1;
    z-index: 2
}

.horizontalSlide.left {
    transform: translateX(-100%)
}

.horizontalSlide.right {
    transform: translateX(100%)
}

.transition .horizontalSlide.left {
    transform: translateX(0%)
}

.transition .horizontalSlide.right {
    transform: translateX(0%)
}

.transition .horizontalSlide.shift-right {
    transform: translateX(-100%)
}

.transition .horizontalSlide.shift-left {
    transform: translateX(100%)
}

.transition .horizontalSlide {
    transition-property: right, left, margin, transform
}

.more_loader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: rgba(0,0,0,0.4);
    z-index: 9999
}

.more_loader .more_progress {
    width: 0%;
    height: 100%;
    z-index: 9999;
    transition: 0.4s all ease-in;
    background: #059
}

.more {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.moreMain {
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    overflow: hidden
}

.more>* {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.more_pagination {
    margin: 0px;
    padding: 8px 4px;
    position: fixed;
    height: auto;
    right: 60px;
    top: 50%;
    z-index: 99999;
    width: 32px
}

.more_pagination_bottom {
    margin: 0px;
    padding: 8px 4px;
    position: fixed;
    left: 50%;
    bottom: 5%;
    width: auto;
    top: inherit;
    right: inherit;
    z-index: 99999
}

.more_pagination_bottom .more_dot {

    float: right;
    margin-right: 5px
}

.more_pagination .more_dot {
    border-radius: 100%;
    width: 8px;
    height: 8px;
    line-height: 22px;
    background: #f6f6f6;
    display: block;
    transition: 300ms all;
    margin-top: 10px
}

.more_pagination .more_dot>span {
    display: none;
    list-style: outside none none;
    width: 200px;
    height: 25px;
    line-height: 20px;
    text-align: center;
    margin: 0px 0px 2px;
    cursor: pointer;
    color: #fff;
    position: absolute;
    padding-left: 70px
}

.more_pagination .more_dot.active {
    background: rgba(0,0,0,0.4)
}

.TurboWrapper {
    position: relative
}

.TurboWrapper * {
    -moz-user-select: none;
    -webkit-user-select: none
}

.item {
    -moz-user-select: none;
    user-select: none;
    opacity: 1;
    background: url(img/resources/turbo/icon-demo.png) no-repeat center center #FE623C;
    height: 300px;
    color: #fff
}

.item h1 {
    font-size: 100px;
    text-align: center;
    line-height: 320px
}

.slider-navigation {
    text-align: center
}

.dotsClass {
    margin-top: 10px
}

.dotClass {
    border-radius: 50%;
    background: #f6f6f6;
    width: 8px;
    height: 8px;
    margin: 5px;
    display: inline-block;
    transition: 0.3s all
}

.dotClass.active {
    background: rgba(0,0,0,0.3)
}

.vertical-dots {
    position: absolute;
    right: 0;
    top: 50%;
    transform: rotate(90deg);
    margin: 0
}

.turbo-video-wrapper {
    position: relative;
    height: 100%
}

.turbo-video-thumb {
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

.turbo-video-play {
    cursor: pointer;
    background: transparent;
    height: 80px;
    width: 80px;
    font-size: 24px;
    text-align: center;
    line-height: 76px;
    border-radius: 50%;
    border: 3px solid #fff;
    position: absolute;
    top: calc(50% - 40px);
    left: calc(50% - 40px);
    transition: all 0.2s ease-in-out
}

.turbo-video-play:hover {
    color: rgba(0,0,0,0.5);
    border-color: rgba(0,0,0,0.5)
}

.turbo-video-play span {
    margin-left: 5px
}

.play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6.25rem;
    height: 5rem;
    margin-top: 0rem;
    margin-left: -3.125rem;
    font-size: 1rem;
    cursor: pointer
}

.play-button>.circle {
    position: relative;
    width: 2.125em;
    height: 2.125em;
    margin: auto
}

.play-button>.circle>.icon {
    position: absolute;
    z-index: 5;
    position: absolute;
    top: 50%;
    left: 50%;
    width: .75em;
    height: .875em;
    margin-top: -0.4375em;
    margin-left: -0.375em;
    display: none;
    margin-left: -0.29em
}

.play-button>.circle>.black {
    z-index: 4;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 62px;
    height: 62px;
    margin-top: -31px;
    margin-left: -31px;
    opacity: 0.9
}

.play-button>.circle>.yellow {
    position: absolute;
    z-index: 3;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 48px;
    height: 48px;
    margin-top: -24px;
    margin-left: -24px
}

.play-button>.circle>.border {
    position: absolute;
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 72px;
    height: 72px;
    margin-top: -36px;
    margin-left: -36px
}

.play-button>.circle>.white {
    position: absolute;
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 120px;
    height: 120px;
    margin-top: -60px;
    margin-left: -60px;
    opacity: 0.4
}

.play-button>.circle>.lines {
    position: absolute;
    display: none
}

.play-button>.text {
    position: relative;
    margin-top: 2.375em;
    font-size: .75em;
    color: #fff;
    text-transform: uppercase;
    text-align: center
}

.turbo-prev,.turbo-next {
    border: 2px solid #FE623C;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    margin: 5px;
    padding: 6px 20px;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none
}

.femto-Slider .slide h2 {
    position: absolute;
    left: 10%;
    margin: .5em 0;
    padding: .3em 0;
    color: #fff;
    font-size: 1.8em;
    font-weight: 100;
    z-index: 10000;
    opacity: 1;
    text-transform: capitalize
}

.femto-Slider .next.slide h2 {
    left: -100%;
    box-shadow: none;
    opacity: 0
}

.femto-Slider .prev.slide h2 {
    left: 100%;
    box-shadow: none;
    opacity: 0
}

.femto-Slider .slide .container {
    position: absolute;
    left: 10%;
    width: 80%;
    height: 100%;
    opacity: 1
}

.femto-Slider #femto-slider6 .slides {
    height: 50%
}

.femto-Slider .nested_slider .container .femtoSlider {
    height: 70%
}

.femto-Slider .slide img {
    height: 100%;
    width: 100%
}

.femto-Slider .prev.slide .container {
    left: -100%;
    opacity: 0
}

.femto-Slider .next.slide .container {
    left: 100%;
    opacity: 0
}

.femto-Slider .slide .container,.femto-Slider .box h2 {
    -moz-transition: all .8s ease-in-out;
    -webkit-transition: all .8s ease-in-out;
    -o-transition: all .8s ease-in-out;
    -ms-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out
}

.femto-Slider .box>div {
    position: absolute;
    width: 100%;
    height: 100%
}

.femto-Slider .slide p.h2 {
    position: absolute;
    left: 15%;
    top: 14%;
    max-width: 70%;
    padding: .2em 0;
    font-size: 1.8em;
    font-weight: 100;
    z-index: 10000;
    color: #ff006e
}

.femto-Slider .slide p.h2 div {
    position: relative;
    display: inline-block;
    float: left;
    padding-right: 10px
}

.femto-Slider .slide p.h2 div span {
    position: relative;
    left: 0;
    top: 0
}

.femto-Slider .prev.slide p.h2 div span,.femto-Slider .next.slide p.h2 div span {
    opacity: 0
}

.femto-Slider .box .dots li {
    border: 1px solid #02bbd3
}

.femto-Slider .box .dots li.active {
    background: #02bbd3
}

.femto-Slider #mySlider>.indicator {
    background: #ff006e;
    box-shadow: 0 0 3px #ff006e
}

.femto-Slider #slider2>.indicator {
    background: #9fd302;
    box-shadow: 0 0 3px #9fd302
}

.femto-Slider #slider3 .arrows {
    top: calc(100% - 85px);
    border: 1px solid #772953;
    height: 70px;
    width: 70px
}

.femto-Slider #slider3 .arrows.left {
    left: calc(50% - 140px)
}

.femto-Slider #slider3 .arrows.right {
    right: calc(50% - 140px)
}

.femto-Slider #nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-width: 520px;
    overflow: visible;
    height: 50px;
    z-index: 100000;
    border-bottom: 1px solid #9fd302;
    padding: 0
}

.femto-Slider #nav li {
    cursor: pointer;
    display: inline-block;
    float: left;
    color: #fff;
    line-height: 3;
    height: 50px;
    min-width: 100px;
    font-size: 18px;
    text-align: center;
    border-right: 1px solid #9fd302
}

.femto-Slider #nav li.active {
    background: #9fd302
}

.femto-Slider p.content {
    position: absolute;
    top: 20%;
    width: 70%;
    height: 60%;
    padding: 10% 15%;
    color: #fff
}

.femto-Slider .centerize {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.femto-Slider .femtoSlider {
    position: relative;
    height: 100%;
    width: 100%;
    overflow: auto
}

.femto-Slider .slides {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    -o-perspective: 1000;
    perspective: 1000;
    -webkit-perspective-origin: 50% 50%;
    -moz-perspective-origin: 50% 50%;
    -ms-perspective-origin: 50% 50%;
    -o-perspective-origin: 50% 50%;
    perspective-origin: 50% 50%;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.femto-Slider .slide {
    position: relative
}

.femto-Slider .fs-controls {
    position: absolute;
    z-index: 10000
}

.femto-Slider .links {
    top: 10px;
    left: 160px
}

.femto-Slider .links li {
    color: #000
}

.femto-Slider .links li.active {
    color: #fff
}

.femto-Slider .dots {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 50px
}

.femto-Slider .dots.top,.femto-Slider .dots.bottom {
    width: 100%;
    height: 50px
}

.femto-Slider .dots.left,.femto-Slider .dots.right {
    height: 100%;
    width: 50px
}

.femto-Slider .dots.bottom {
    bottom: 0
}

.femto-Slider .dots.top {
    top: 0
}

.femto-Slider .dots.left {
    left: 0
}

.femto-Slider .dots.right {
    right: 0
}

.femto-Slider .dots li {
    cursor: pointer;
    outline: none;
    border-radius: 50px;
    height: 10px;
    width: 10px;
    background: none;
    border: 1px solid #fff
}

.femto-Slider .dots li.active {
    background: #fff
}

.femto-Slider .bottom li,.femto-Slider .top li {
    display: inline-block;
    margin: 0 10px
}

.femto-Slider .right li,.femto-Slider .left li {
    display: block;
    margin: 1.5em auto
}

.femto-Slider .right li:first-child,.femto-Slider .left li:first-child {
    margin-top: 60px
}

.femto-Slider .indicator {
    background: #fff;
    box-shadow: 0 0 3px #fff
}

.femto-Slider .arrows {
    position: absolute;
    top: calc(50% - 30px);
    height: 80px;
    width: 80px;
    outline: none;
    border-radius: 50%;
    border: 1px solid #fff;
    opacity: .7
}

.femto-Slider .arrows:hover {
    opacity: 1
}

.femto-Slider .arrows.left {
    left: 40px
}

.femto-Slider .arrows.right {
    right: 40px
}

.femto-Slider .arrows.right:before,.femto-Slider .arrows.left:before,.femto-Slider .arrows.up:before,.femto-Slider .arrows.down:before {
    content: '';
    position: absolute;
    top: 30%;
    left: 20%;
    height: 40%;
    width: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.femto-Slider .arrows.right:before {
    border-top: 1px solid #fff;
    border-right: 1px solid #fff
}

.femto-Slider .arrows.left:before {
    left: 40%;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff
}

.femto-Slider .arrows.down {
    top: calc(100% - 120px)
}

.femto-Slider .timer {
    top: 0;
    left: -100%;
    width: 100%;
    height: 2px;
    background: #fff;
    box-shadow: 0 0 10px #fff
}

.femto-Slider .pause {
    position: absolute;
    bottom: 20px;
    left: calc(50% - 30px);
    width: 60px;
    height: 60px;
    z-index: 10000;
    cursor: pointer;
    border-radius: 50%;
    font-size: 24px;
    text-align: center;
    line-height: 74px;
    background: rgba(0,0,0,0.5);
    color: #9fd302;
    box-shadow: 0 0 4px #9fd302
}

.femto-Slider .pause.play:before {
    content: '';
    position: absolute;
    z-index: 100;
    height: 50%;
    width: 30%;
    left: calc(40% - 4px);
    top: 25%;
    border-left: 2px solid #ff006e;
    border-right: 2px solid #ff006e;
    border-top: none;
    border-bottom: none;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0)
}

.femto-Slider .pause.play {
    color: #ff006e;
    box-shadow: 0 0 4px #ff006e
}

.femto-Slider .pause:before {
    content: '';
    position: absolute;
    z-index: 100;
    width: 0;
    height: 0;
    left: 20px;
    top: 11px;
    border-top: 20px solid transparent;
    border-left: 30px solid #9fd302;
    border-bottom: 20px solid transparent;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease
}

.femto-Slider .slide ul.list {
    margin: 20px 30px
}

.femto-Slider ul.list li {
    list-style: disc
}

.femto-Slider ul.links {
    position: absolute;
    left: 20px;
    top: 20px
}

.femto-Slider ul.links li p {
    display: inline-block;
    margin: 0 10px;
    opacity: 0;
    font-size: 2em
}

.femto-Slider ul.links li span {
    display: inline-block;
    margin: 0 10px;
    height: 8px;
    width: 8px;
    border: 1px solid #fff;
    border-radius: 20px;
    background: none
}

.femto-Slider ul.links li.active span {
    background: #fff
}

.femto-Slider ul.links li.active p {
    opacity: 1
}

.femto-Slider i {
    font-size: .8em
}

.femto-Slider img#next {
    position: absolute;
    height: 200px;
    width: 200px;
    opacity: 0;
    border-radius: 50%;
    overflow: hidden;
    z-index: 10000;
    right: 150px;
    top: calc(50% - 100px)
}

.femto-Slider img#prev {
    position: absolute;
    height: 200px;
    width: 200px;
    opacity: 0;
    border-radius: 50%;
    overflow: hidden;
    z-index: 10000;
    left: 150px;
    top: calc(50% - 100px)
}

.femto-Slider .slide img,.femto-Slider .slide h2 {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease
}

.femto-Slider .nested_slider .slide .container {
    height: 100%
}

.share-container {
    position: relative;
    display: inline-block;
    padding-top: 100px
}

.share-container .bt-lg {
    font-size: 20px;
    height: 60px
}

.share-container .bt-normal {
    margin-right: 5px
}

.share-item,.share-open-button {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9Ii0wLjAzOTYxNCIgeTE9IjAuMDQ3MjEiIHgyPSIxLjAzOTYxNCIgeTI9IjAuOTUyNzkiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZjNiMzAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjYyNGQiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: -moz-linear-gradient(320deg, #ff3b30,#ff624d);
    background-image: -webkit-linear-gradient(320deg, #ff3b30,#ff624d);
    background-image: linear-gradient(130deg, #ff3b30,#ff624d);
    border-radius: 100%;
    width: 60px;
    height: 60px;
    position: absolute;
    top: 100px;
    color: #fff;
    text-align: center;
    line-height: 60px;
    transform: translate3d(0, 0, 0);
    transition: transform ease-out 100ms
}

.share-open {
    display: none
}

.share-item {
    font-size: 18px
}

.hamburger {
    width: 25px;
    height: 3px;
    background: transparent;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -12.5px;
    margin-top: -1.5px;
    transition: transform 200ms
}

.share-open:checked+.share-open-button .hamburger {
    background: #fff
}

.share-open:checked+.share-open-button .hamburger-1 {
    transform: translate3d(0, 0, 0) rotate(45deg)
}

.share-open:checked+.share-open-button .hamburger-2 {
    transform: translate3d(0, 0, 0) rotate(-45deg)
}

.share-open:checked+.share-open-button .bi-share {
    display: none
}

.share {
    display: inline-block;
    text-align: left;
    width: 60px

}

.share-item:hover {
    opacity: .9
}

.share-item:nth-child(3) {
    transition-duration: 180ms
}

.share-item:nth-child(4) {
    transition-duration: 180ms
}

.share-item:nth-child(5) {
    transition-duration: 180ms
}

.share-item:nth-child(6) {
    transition-duration: 180ms
}

.share-item:nth-child(7) {
    transition-duration: 180ms
}

.share-item:nth-child(8) {
    transition-duration: 180ms
}

.share-item:nth-child(9) {
    transition-duration: 180ms
}

.share-open-button {
    font-size: 24px;
    z-index: 2;
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition-duration: 400ms;
    transform: scale(1.1, 1.1) translate3d(0, 0, 0);
    cursor: pointer
}

.share-open-button:hover {
    transform: scale(1.2, 1.2) translate3d(0, 0, 0)
}

.share-open:checked+.share-open-button {
    transition-timing-function: linear;
    transition-duration: 200ms;
    transform: scale(0.8, 0.8) translate3d(0, 0, 0)
}

.share-open:checked ~ .share-item {
    transition-timing-function: cubic-bezier(0.935, 0, 0.34, 1.33)
}

.share-open:checked ~ .share-item:nth-child(3) {
    transition-duration: 180ms;
    transform: translate3d(.06371px, -79.99997px, 0)
}

.share-open:checked ~ .share-item:nth-child(4) {
    transition-duration: 280ms;
    transform: translate3d(69.29265px, -39.98161px, 0)
}

.share-open:checked ~ .share-item:nth-child(5) {
    transition-duration: 380ms;
    transform: translate3d(69.29265px, 39.98161px, 0)
}

.share-open:checked ~ .share-item:nth-child(6) {
    transition-duration: 480ms;
    transform: translate3d(.06371px, 79.99997px, 0)
}

.share-open:checked ~ .share-item:nth-child(7) {
    transition-duration: 580ms;
    transform: translate3d(-69.22888px, 40.09192px, 0)
}

.share-open:checked ~ .share-item:nth-child(8) {
    transition-duration: 680ms;
    transform: translate3d(-69.35624px, -39.8712px, 0)
}

.share-open:checked ~ .share-item:nth-child(9) {
    transition-duration: 780ms;
    transform: translate3d(-.19112px, -79.99977px, 0)
}

.share-item:nth-child(3) {
    background: #4D68A1 !important
}

.share-item:nth-child(4) {
    background: #55ACEE !important
}

.share-item:nth-child(5) {
    background: #D95232 !important
}

.share-item:nth-child(6) {
    background: #007BB6 !important
}

.share-item:nth-child(7) {
    background: #CA1517 !important
}

.share-item:nth-child(8) {
    background: #35465D !important
}

.overlay-container {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fff
}

.grey-bg {
    background-color: #f6f6f6 !important
}

.overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #f6f6f6;
    z-index: 99999;
    bottom: 0
}

.closeBtn,.overlay .overlay-close,.overlay .sub-close {
    background: transparent;
    font-size: 30px;
    text-align: center;
    width: 30px;
    height: 38px;
    position: absolute;
    right: calc(50% - 30px);
    top: 100px;
    overflow: hidden;
    border: none;
    outline: none;
    z-index: 100;
    cursor: pointer
}

.closeBtn:hover,.overlay .overlay-close:hover,.overlay .sub-close:hover {
    color: #ff3b30
}

.overlay-fade {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s, visibility 0s 0.3s;
    transition: opacity 0.3s, visibility 0s 0.3s
}

.overlay-fade.open {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    z-index: 9999
}

.item-block {
    display: block;
    background-color: #fff;
    text-align: center;
    padding: 6rem 0;
    margin-bottom: 10px;
    transition: all 0.2s ease-in-out 0s;
    transform: translateY(0)
}

.item-block span {
    display: block;
    font-size: 26px;
    margin-bottom: 2rem
}

.item-block span i {
    display: block
}

.item-block h4 {
    font-size: 1.6rem;
    font-weight: 300
}

.item-block.lg-item {
    padding: 12rem 9rem
}

.item-block.lg-item span {
    font-size: 5rem
}

.item-block.lg-item h2 {
    margin-bottom: 4rem
}

.item-block.lg-item p {
    font-size: 1.4rem
}

.item-block:hover {
    background-color: #fff;
    -moz-box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    -webkit-box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    color: #ff3b30;
    transform: translateY(-4px)
}

.item-block:hover i {
    -webkit-animation: cd-shock 0.3s;
    -moz-animation: cd-shock 0.3s;
    animation: cd-shock 0.3s
}

@-webkit-keyframes cd-shock {
    0% {
        -webkit-transform: rotate(0)
    }

    30% {
        -webkit-transform: rotate(10deg)
    }

    60% {
        -webkit-transform: rotate(-10deg)
    }

    100% {
        -webkit-transform: rotate(0)
    }
}

@-moz-keyframes cd-shock {
    0% {
        -moz-transform: rotate(0)
    }

    30% {
        -moz-transform: rotate(10deg)
    }

    60% {
        -moz-transform: rotate(-10deg)
    }

    100% {
        -moz-transform: rotate(0)
    }
}

@keyframes cd-shock {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    30% {
        -webkit-transform: rotate(10deg);
        -moz-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
        -o-transform: rotate(10deg);
        transform: rotate(10deg)
    }

    60% {
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    100% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }
}

.academy-block {
    display: block;
    background-color: #fff;
    text-align: center;
    margin-bottom: 10px;
    -moz-box-shadow: rgba(1,2,2,0.08) 0px 1px 1.96px 0.04px;
    -webkit-box-shadow: rgba(1,2,2,0.08) 0px 1px 1.96px 0.04px;
    box-shadow: rgba(1,2,2,0.08) 0px 1px 1.96px 0.04px;
    transition: all 0.2s ease-in-out 0s;
    transform: translateY(0) !important;
    padding: 5rem 0
}

.academy-block figure {
    height: 150px;
    display: flex;
    justify-content: center;
    align-items: center
}

.academy-block img {
    max-width: 100%;
    margin: 0 auto;
    clear: both;
    max-width: 150px
}

.academy-block h3 {
    margin-top: 15px;
    color: #000
}

.academy-block:hover {
    background-color: #fff;
    -moz-box-shadow: 0 10px 35px 5px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 10px 35px 5px rgba(0,0,0,0.2);
    box-shadow: 0 10px 35px 5px rgba(0,0,0,0.2);
    transform: translateY(-8px) !important;
    color: #ff3b30
}

.academy-header p {
    font-size: 16px;
    padding-bottom: 3rem
}

.academy-header #header-content {
    padding-top: 9rem;
    padding-bottom: 5rem
}

.academy-header #header-content h1 {
    font-size: 3.6rem;
    margin-bottom: 0
}

.academy-header .share-open-button {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9Ii0wLjAzOTYxNCIgeTE9IjAuMDQ3MjEiIHgyPSIxLjAzOTYxNCIgeTI9IjAuOTUyNzkiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZmFlMDAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmY2NhNTAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: -moz-linear-gradient(320deg, #ffae00,#fcca50);
    background-image: -webkit-linear-gradient(320deg, #ffae00,#fcca50);
    background-image: linear-gradient(130deg, #3F51B5,#3F51B5)
}

.academy-header .logo svg {
    display: inline-block;
    height: 36px
}

.academy-header .fixed .logo * {
    fill: #000
}

.academy-archive-header #header-content {
    padding-top: 9rem;
    padding-bottom: 5rem
}

.academy-archive-header #header-content h1 {
    font-size: 3.6rem;
    margin-bottom: 0
}

.academy-archive-header.design-gradient {
    background: #08c1a0 linear-gradient(45deg, #08c1a0,#50f17a)
}

.academy-archive-header.branding-gradient {
    background: #00b4ff linear-gradient(45deg, #009cff,#4bd3ff)
}

.academy-archive-header.ux-gradient {
    background: #c284fc linear-gradient(45deg, #b878f4,#f490de)
}

.academy-archive-header.development-gradient {
    background: #7b80de linear-gradient(45deg, #7076eb,#8fb1ff)
}

.academy-archive-header.marketing-gradient {
    background: #ffa05a linear-gradient(45deg, #ff795a,#ffcb8d)
}

.academy-archive-header.business-gradient {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9Ii0wLjAzOTYxNCIgeTE9IjAuMDQ3MjEiIHgyPSIxLjAzOTYxNCIgeTI9IjAuOTUyNzkiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZmFlMDAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmY2NhNTAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: -moz-linear-gradient(320deg, #ffae00,#fcca50);
    background-image: -webkit-linear-gradient(320deg, #ffae00,#fcca50);
    background-image: linear-gradient(130deg, #ffae00,#fcca50)
}

.quote-block {
    display: block;
    text-align: left;
    margin-bottom: 0px;
    transition: all 0.2s ease-in-out 0s;
    transform: translateY(0);
    padding: 8rem;
    color: #fff
}

.quote-block h3 {
    font-size: 30px;
    font-weight: 700;
    margin: 0 4rem 0 0;
    line-height: 1
}

.quote-block p {
    font-size: 2rem;
    font-weight: 400;
    overflow: hidden;
    margin: 0;
    line-height: 1.4;
    margin-top: 30px
}

.quote-block:hover {
    -moz-box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    -webkit-box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    color: #ff3b30;
    transform: translateY(-4px);
    color: #fff
}

.search-header {
    padding: 6rem 0 0 0;
    margin-top: 8rem
}

.search-input-wrapper {
    position: relative;
    display: block;
    font-size: 4.6rem
}

.search-input-wrapper .search-input {
    background-color: transparent;
    border: none;
    width: 100%;
    padding: 0 80px 0 0
}

.search-input-wrapper .search-reset {
    position: absolute;
    top: 14px;
    right: 0;
    cursor: pointer
}

.search-input-wrapper .search-reset:hover {
    color: #e30c00
}

.search_posts .posts {
    margin-bottom: 10rem
}

.search_pagination a {
    display: inline-block;
    width: 36px;
    height: 36px;
    background: #f6f6f6;
    text-align: center;
    line-height: 36px
}

.overlay-download-container {
    position: relative;
    -moz-box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    -webkit-box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    background-color: #fff
}

.overlay-download-container .divider {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 1px;
    background: rgba(0,0,0,0.05)
}

.overlay-download-block {
    padding: 8rem
}

.overlay-download-block .media-thumbnail {
    text-align: center
}

.overlay-download-block .media-thumbnail img {
    max-width: 100%;
    height: auto
}

.overlay-download-block .media-details h4 {
    font-weight: 300;
    margin-bottom: 2rem
}

.overlay-download-block .media-details p {
    font-size: 1.4rem;
    margin-bottom: 4rem
}

.overlay-download-block .media-details ul {
    font-size: 1.4rem;
    margin-bottom: 4rem
}

#details-overlay {
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease-in-out
}

.overlay-msg-container {
    background: #fff;
    padding: 8rem;
    text-align: center;
    -moz-box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    -webkit-box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0
}

.overlay-msg-container h2 {
    font-size: 7.5rem;
    font-weight: lighter;
    margin-bottom: 4rem
}

.overlay-msg-container p {
    margin-bottom: 4rem
}

.msg-share a {
    display: inline-block;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 50%;
    color: #fff;
    margin: 0 5px;
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.msg-share a:nth-child(1) {
    background: #0d4ea2
}

.msg-share a:nth-child(2) {
    background: #00c8ff
}

.msg-share a:nth-child(3) {
    background: #ff3b16
}

.msg-share a:hover {
    -moz-box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    -webkit-box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    -moz-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px)
}

.logincontainer {
    background: #fff;
    max-width: 520px;
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.13),0px 5px 5px 0px rgba(0,0,0,0.13);
    padding: 10rem;
    position: relative;
    margin: 0px auto
}

.logincontainer .checkbox label {
    float: left
}

.logincontainer .lost-check {
    float: right;
    color: #FF3B16
}

.wh-forget {
    position: absolute;
    left: 0px;
    right: 0px;
    border-top: 1px solid #eee;
    text-align: center;
    color: #238e44;
    font-size: 1.4rem;
    line-height: 9rem
}

.wh-forget a:hover {
    color: #FF3B16
}

.overlay .overlay-close.log-close {
    top: 30px
}

.words-wrapper {
    display: inline-block;
    position: relative
}

.words-wrapper p {
    display: inline-block;
    position: absolute;
    white-space: nowrap;
    left: 0;
    top: 0
}

.words-wrapper p.is-visible {
    position: relative
}

.headline.clip p {
    display: inline-block;
    font-size: 3.6rem;
    font-weight: 400
}

.headline.clip .words-wrapper {
    overflow: hidden;
    vertical-align: top
}

.headline.clip .words-wrapper::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 2px;
    height: 100%;
    background-color: #fff
}

.headline.clip p {
    opacity: 0
}

.headline.clip p.is-visible {
    opacity: 1
}

.mfp-bg {
    background: #35334c;
    height: 100%;
    left: 0;
    opacity: 0.9;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1042
}

.mfp-wrap {
    height: 100%;
    left: 0;
    outline: medium none !important;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1043
}

.mfp-container {
    box-sizing: border-box;
    height: 100%;
    left: 0;
    padding: 0 8px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%
}

.mfp-container::before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.mfp-align-top .mfp-container::before {
    display: none
}

.mfp-content {
    display: inline-block;
    margin: 0 auto;
    position: relative;
    text-align: left;
    vertical-align: middle;
    z-index: 1045
}

.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content {
    cursor: auto;
    width: 100%
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: zoom-out
}

.mfp-zoom {
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter {
    -moz-user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none !important
}

.mfp-preloader {
    color: #cccccc;
    left: 8px;
    margin-top: -0.8em;
    position: absolute;
    right: 8px;
    text-align: center;
    top: 50%;
    width: auto;
    z-index: 1044
}

.mfp-preloader a {
    color: #cccccc
}

.mfp-preloader a:hover {
    color: white
}

.mfp-s-ready .mfp-preloader {
    display: none
}

.mfp-s-error .mfp-content {
    display: none
}

button.mfp-close,button.mfp-arrow {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    box-shadow: none;
    cursor: pointer;
    display: block;
    outline: medium none;
    overflow: visible;
    padding: 0;
    z-index: 1046
}

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

.mfp-close {
    color: white;
    font-family: Arial,Baskerville,monospace;
    font-size: 28px;
    font-style: normal;
    height: 44px;
    line-height: 44px;
    opacity: 0.65;
    padding: 0 0 18px 10px;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
    top: 0;
    width: 44px
}

.mfp-close:hover,.mfp-close:focus {
    opacity: 1
}

.mfp-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-close {
    color: #333333
}

.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close {
    color: white;
    padding-right: 6px;
    right: -6px;
    text-align: right;
    width: 100%
}

.mfp-counter {
    direction: ltr;
    color: #cccccc;
    font-size: 12px;
    line-height: 18px;
    position: absolute;
    left: 0;
    top: 0
}

.mfp-arrow {
    height: 110px;
    margin: -55px 0 0;
    opacity: 0.65;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 90px
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:hover,.mfp-arrow:focus {
    opacity: 1
}

.mfp-arrow::before,.mfp-arrow::after,.mfp-arrow .mfp-b,.mfp-arrow .mfp-a {
    border: medium inset transparent;
    content: "";
    display: block;
    height: 0;
    left: 0;
    margin-left: 35px;
    margin-top: 35px;
    position: absolute;
    top: 0;
    width: 0
}

.mfp-arrow::after,.mfp-arrow .mfp-a {
    border-bottom-width: 13px;
    border-top-width: 13px;
    top: 8px
}

.mfp-arrow::before,.mfp-arrow .mfp-b {
    border-bottom-width: 21px;
    border-top-width: 21px;
    opacity: 0.7
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left::after,.mfp-arrow-left .mfp-a {
    border-right: 17px solid white;
    margin-left: 31px
}

.mfp-arrow-left::before,.mfp-arrow-left .mfp-b {
    border-right: 27px solid #3f3f3f;
    margin-left: 25px
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right::after,.mfp-arrow-right .mfp-a {
    border-left: 17px solid white;
    margin-left: 39px
}

.mfp-arrow-right::before,.mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f
}

.mfp-iframe-holder {
    padding-bottom: 40px;
    padding-top: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    max-width: 900px;
    width: 100%
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

.mfp-iframe-scaler {
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
    width: 100%
}

.mfp-iframe-scaler iframe {
    background: none repeat scroll 0 0 black;
    box-shadow: 0 0 8px rgba(0,0,0,0.6);
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

img.mfp-img {
    box-sizing: border-box;
    display: block;
    height: auto;
    line-height: 0;
    margin: 0 auto;

    max-width: 100%;
    padding: 40px 0;
    width: auto
}

.mfp-figure {
    line-height: 0
}

.mfp-figure::after {
    background: none repeat scroll 0 0 #444444;
    bottom: 40px;
    box-shadow: 0 0 8px rgba(0,0,0,0.6);
    content: "";
    display: block;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 40px;
    width: auto;
    z-index: -1
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-figure figure {
    margin: 0
}

.mfp-bottom-bar {
    cursor: auto;
    left: 0;
    margin-top: -36px;
    position: absolute;
    top: 100%;
    width: 100%
}

.mfp-title {
    color: #f3f3f3;
    line-height: 18px;
    padding-left: 36px;
    text-align: right;
    word-wrap: break-word
}

.mfp-image-holder .mfp-content {
    max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}
@media screen and (max-width: 250px){
    
    html, body {
    height: 100%;
    width: 100%;
    margin: 0;
    margin-top: -52px;
}
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left:0;
        padding-right: 0
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0
    }

    .mfp-img-mobile .mfp-figure::after {
        bottom: 0;
        top: 0
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: none repeat scroll 0 0 rgba(0,0,0,0.6);
        bottom: 0;
        box-sizing: border-box;
        margin: 0;
        padding: 3px 5px;
        position: fixed;
        top: auto
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }

    .mfp-img-mobile .mfp-close {
        background: none repeat scroll 0 0 rgba(0,0,0,0.6);
        height: 35px;
        line-height: 35px;
        padding: 0;
        position: fixed;
        right: 0;
        text-align: center;
        top: 0;
        width: 35px
    }
    .new-post-body img {
    display: block;
    height: auto;
    margin-right: 0%;
    width: 105%;
    max-width: 100vw;
    margin-top: -86px;
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        transform:scale(0.75)
    }

    .mfp-arrow-left {
        transform-origin: 0 50% 0
    }

    .mfp-arrow-right {
        transform-origin: 100% 50% 0
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

.mfp-ie7 .mfp-img {
    padding: 0
}

.mfp-ie7 .mfp-bottom-bar {
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px;
    width: 600px
}

.mfp-ie7 .mfp-container {
    padding: 0
}

.mfp-ie7 .mfp-content {
    padding-top: 44px
}

.mfp-ie7 .mfp-close {
    padding-top: 0;
    right: 0;
    top: 0
}

body.bviewerOverflow {
    overflow: hidden
}

.bviewer-container {
    width: 100%;
    height: 100%
}

.bviewer {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    overflow: auto;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s
}

.bviewer .bviewer-content-2 {
    z-index: 99999
}

.bviewer-overlay {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f6f6f6;
    z-index: 888;
    animation: 0.5s ease 0s normal none 1 running show
}

.bviewer-overlay .overlay-close {
    cursor: pointer;
    font-size: 40px;
    display: inline-block;
    z-index: 9999999999999;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    line-height: 58px;
    margin: 60px 0 0
}

.bviewer-overlay-trigger {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.bviewer-content {
    width: 60%;
    position: relative;
    margin: 0 auto;
    padding-top: 50px;
    -webkit-backface-visibility: hidden
}

@keyframes next {
    0% {
        transform: translate(50px, 0);
        opacity: 0
    }

    100% {
        transform: translate(0, 0);
        opacity: 1
    }
}

@-o-keyframes next {
    0% {
        -o-transform: translate(0, 50px);
        opacity: 0
    }

    100% {
        -o-transform: translate(0, 0);
        opacity: 1
    }
}

@-ms-keyframes next {
    0% {
        -ms-transform: translate(0, 50px);
        opacity: 0
    }

    100% {
        -ms-transform: translate(0, 0);
        opacity: 1
    }
}

@-moz-keyframes next {
    0% {
        -moz-transform: translate(0, 50px);
        opacity: 0
    }

    100% {
        -moz-transform: translate(0, 0);
        opacity: 1
    }
}

@-webkit-keyframes next {
    0% {
        -webkit-transform: translate(50px, 0);
        opacity: 0
    }

    100% {
        -webkit-transform: translate(0, 0);
        opacity: 1
    }
}

@keyframes prev {
    0% {
        transform: translate(-50px, 0);
        opacity: 0
    }

    100% {
        transform: translate(0, 0);
        opacity: 1
    }
}

@-o-keyframes prev {
    0% {
        -o-transform: translate(0, 50px);
        opacity: 0
    }

    100% {
        -o-transform: translate(0, 0);
        opacity: 1
    }
}

@-ms-keyframes prev {
    0% {
        -ms-transform: translate(0, 50px);
        opacity: 0
    }

    100% {
        -ms-transform: translate(0, 0);
        opacity: 1
    }
}

@-moz-keyframes prev {
    0% {
        -moz-transform: translate(0, 50px);
        opacity: 0
    }

    100% {
        -moz-transform: translate(0, 0);
        opacity: 1
    }
}

@-webkit-keyframes prev {
    0% {
        -webkit-transform: translate(-50px, 0);
        opacity: 0
    }

    100% {
        -webkit-transform: translate(0, 0);
        opacity: 1
    }
}

@keyframes show {
    from {
        background: rgba(27,31,35,0);
        opacity: 0
    }

    to {
        background: #fff;
        opacity: 1
    }
}

@-moz-keyframes show {
    from {
        background: rgba(27,31,35,0);
        opacity: 0
    }

    to {
        background: #fff;
        opacity: 1
    }
}

@-webkit-keyframes show {
    from {
        background: rgba(27,31,35,0);
        opacity: 0
    }

    to {
        background: #fff;
        opacity: 1
    }
}

.bviewer-content figure img {
    width: 100%;
    height: auto;
    -moz-box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    -webkit-box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0
}

.bviewer-nav {
    width: auto;
    height: auto;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 999;
    display: none !important
}

.bviewer-nav .next {
    left: 0px;
    top: calc(50% - 50px);
    width: 50px;
    height: 50px;
    background: #059 none repeat scroll 0% 0%;
    position: fixed
}

.bviewer-nav .prev {
    right: 0px;
    top: calc(50% - 50px);
    width: 50px;
    height: 50px;
    background: #059 none repeat scroll 0% 0%;
    position: fixed
}

.bi-main-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0;
    transition: all ease-in 0s;
    z-index: 9999;
    visibility: hidden
}

.pace {
    -webkit-pointer-events: none;
    -moz-pointer-events: none;
    pointer-events: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none
}

.pace .pace-progress {
    animation: 1s linear 0s normal none infinite running bi-gradient;
    background: transparent linear-gradient(to right, #6cc9ff,#ff6779,#fcc645,#ff6779,#6cc9ff,#ff6779) repeat scroll 0 0/500% auto;
    position: fixed;
    z-index: 2000;
    top: 0;
    right: 100%;
    width: 100%;
    height: 3px;
    z-index: 99999
}

.pace-inactive {
    display: none
}

.pace-activity {
    background: rgba(0,0,0,0.1);
    height: 3px
}

.molvp-main-gate {
    transition: all 0.9s ease-in;
    opacity: 0
}

.content-loader {
    display: none;
    background: #f6f6f6;
    margin: 0 auto;
    width: 100%;
    height: 200px
}

.content-loader .animated-background {
    height: 96px
}

.blog-loader {
    background: #fff;
    margin: 0 auto;
    width: 100%;
    height: auto
}

.blog-loader .animated-background {
    height: 560px
}

@keyframes placeHolderShimmer {
    0% {
        background-position: -468px 0
    }

    100% {
        background-position: 468px 0
    }
}

.animated-background {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: transparent linear-gradient(to right, #eeeeee 8%,#dddddd 18%,#eeeeee 33%) repeat scroll 0 0/1000px 104px;
    position: relative
}

.content-loader .background-masker {
    background: #f6f6f6
}

.blog-loader .background-masker {
    background: #fff
}

.background-masker {
    position: absolute
}

.background-masker.header-top,.background-masker.header-bottom,.background-masker.subheader-bottom {
    top: 0;
    left: 40px;
    right: 0;
    height: 10px
}

.background-masker.header-left,.background-masker.subheader-left,.background-masker.header-right,.background-masker.subheader-right {
    top: 10px;
    left: 40px;
    height: 8px;
    width: 10px
}

.background-masker.header-bottom {
    top: 18px;
    height: 6px
}

.background-masker.subheader-left,.background-masker.subheader-right {
    top: 24px;
    height: 6px
}

.background-masker.header-right,.background-masker.subheader-right {
    width: auto;
    left: 50%;
    right: 0
}

.background-masker.subheader-right {
    left: 230px
}

.background-masker.subheader-bottom {
    top: 30px;
    height: 10px
}

.background-masker.content-top,.background-masker.content-second-line,.background-masker.content-third-line,.background-masker.content-second-end,.background-masker.content-third-end,.background-masker.content-first-end {
    top: 40px;
    left: 0;
    right: 0;
    height: 6px
}

.background-masker.content-top {
    height: 20px
}

.background-masker.content-first-end,.background-masker.content-second-end,.background-masker.content-third-end {
    width: auto;
    left: 100%;
    right: 0;
    top: 60px;
    height: 8px
}

.background-masker.content-second-line {
    top: 68px
}

.background-masker.content-second-end {
    left: 80%;
    top: 74px
}

.background-masker.content-third-line {
    top: 82px
}

.background-masker.content-third-end {
    left: 300px;
    top: 88px
}

.background-masker.blog-divid {
    top: 250px;
    left: 0;
    right: 0;
    height: 40px
}

.background-masker.st-title,.background-masker.st-title-end,.background-masker.sd-title,.background-masker.sd-title-end {
    right: 0;
    height: 20px
}

.background-masker.st-title {
    top: 290px;
    left: 100%
}

.background-masker.st-title-end {
    top: 310px;
    left: 0
}

.background-masker.sd-title {
    top: 330px;
    left: 50%
}

.background-masker.sd-title-end {
    top: 350px;
    left: 0;
    height: 40px
}

.background-masker.p-line1,.background-masker.p-line1-end,.background-masker.p-line2,.background-masker.p-line2-end,.background-masker.p-line3,.background-masker.p-line3-end {
    right: 0;
    height: 10px
}

.background-masker.p-line1 {
    top: 390px;
    left: 100%
}

.background-masker.p-line1-end {
    top: 400px;
    left: 0
}

.background-masker.p-line2 {
    top: 410px;
    left: 100%
}

.background-masker.p-line2-end {
    top: 420px;
    left: 0
}

.background-masker.p-line3 {
    top: 430px;
    left: 40%
}

.background-masker.p-line3-end {
    top: 440px;
    left: 0
}

.background-masker.content-end {
    top: 450px;
    left: 0;
    right: 0;
    height: 40px
}

.background-masker.date {
    top: 490px;
    left: 20%;
    right: 0;
    height: 10px
}

.background-masker.end {
    top: 500px;
    left: 0;
    right: 0;
    height: 50px
}

@-moz-keyframes bi-gradient {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 100% 0
    }
}

@-webkit-keyframes bi-gradient {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 100% 0
    }
}

@keyframes bi-gradient {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 100% 0
    }
}

.full_opacity {
    opacity: 1
}

.not-found .logo {
    padding-top: 0;
    margin: 0 0 8rem 0
}

.not-found figure img {
    margin: 0 0 10rem 0;
    max-width: 100%
}

.not-found p {
    font-size: 3rem;
    margin-bottom: 4rem
}

.not-found p a {
    color: #ff3b30
}

.not-found .data-field {
    height: 38px
}

.not-found .bt,.not-found .bt-lg,.not-found .bt-md,.not-found .bt-sm {
    width: 100%
}

.closed {
    color: #fff;
    text-align: center
}

.closed span {
    position: relative;
    display: inline-block;
    font-size: 9rem;
    font-weight: 700
}

.closed span:after {
    bottom: -50px;
    content: "Worth waiting for .....";
    display: block;
    font-size: 3rem;
    font-weight: 300;
    left: 0;
    letter-spacing: 7px;
    position: absolute
}

.closed a {
    display: inline-block;
    background-color: rgba(0,0,0,0.08);
    height: 6rem;
    line-height: 5.8rem;
    font-size: 2.4rem;
    border-radius: 3rem;
    padding: 0 4.5rem;
    color: #fff
}

.closed-logo {
    display: block;
    margin-bottom: 14rem
}

.res-apple .top-menu a:hover {
    color: #FF2770
}

.res-apple .bt-ghost:hover,.res-apple .lang:hover {
    background: transparent;
    border-color: #FF2770 !important;
    color: #FF2770 !important
}

.res-apple .fixed .bt-ghost,.res-apple .fixed .lang {
    border: 2px solid #fff;
    color: #fff
}

.res-apple .fixed .bt-ghost i,.res-apple .fixed .lang i {
    transition: .02s all ease-in
}

.res-apple .fixed .bt-ghost:hover,.res-apple .fixed .lang:hover {
    background: transparent;
    border-color: #FF2770 !important;
    color: #FF2770 !important
}

.res-apple .fixed .bt-ghost:hover i,.res-apple .fixed .lang:hover i {
    color: #FF2770
}

.spacing-row {
    padding-top: 14rem;
    padding-bottom: 14rem
}

.spacing-row h1 {
    font-size: 6rem;
    font-weight: 100;
    position: relative;
    z-index: 15
}

#res-apple-home-section {
    position: relative;
    background: url(img/resources/apple/apple-header-bg.png) no-repeat top center #19141b;
    padding-top: 4rem;
    padding-bottom: 34rem;
    font-weight: 100
}

#res-apple-home-section .opacity-bg {
    position: absolute;
    background-color: rgba(26,21,28,0.96);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

#res-apple-home-section * {
    color: #fff
}

#res-apple-home-section .apple-logo {
    margin-bottom: 7.5rem
}

#res-apple-home-section #header-content h1 {
    font-weight: 100;
    color: #5ac8fa
}

#res-apple-home-section .download-type {
    display: block;
    text-transform: uppercase;
    font-size: 30px;
    margin-bottom: 4rem
}

#res-apple-home-section .bt-normal {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9Ii0wLjAzOTYxNCIgeTE9IjAuMDQ3MjEiIHgyPSIxLjAzOTYxNCIgeTI9IjAuOTUyNzkiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZjJkNTUiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjI2NzYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: -moz-linear-gradient(320deg, #ff2d55,#ff2676);
    background-image: -webkit-linear-gradient(320deg, #ff2d55,#ff2676);
    background-image: linear-gradient(130deg, #ff2d55,#ff2676);
    padding: 22px 90px;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 60px
}

#res-apple-home-section .block {
    margin-bottom: 7rem
}

#res-apple-home-section .bl-h3 {
    font-weight: 100;
    font-size: 36px;
    margin-bottom: 4rem
}

#res-apple-home-section .bt-block {
    letter-spacing: 2px
}

#res-apple-home-section .clock h2 {
    font-size: 36px;
    font-weight: 100;
    margin-bottom: 4rem
}

#res-apple-home-section .clock h2 span {
    font-size: 70px
}

#res-apple-home-section .end-section img {
    position: absolute;
    z-index: 1
}

#res-apple-home-section .end-section .clock-img:first-child {
    left: calc(50% - 150px);
    z-index: 2
}

#res-apple-home-section .end-section .clock-img:last-child {
    left: calc(50% - 435px);
    z-index: 1
}

#res-apple-screens-section {
    position: relative;
    background-color: #19141b;
    padding-top: 40rem;
    padding-bottom: 14rem;
    overflow: hidden
}

#res-apple-screens-section .opacity-bg {
    position: absolute;
    background-color: rgba(5,125,255,0.66);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2
}

#res-apple-screens-section * {
    color: #fff
}

#res-apple-screens-section .container {
    position: relative;
    z-index: 20
}

#res-apple-screens-section figure {
    position: relative;
    z-index: 20
}

#res-apple-features-section {
    padding-top: 25rem;
    padding-bottom: 18rem
}

#res-apple-features-section .block {
    margin-bottom: 7rem
}

#res-apple-features-section .bl-h3 {
    font-weight: 100;
    font-size: 36px;
    margin-bottom: 4rem
}

#res-apple-elements-section {
    background-color: #19141b;
    padding-top: 10rem;
    padding-bottom: 25rem
}

#res-apple-elements-section * {
    color: #fff
}

#res-apple-download-section {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9Ii0wLjAzOTYxNCIgeTE9IjAuMDQ3MjEiIHgyPSIxLjAzOTYxNCIgeTI9IjAuOTUyNzkiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZjJkNTUiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjI2NzYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: -moz-linear-gradient(320deg, #ff2d55,#ff2676);
    background-image: -webkit-linear-gradient(320deg, #ff2d55,#ff2676);
    background-image: linear-gradient(130deg, #ff2d55,#ff2676);
    padding-top: 10rem
}

#res-apple-download-section * {
    color: #fff
}

#res-apple-download-section h1 {
    margin-bottom: 4rem
}

#res-apple-download-section p {
    font-size: 24px;
    margin-bottom: 4rem
}

#res-apple-download-section .bt-normal {
    background: #19141b;
    color: #ff2675;
    padding: 22px 90px;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 10rem
}

#res-arab-header-section,#res-arab-header2-section {
    font-family: 'Roboto Slab';
    background: url(img/resources/arab/head-bg.png) no-repeat center top #9fd6ce;
    padding-top: 22rem;
    padding-bottom: 14rem
}

#res-arab-header-section h1,#res-arab-header2-section h1 {
    font-size: 58px;
    font-weight: 400;
    margin-bottom: 10px;
    letter-spacing: -2px
}

#res-arab-header-section .subtitle,#res-arab-header2-section .subtitle {
    font-family: 'RobotoDraft';
    display: block;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 300;
    letter-spacing: 3px;
    margin-bottom: 8rem
}

#res-arab-header-section figure,#res-arab-header2-section figure {
    margin-bottom: 8rem
}

#res-arab-header-section p,#res-arab-header2-section p {
    font-size: 28px;
    font-weight: 300
}

#res-arab-header2-section {
    padding: 0;
    background: #9fd6ce;
    text-align: center
}

#res-arab-header2-section p {
    margin-bottom: 4rem
}

#res-arab-header2-section .bt,#res-arab-header2-section .bt-lg,#res-arab-header2-section .bt-md,#res-arab-header2-section .bt-sm {
    background: #b71f28
}

.arab-character {
    color: #fff
}

.arab-character .bl-h2 {
    font-family: 'Roboto Slab'
}

.arab-character .bl-p {
    font-size: 18px;
    margin-bottom: 4rem
}

.arab-character .more-lnk {
    display: block;
    font-size: 32px;
    border-radius: 50%;
    border: 3px solid #fff;
    width: 60px;
    height: 60px;
    line-height: 54px;
    text-align: center
}

.arab-character .more-lnk:hover {
    color: rgba(0,0,0,0.5);
    border-color: rgba(0,0,0,0.5)
}

.arab-character .bt-normal {
    background: #b71f28
}

.arab-character img {
    max-width: 100%
}

#arab-character-egypt {
    background-color: #6a5637
}

#arab-character-saudi {
    background-color: #a1855f
}

#arab-character-yemen {
    background-color: #d7c496
}

#arab-character-oman {
    background-color: #77c498
}

#arab-character-emirates {
    background-color: #8dcec7
}

#arab-character-bahrain {
    background-color: #d1895f
}

#arab-character-algeria {
    background-color: #f5ab6a
}

#arab-character-tunisia {
    background-color: #c08e64
}

#arab-character-jordan {
    background-color: #a0d6b7
}

#arab-character-sudan {
    background-color: #f3ae4d
}

#arab-character-syria {
    background-color: #83b5a0
}

#arab-character-lebanon {
    background-color: #63a288
}

#arab-character-iraq {
    background-color: #a7916e
}

#arab-character-palestine {
    background-color: #2e464b
}

#arab-character-qatar {
    background-color: #399f9f
}

#arab-character-morocco {
    background-color: #7cb8c5
}

#arab-character-libya {
    background-color: #c59467
}

#arab-character-kuwait {
    background-color: #a1855f
}

#res-arab-footer-section {
    background-color: #262723
}

#res-arab-footer-section h2 {
    color: #c5463a
}

#res-arab-footer-section span {
    display: block;
    font-size: 20px;
    font-weight: 100;
    letter-spacing: 4px;
    text-transform: uppercase;
    margin-bottom: 4rem
}

#res-arab-footer-section p {
    font-size: 24px
}

.more_loader .more_progress {
    position: absolute;
    top: 0;
    width: 0%;
    height: 3px;
    animation: 1s linear 0s normal none infinite running bi-gradient;
    background: transparent linear-gradient(to right, #6cc9ff,#ff6779,#fcc645,#ff6779,#6cc9ff,#ff6779) repeat scroll 0 0/500% auto;
    -webkit-transition: width 0.3s ease-in-out;
    transition: width 0.3s ease-in-out
}

.detail_mask {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0%;
    left: 200%;
    background: #fff;
    width: 500%;
    height: 500%;
    transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0.3s;
    padding: 22%
}

.activeMask.single_slide_desc .detail_mask {
    left: 0%
}

.activeMask.detail_mask {
    left: 0
}

.single_slide_desc .block {
    transition: opacity 0.4s cubic-bezier(0.4, 0, 0.59, -0.6) 0s,visibility 0.4s cubic-bezier(0.4, 0, 0.59, -0.6) 0s,transform 0.4s cubic-bezier(0.4, 0, 0.59, -0.6) 0s;
    transition-delay: 0.1s
}

.activeMask.single_slide_desc .block {
    transform: translate3d(-510px, 0px, 0px);
    opacity: 0;
    visibility: hidden
}

.detail_mask .close_handle {
    position: absolute;
    top: 140px;
    left: -25px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    background: #fff;
    display: block;
    font-size: 30px;
    text-align: center;
    -moz-box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    -webkit-box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0
}

.block-mask {
    float: left;
    width: 320px;
    margin-top: 20px
}

@-moz-keyframes bi-gradient {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 100% 0
    }
}

@-webkit-keyframes bi-gradient {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 100% 0
    }
}

@keyframes bi-gradient {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 100% 0
    }
}

.blobs .bt-normal:hover {
    -moz-box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    -webkit-box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    transform: translateY(-2px)
}

.blobs .bt-ghost:hover,.blobs .lang:hover {
    background: transparent;
    border-color: #000 !important;
    color: #000 !important
}

.blobs .fixed .bt-ghost,.blobs .fixed .lang {
    border: 2px solid #fff;
    color: #fff
}

.blobs .fixed .bt-ghost i,.blobs .fixed .lang i {
    transition: .02s all ease-in
}

.blobs .fixed .bt-ghost:hover,.blobs .fixed .lang:hover {
    background: transparent;
    border-color: #FF3B30 !important;
    color: #FF3B30 !important
}

.blobs .fixed .bt-ghost:hover i,.blobs .fixed .lang:hover i {
    color: #FF3B30
}

.blobs .fixed a:hover {
    color: #FF3B30 !important
}

#res-blobs-header-section {
    width: 100%;
    min-height: 1130px;
    position: relative;
    background: #ff3b30;
    padding-top: 14rem;
    padding-bottom: 14rem;
    font-weight: 100
}

#res-blobs-header-section * {
    color: #fff
}

#res-blobs-header-section img {
    position: absolute
}

#res-blobs-header-section .righ-shape {
    top: 35%;
    right: -30px
}

#res-blobs-header-section .left-shape {
    left: -30px
}

#res-blobs-header-section .bottom-shape {
    bottom: 0;
    left: 25%
}

#res-blobs-header-section .header-mocks {
    position: relative;
    width: 100%
}

#res-blobs-header-section .header-mocks .first-mock {
    right: -30px
}

#res-blobs-header-section .header-mocks .second-mock {
    top: 280px
}

#res-blobs-header-section .header-block h1 {
    font-family: 'Montserrat';
    font-size: 100px;
    font-weight: 700
}

#res-blobs-header-section .header-block h3 {
    font-weight: 100;
    text-transform: uppercase
}

#res-blobs-header-section .header-block p {
    margin-bottom: 4rem
}

#res-blobs-header-section .header-block img {
    display: block;
    position: relative;
    margin-bottom: 60px
}

#res-blobs-header-section .header-block .bt-normal {
    background: #152b3c;
    padding: 1.4rem 4.6rem
}

.blobs-first-section .bl-p {
    font-size: 26px;
    margin-bottom: 60px
}

.blobs-first-section h3 {
    font-weight: 300;
    margin-bottom: 4rem
}

.blobs-second-section {
    background: #2476ff
}

.blobs-second-section * {
    color: #fff
}

.blobs-second-section p {
    margin-bottom: 60px
}

.blobs-third-section {
    background: #142a3b
}

.blobs-third-section * {
    color: #fff
}

.blobs-fourth-section {
    background: url(img/resources/blobs/blobs-mock4-bg.png) top center #fcb814
}

.blobs-fourth-section .bl-h2 {
    color: #fff
}

.blobs-fourth-section img {
    position: relative;
    left: calc(50% - 1405px)
}

.blobs-fifth-section img {
    -moz-box-shadow: 0 10px 35px 5px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 10px 35px 5px rgba(0,0,0,0.2);
    box-shadow: 0 10px 35px 5px rgba(0,0,0,0.2)
}

.blobs-sixth-section {
    background: url(img/resources/blobs/blobs-mock6-bg.png) top center #0cb04a
}

.blobs-sixth-section .bl-h2 {
    color: #fff
}

.blobs-sixth-section img {
    position: relative;
    left: calc(50% - 1405px)
}

.blobs-seventh-section img {
    margin-bottom: -530px;
    position: relative;
    z-index: 1
}

.blobs-eighth-section {
    background: #2577ff
}

.blobs-eighth-section * {
    color: #fff
}

.blobs-eighth-section .block-header h2 {
    position: relative;
    font-size: 90px;
    font-weight: 700
}

.blobs-eighth-section .block-header span {
    bottom: 115px;
    font-size: 18px;
    left: 80px;
    letter-spacing: 7px;
    position: absolute;
    text-transform: uppercase
}

.blobs-ninth-section {
    background: #feb914
}

.blobs-ninth-section * {
    color: #fff
}

.blobs-last-section {
    background: #122533
}

.blobs-last-section * {
    color: #fff
}

.blobs-last-section .bl-h2 {
    color: #ff3a2f;
    font-size: 60px;
    font-weight: 100
}

.blobs-last-section p {
    font-size: 18px
}

.blobs-last-section .bt-normal {
    background: #ff3a2f;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    padding: 1.4rem 5rem
}

.thousands .bt-normal:hover {
    -moz-box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    -webkit-box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    transform: translateY(-2px)
}

.thousands .bt-ghost:hover,.thousands .lang:hover {
    background: transparent;
    border-color: #000 !important;
    color: #000 !important
}

.thousands .fixed .bt-ghost,.thousands .fixed .lang {
    border: 2px solid #fff;
    color: #fff
}

.thousands .fixed .bt-ghost i,.thousands .fixed .lang i {
    transition: .02s all ease-in
}

.thousands .fixed .bt-ghost:hover,.thousands .fixed .lang:hover {
    background: transparent;
    border-color: #E7BF37 !important;
    color: #E7BF37 !important
}

.thousands .fixed .bt-ghost:hover i,.thousands .fixed .lang:hover i {
    color: #E7BF37
}

#res-thousands-header-section {
    position: relative;
    background: url(img/resources/thousands/thousands-head-bg.png) top center #e7be33;
    padding-top: 4rem;
    padding-bottom: 14rem;
    font-weight: 100
}

#res-thousands-header-section * {
    color: #fff
}

#res-thousands-header-section #header-content h1 {
    font-family: 'Roboto Slab';
    font-size: 90px;
    font-weight: 700
}

#res-thousands-header-section #header-content span {
    display: block;
    font-size: 24px;
    letter-spacing: 4px;
    text-transform: uppercase;
    margin-bottom: 4rem
}

#res-thousands-header-section #header-content img {
    margin-bottom: -480px
}

.thousands-first-section {
    position: relative;
    background: rgba(130,98,181,0.9);
    z-index: 10
}

.thousands-first-section * {
    color: #fff
}

.thousands-first-section h2 {
    font-family: 'Roboto Slab';
    font-size: 90px;
    font-weight: 700
}

.thousands-first-section p {
    font-family: 'Roboto Slab';
    font-size: 36px;
    font-weight: 700;
    letter-spacing: 2px;
    margin-bottom: 4rem
}

.thousands-first-section a {
    width: 180px;
    margin: 0 5px
}

.thousands-first-section .bt-normal {
    background: #e7be33 !important;
    border: 2px solid #e7be33;
    -moz-box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    -webkit-box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0
}

.thousands-second-section h2,.thousands-third-section h2 {
    font-family: 'Roboto Slab';
    font-weight: 400
}

.thousands-fourth-section {
    background: url(img/resources/thousands/thousands-mock3-bg.png) repeat-x bottom center #e7bf37
}

.thousands-fourth-section h2 {
    font-family: 'Roboto Slab';
    font-size: 90px;
    font-weight: 700
}

.thousands-fourth-section p {
    font-family: 'Roboto Slab';
    font-size: 36px;
    font-weight: 700;
    letter-spacing: 2px
}

.thousands-fourth-section img {
    position: relative;
    z-index: 10;
    margin-bottom: -210px
}

.thousands-fourth-section * {
    color: #fff
}

.thousands-fifth-section {
    padding-top: 20rem;
    background: #8262b5
}

.thousands-fifth-section * {
    color: #fff
}

.thousands-fifth-section h2 {
    font-family: 'Roboto Slab';
    font-size: 4rem;
    font-weight: 500
}

.thousands-sixth-section img {
    -moz-box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    -webkit-box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0
}

.thousands-sixth-section h2 {
    font-family: 'Roboto Slab';
    font-size: 90px;
    font-weight: 700
}

.thousands-sixth-section p {
    font-size: 24px
}

.thousands-seventh-section {
    background: #e56a77
}

.thousands-seventh-section * {
    color: #fff
}

.thousands-seventh-section h2 {
    font-family: 'Roboto Slab';
    font-weight: 700
}

.thousands-eighth-section {
    background: #edc951
}

.thousands-eighth-section * {
    color: #fff
}

.thousands-end-section {
    background: #8262b5
}

.thousands-end-section * {
    color: #fff
}

.thousands-end-section h2 {
    font-family: 'Roboto Slab';
    font-size: 56px;
    line-height: 60px;
    font-weight: 700
}

.thousands-end-section p {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 4rem
}

.thousands-end-section a {
    width: 180px;
    margin: 0 5px
}

.thousands-end-section .bt-normal {
    font-size: 14px;
    color: #000;
    background: #e7be33 !important;
    border: 2px solid #e7be33;
    -moz-box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    -webkit-box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    text-transform: uppercase
}

.stark {
    font-family: 'Montserrat'
}

.stark .bt-ghost:hover,.stark .lang:hover {
    background: transparent;
    border-color: #000 !important;
    color: #000 !important
}

.stark .fixed .bt-ghost,.stark .fixed .lang {
    border: 2px solid #fff;
    color: #fff
}

.stark .fixed .bt-ghost i,.stark .fixed .lang i {
    transition: .02s all ease-in
}

.stark .fixed .bt-ghost:hover,.stark .fixed .lang:hover {
    background: transparent;
    border-color: #ff5063 !important;
    color: #ff5063 !important
}

.stark .fixed .bt-ghost:hover i,.stark .fixed .lang:hover i {
    color: #ff5063
}

#res-stark-header-section {
    position: relative;
    background: url("img/resources/stark/stark-head-bg.png") top center no-repeat rgba(255,80,99,0.95);
    padding-top: 14rem;
    padding-bottom: 14rem;
    font-weight: 100
}

#res-stark-header-section * {
    color: #fff
}

#res-stark-header-section h1 {
    font-size: 120px;
    font-weight: 700;
    margin-bottom: 0
}

#res-stark-header-section p {
    font-size: 30px
}

#res-stark-header-section .bt-normal {
    background: #122748;
    text-transform: uppercase;
    width: 285px;
    height: 70px;
    line-height: 70px;
    padding: 0;
    -moz-box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    -webkit-box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0
}

#res-stark-header-section .header-mock img {
    margin-left: -65px;
    margin-bottom: -330px
}

.stark-first-section {
    padding-top: 28rem
}

.stark-first-section span {
    display: block;
    margin-top: -35px
}

.stark-second-section {
    background: #f6f6f6
}

.stark-third-section {
    background: #ffbc03
}

.stark-third-section * {
    color: #fff
}

.stark-eighth-section {
    background: #f3f3f3
}

.stark-ninth-section {
    background: #0f1c2f
}

.stark-ninth-section * {
    color: #fff
}

.stark-tenth-section {
    background: #00b06c
}

.stark-tenth-section * {
    color: #fff
}

.stark-tenth-section h2 {
    color: #0f1c2f
}

.stark-tenth-section h2 span {
    color: #fff
}

.stark-end-section {
    background: #0f1c2f
}

.stark-end-section * {
    color: #fff
}

.stark-end-section .bl-h2 {
    font-size: 60px;
    font-weight: 100
}

.stark-end-section p {
    font-size: 30px;
    font-weight: 100
}

.stark-end-section .bt-normal {
    background: #ff5063;
    margin: 0 5px;
    font-size: 14px;
    width: 200px
}

.turbo {
    position: relative;
    z-index: 50;
    font-family: 'Montserrat';
    background: #22242a
}

.turbo .bt-normal:hover {
    -moz-box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    -webkit-box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    transform: translateY(-2px)
}

.turbo .bt-ghost .lang:hover {
    background: transparent;
    border-color: #000 !important;
    color: #000 !important
}

.turbo .fixed .bt-ghost .lang {
    border: 2px solid #fff;
    color: #fff
}

.turbo .fixed .bt-ghost .lang i {
    transition: .02s all ease-in
}

.turbo .fixed .bt-ghost .lang:hover {
    background: transparent;
    border-color: #FE643C !important;
    color: #FE643C !important
}

.turbo .fixed .bt-ghost .lang:hover i {
    color: #FE643C
}

.turbo .hljs {
    background: rgba(0,0,0,0.2) !important
}

.turbo .hljs,.turbo .hljs-subst,.turbo .hljs-tag .hljs-title,.turbo .nginx .hljs-title {
    color: #fff !important
}

.turbo .hljs-string,.turbo .hljs-title,.turbo .hljs-constant,.turbo .hljs-parent,.turbo .hljs-tag .hljs-value,.turbo .hljs-rule .hljs-value,.turbo .hljs-preprocessor,.turbo .hljs-pragma,.turbo .hljs-name,.turbo .haml .hljs-symbol,.turbo .ruby .hljs-symbol,.turbo .ruby .hljs-symbol .hljs-string,.turbo .hljs-template_tag,.turbo .django .hljs-variable,.turbo .smalltalk .hljs-class,.turbo .hljs-addition,.turbo .hljs-flow,.turbo .hljs-stream,.turbo .bash .hljs-variable,.turbo .pf .hljs-variable,.turbo .apache .hljs-tag,.turbo .apache .hljs-cbracket,.turbo .tex .hljs-command,.turbo .tex .hljs-special,.turbo .erlang_repl .hljs-function_or_atom,.turbo .asciidoc .hljs-header,.turbo .markdown .hljs-header,.turbo .coffeescript .hljs-attribute,.turbo .tp .hljs-variable {
    color: #FE633C
}

#res-turbo-header-section {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9Ii0wLjAzOTYxNCIgeTE9IjAuMDQ3MjEiIHgyPSIxLjAzOTYxNCIgeTI9IjAuOTUyNzkiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZTczM2MiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZTVlM2MiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: -moz-linear-gradient(320deg, #fe733c,#fe5e3c);
    background-image: -webkit-linear-gradient(320deg, #fe733c,#fe5e3c);
    background-image: linear-gradient(130deg, #fe733c,#fe5e3c);
    padding-top: 18rem;
    padding-bottom: 14rem
}

#res-turbo-header-section * {
    color: #fff
}

#res-turbo-header-section .header-block h1 {
    font-size: 60px;
    font-weight: 700;
    margin-bottom: 4rem
}

#res-turbo-header-section .header-block p {
    font-size: 20px;
    margin-bottom: 60px
}

#res-turbo-header-section .header-block .download {
    background: #272a31;
    color: #fe5e3c;
    margin-right: 10px
}

#res-turbo-header-section .header-block .demo {
    background: #ffc600;
    color: #000
}

.turbo-first-section {
    background: #272a31
}

.turbo-first-section p {
    margin-bottom: 80px
}

.turbo-first-section .bt-normal {
    background: #FE5F3C;
    width: 260px;
    height: 60px;
    line-height: 60px;
    padding: 0;
    text-transform: uppercase
}

.turbo-second-section .features .feature-item {
    padding: 0 40px;
    min-height: 300px;
    margin-bottom: 30px;
    border: 2px solid #272a31
}

.turbo-second-section .features .feature-content img {
    margin-bottom: 2rem
}

.turbo-second-section .features .feature-content h3 {
    color: #fe5e3c;
    font-size: 18px
}

.turbo-second-section .features .feature-content p {
    color: #949baa;
    font-size: 13px
}

.turbo-third-section p {
    font-size: 14px;
    color: #949baa
}

.turbo-fourth-section .demo {
    display: block;
    width: 100%;
    height: 190px;
    background: #272a31;
    margin-bottom: 30px;
    -moz-box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    -webkit-box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0
}

.turbo-fourth-section .demo:hover {
    background-color: #fe623c
}

.turbo-fourth-section .sample1 {
    background: url(img/resources/turbo/demo1-1.png) no-repeat center center #2f323a
}

.turbo-fourth-section .sample2 {
    background: url(img/resources/turbo/demo1-2.png) no-repeat center center #2f323a
}

.turbo-fourth-section .sample3 {
    background: url(img/resources/turbo/demo1-3.png) no-repeat center center #2f323a
}

.turbo-fourth-section .sample4 {
    background: url(img/resources/turbo/demo1-4.png) no-repeat center center #2f323a
}

.turbo-fourth-section .sample5 {
    background: url(img/resources/turbo/demo1-5.png) no-repeat center center #2f323a
}

.turbo-fourth-section .sample6 {
    background: url(img/resources/turbo/demo1-6.png) no-repeat center center #2f323a
}

.turbo-fifth-section {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9Ii0wLjAzOTYxNCIgeTE9IjAuMDQ3MjEiIHgyPSIxLjAzOTYxNCIgeTI9IjAuOTUyNzkiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZTczM2MiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZTVlM2MiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: -moz-linear-gradient(320deg, #fe733c,#fe5e3c);
    background-image: -webkit-linear-gradient(320deg, #fe733c,#fe5e3c);
    background-image: linear-gradient(130deg, #fe733c,#fe5e3c)
}

.turbo-fifth-section p {
    font-size: 14px
}

.turbo-fifth-section .use {
    background: #22242a;
    padding: 40px;
    color: #949baa
}

.turbo-sixth-section .option-row {
    background: #1f2026;
    border-bottom: 1px solid rgba(0,0,0,0.5);
    padding: 30px
}

.turbo-sixth-section .option-row h4 {
    margin-bottom: 0
}

.turbo-sixth-section .option-row p {
    font-size: 13px;
    color: #949baa
}

.turbo-sixth-section .option-row:last-child {
    border: none
}

.turbo-seventh-section .bl-p {
    color: #949baa
}

.turbo-seventh-section .demo {
    display: block;
    width: 100%;
    height: 390px;
    background: #272a31;
    margin-bottom: 30px;
    -moz-box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    -webkit-box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0
}

.turbo-seventh-section .demo:hover {
    background-color: #fe623c
}

.turbo-seventh-section .sample1 {
    background: url(img/resources/turbo/demo2-1.png) no-repeat center center #272a31
}

.turbo-seventh-section .sample2 {
    background: url(img/resources/turbo/demo2-2.png) no-repeat center center #272a31
}

.turbo-seventh-section .sample3 {
    background: url(img/resources/turbo/demo2-3.png) no-repeat center center #272a31
}

.turbo-seventh-section .sample4 {
    background: url(img/resources/turbo/demo2-4.png) no-repeat center center #272a31
}

.turbo-eight-section {
    background: #272a31
}

.turbo-eight-section .faq {
    background: #22242a;
    padding: 10rem;
    margin-bottom: 4rem
}

.turbo-eight-section h4 {
    margin-bottom: 4rem
}

.turbo-eight-section p {
    color: #949baa;
    font-size: 13px
}

.turbo-ninth-section p {
    font-size: 14px;
    color: #949baa
}

.turbo-end-section {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9Ii0wLjAzOTYxNCIgeTE9IjAuMDQ3MjEiIHgyPSIxLjAzOTYxNCIgeTI9IjAuOTUyNzkiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZTczM2MiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZTVlM2MiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: -moz-linear-gradient(320deg, #fe733c,#fe5e3c);
    background-image: -webkit-linear-gradient(320deg, #fe733c,#fe5e3c);
    background-image: linear-gradient(130deg, #fe733c,#fe5e3c)
}

.turbo-end-section h2 {
    font-size: 58px
}

.turbo-end-section .bt-normal {
    background: #22242a;
    width: 260px;
    height: 60px;
    font-size: 14px;
    line-height: 60px;
    padding: 0;
    text-transform: uppercase;
    color: #fe733c
}

.turbo-end-section .bt-normal:hover {
    color: #fe733c
}

@font-face {
    font-family: 'abril_textextrabold';
    src: url("fonts/abril/extrabold/abriltext-extrabold-webfont.eot");
    src: url("fonts/abril/extrabold/abriltext-extrabold-webfontd41d.eot?#iefix") format("embedded-opentype"),url("fonts/abril/extrabold/abriltext-extrabold-webfont.html") format("woff2"),url("fonts/abril/extrabold/abriltext-extrabold-webfont.woff") format("woff"),url("fonts/abril/extrabold/abriltext-extrabold-webfont.svg#abril_textextrabold") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'abril_textbold';
    src: url("fonts/abril/bold/abriltext-bold-webfont.eot");
    src: url("fonts/abril/bold/abriltext-bold-webfontd41d.eot?#iefix") format("embedded-opentype"),url("fonts/abril/bold/abriltext-bold-webfont.html") format("woff2"),url("fonts/abril/bold/abriltext-bold-webfont.woff") format("woff"),url("fonts/abril/bold/abriltext-bold-webfont.svg#abril_textbold") format("svg");
    font-weight: normal;
    font-style: normal
}

.more-container h1 {
    font-family: 'abril_textextrabold'
}

.more-container h2 {
    font-family: 'abril_textextrabold'
}

.more-container h3 {
    font-family: 'abril_textextrabold'
}

.more-container p {
    font-family: 'Montserrat'
}

.more-container .top-menu a:hover {
    color: #FFDB60
}

.more-container .bt-ghost:hover,.more-container .lang:hover {
    background: transparent;
    border-color: #ffdb60 !important;
    color: #ffdb60 !important
}

.more-container .fixed .bt-ghost,.more-container .fixed .lang {
    border: 2px solid #fff;
    color: #fff
}

.more-container .fixed .bt-ghost i,.more-container .fixed .lang i {
    transition: .02s all ease-in
}

.more-container .fixed .bt-ghost:hover,.more-container .fixed .lang:hover {
    background: transparent;
    border-color: #FFDB60 !important;
    color: #FFDB60 !important
}

.more-container .fixed .bt-ghost:hover i,.more-container .fixed .lang:hover i {
    color: #FFDB60
}

#res-more-header-section {
    background: #1f2025;
    padding-top: 18rem;
    padding-bottom: 14rem
}

#res-more-header-section .header-block h1 {
    font-family: 'abril_textextrabold';
    font-size: 140px;
    margin-bottom: 4rem;
    color: #ffdb60
}

#res-more-header-section .header-block p {
    font-size: 20px;
    margin-bottom: 60px
}

#res-more-header-section .header-block .download {
    background: #5b54f7;
    margin-right: 10px
}

#res-more-header-section .header-block .demo {
    background: #ffdb60;
    color: #000
}

.more-first-section {
    background: #ffdb60
}

.more-first-section p {
    margin-bottom: 80px
}

.more-first-section .bt-normal {
    background: #fff;
    color: #000;
    width: 260px;
    height: 60px;
    line-height: 60px;
    padding: 0;
    text-transform: uppercase;
    -moz-box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    -webkit-box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0
}

.more-second-section {
    background: #5b54f7
}

.more-second-section .features .feature-item {
    border: 2px solid rgba(0,0,0,0.3);
    min-height: 300px
}

.more-second-section .features .feature-content img {
    margin-bottom: 2rem
}

.more-second-section .features .feature-content h3 {
    font-family: 'Montserrat';
    font-size: 18px
}

.more-second-section .features .feature-content p {
    color: #949baa;
    font-size: 13px
}

.more-third-section {
    background: #5b54f7
}

.more-third-section h3 {
    font-family: 'abril_textbold'
}

.more-third-section p {
    font-size: 14px
}

.more-fourth-section {
    background: #1f2025
}

.more-fourth-section a {
    display: block;
    transform: translateY(0)
}

.more-fourth-section a:hover {
    opacity: .8;
    transform: translateY(-10px)
}

.more-fifth-section {
    background: #1f2025
}

.more-fifth-section .lg {
    font-size: 44px;
    line-height: 48px;
    font-family: 'abril_textbold'
}

.more-fifth-section .colored {
    color: #ffdb60
}

.more-sixth-section {
    background: #5b54f7
}

.more-sixth-section p {
    font-size: 14px
}

.more-sixth-section .use {
    background: #22242a;
    padding: 40px;
    color: #949baa
}

.more-seventh-section {
    background: #ffdb60
}

.more-seventh-section .faq {
    background: #ffdb60;
    padding: 10rem;
    margin-bottom: 4rem;
    -moz-box-shadow: 0 10px 35px 5px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 10px 35px 5px rgba(0,0,0,0.2);
    box-shadow: 0 10px 35px 5px rgba(0,0,0,0.2)
}

.more-seventh-section h4 {
    font-family: 'abril_textbold';
    margin-bottom: 4rem
}

.more-seventh-section p {
    color: #6f5e25;
    font-size: 13px
}

.more-eight-section {
    background: #5b54f7
}

.more-eight-section p {
    font-size: 14px
}

.more-end-section {
    background: #1f2025
}

.more-end-section h2 {
    font-size: 58px
}

.more-end-section h2 span {
    color: #ffdb60
}

.more-end-section .bt-normal {
    width: 240px;
    height: 60px;
    font-size: 14px;
    line-height: 60px;
    padding: 0;
    text-transform: uppercase;
    margin: 0 5px
}

.more-end-section .download {
    background: #5b54f7;
    color: #fff
}

.more-end-section .demo {
    background: #ffdb60;
    color: #000
}

@font-face {
    font-family: 'jubilatbold';
    src: url("fonts/jubilat/bold/jubilat-bold-webfont.eot");
    src: url("fonts/jubilat/bold/jubilat-bold-webfontd41d.eot?#iefix") format("embedded-opentype"),url("fonts/jubilat/bold/jubilat-bold-webfont.html") format("woff2"),url("fonts/jubilat/bold/jubilat-bold-webfont.woff") format("woff"),url("fonts/jubilat/bold/jubilat-bold-webfont.svg#jubilatbold") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'jubilatmedium';
    src: url("fonts/jubilat/medium/jubilmed-webfont.eot");
    src: url("fonts/jubilat/medium/jubilmed-webfontd41d.eot?#iefix") format("embedded-opentype"),url("fonts/jubilat/medium/jubilmed-webfont.html") format("woff2"),url("fonts/jubilat/medium/jubilmed-webfont.woff") format("woff"),url("fonts/jubilat/medium/jubilmed-webfont.svg#jubilatmedium") format("svg");
    font-weight: normal;
    font-style: normal
}

.femto-container .top-menu a:hover {
    color: #00B06C
}

.femto-container .bt-ghost .lang:hover {
    background: transparent;
    border-color: #00B06C !important;
    color: #00B06C !important
}

.femto-container .fixed .bt-ghost,.femto-container .fixed .lang {
    border: 2px solid #fff;
    color: #fff
}

.femto-container .fixed .bt-ghost i,.femto-container .fixed .lang i {
    transition: .02s all ease-in
}

.femto-container .fixed .bt-ghost:hover,.femto-container .fixed .lang:hover {
    background: transparent;
    border-color: #00B06C !important;
    color: #00B06C !important
}

.femto-container .fixed .bt-ghost:hover i,.femto-container .fixed .lang:hover i {
    color: #00B06C
}

.femto-container h2 {
    font-family: 'jubilatbold';
    font-size: 5.8rem
}

.femto-container h3 {
    font-family: 'jubilatmedium'
}

.femto-container p {
    font-family: 'Montserrat';
    font-size: 14px
}

#res-femto-header-section {
    background: #382147;
    padding-top: 18rem;
    padding-bottom: 14rem
}

#res-femto-header-section .header-block h1 {
    font-family: 'jubilatbold';
    font-size: 130px;
    letter-spacing: -8px;
    margin-bottom: 4rem
}

#res-femto-header-section .header-block p {
    font-size: 36px;
    margin-bottom: 60px
}

#res-femto-header-section .header-block .bt-lg {
    font-family: 'Montserrat'
}

#res-femto-header-section .header-block .download {
    margin: 0 5px;
    border-color: #8064ae;
    color: #8064ae
}

#res-femto-header-section .header-block .demo {
    background: #00b06c;
    border: 2px solid #00b06c;
    color: #fff
}

.femto-first-section .properties {
    margin-bottom: -8px
}

.femto-first-section .properties .properties-item {
    min-height: 400px;
    padding: 14rem 2rem;
    text-align: center;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee
}

.femto-first-section .properties .properties-item figure {
    margin-bottom: 4rem
}

.femto-first-section .properties .properties-item h3 {
    color: #00b06c
}

.femto-first-section .properties .properties-item p {
    margin-bottom: 0
}

.femto-second-section .demo {
    display: block;
    width: 100%;
    height: 190px;
    background: #00b06c;
    margin-bottom: 30px;
    -moz-box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    -webkit-box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0
}

.femto-second-section .demo:hover {
    background-color: #53316a
}

.femto-second-section .sample1 {
    background: url(img/resources/femto/demo1.png) no-repeat center center #00b06c
}

.femto-second-section .sample2 {
    background: url(img/resources/femto/demo2.png) no-repeat center center #00b06c
}

.femto-second-section .sample3 {
    background: url(img/resources/femto/demo3.png) no-repeat center center #00b06c
}

.femto-second-section .sample4 {
    background: url(img/resources/femto/demo4.png) no-repeat center center #00b06c
}

.femto-second-section .sample5 {
    background: url(img/resources/femto/demo5.png) no-repeat center center #00b06c
}

.femto-second-section .sample6 {
    background: url(img/resources/femto/demo6.png) no-repeat center center #00b06c
}

.femto-third-section {
    background: #00b06c
}

.femto-third-section figure {
    float: left;
    margin-right: 30px
}

.femto-third-section h3 {
    padding-top: 10px
}

.femto-third-section p {
    font-size: 16px
}

.femto-fourth-section,.femto-fifth-section {
    background: #382147
}

.femto-fourth-section p {
    color: #bca6df
}

.femto-fourth-section .lg h3 {
    font-size: 36px
}

.femto-fourth-section .lg p {
    font-size: 16px
}

.femto-fifth-section .faq {
    background: #301c3d;
    padding: 10rem;
    margin-bottom: 4rem
}

.femto-fifth-section h4 {
    font-family: 'jubilatmedium';
    margin-bottom: 4rem
}

.femto-fifth-section p {
    color: #bca6df;
    font-size: 13px
}

.femto-sixth-section {
    background: #00b06c
}

.femto-sixth-section p {
    font-size: 24px
}

.femto-end-section {
    background: #2a1935
}

.femto-end-section h2 {
    font-size: 58px;
    color: #00b06c;
    letter-spacing: -2px
}

.femto-end-section p {
    font-size: 18px;
    color: #8064ae;
    margin-bottom: 60px
}

.femto-end-section .bt-ghost {
    font-family: 'Montserrat';
    font-size: 14px;
    text-transform: uppercase;
    color: #8064ae;
    border-color: #8064ae
}

.femto-end-section .bt-ghost:hover {
    color: #00b06c;
    border-color: #00b06c
}

.calendar-section,#res-calendar-header1,#res-calendar-header2,#res-calendar-jan,#res-calendar-feb,#res-calendar-mar,#res-calendar-apr,#res-calendar-may,#res-calendar-jun,#res-calendar-jul,#res-calendar-aug,#res-calendar-sep,#res-calendar-oct,#res-calendar-nov,#res-calendar-dec,#res-calendar-footer {
    position: relative
}

.calendar-section:before,#res-calendar-header1:before,#res-calendar-header2:before,#res-calendar-jan:before,#res-calendar-feb:before,#res-calendar-mar:before,#res-calendar-apr:before,#res-calendar-may:before,#res-calendar-jun:before,#res-calendar-jul:before,#res-calendar-aug:before,#res-calendar-sep:before,#res-calendar-oct:before,#res-calendar-nov:before,#res-calendar-dec:before,#res-calendar-footer:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0
}

.calendar-section .character-thumb,#res-calendar-header1 .character-thumb,#res-calendar-header2 .character-thumb,#res-calendar-jan .character-thumb,#res-calendar-feb .character-thumb,#res-calendar-mar .character-thumb,#res-calendar-apr .character-thumb,#res-calendar-may .character-thumb,#res-calendar-jun .character-thumb,#res-calendar-jul .character-thumb,#res-calendar-aug .character-thumb,#res-calendar-sep .character-thumb,#res-calendar-oct .character-thumb,#res-calendar-nov .character-thumb,#res-calendar-dec .character-thumb,#res-calendar-footer .character-thumb {
    text-align: center;
    padding-top: 140px
}

#res-calendar-header1 h1 {
    font-family: 'jubilatbold';
    font-size: 64px;
    letter-spacing: 2px;
    color: #fcbd4a;
    margin-bottom: 4rem
}

#res-calendar-header2 {
    background-color: #1c232c
}

#res-calendar-header2 h1 {
    font-family: 'jubilatbold';
    font-size: 64px;
    letter-spacing: 2px;
    color: #fcbd4a;
    margin-bottom: 4rem
}

#res-calendar-header2 p {
    font-size: 24px;
    margin-bottom: 4rem
}

#res-calendar-header2 .bt-normal {
    background: #b62c3e
}

#res-calendar-header1:before {
    background: url(img/resources/calendar/header-bg1.png) no-repeat 0 0/cover #7f86aa
}

#res-calendar-jan:before {
    background: url("img/resources/calendar/calendar-bg-01.png") no-repeat 0 0/cover #7f86aa
}

#res-calendar-feb:before {
    background: url("img/resources/calendar/calendar-bg-02.png") no-repeat 0 0/cover #8FA9A7
}

#res-calendar-mar:before {
    background: url("img/resources/calendar/calendar-bg-03.png") no-repeat 0 0/cover #CE977F
}

#res-calendar-apr:before {
    background: url("img/resources/calendar/calendar-bg-04.png") no-repeat 0 0/cover #58B67B
}

#res-calendar-may:before {
    background: url("img/resources/calendar/calendar-bg-05.png") no-repeat 0 0/cover #DC978E
}

#res-calendar-jun:before {
    background: url("img/resources/calendar/calendar-bg-06.png") no-repeat 0 0/cover #399EAE
}

#res-calendar-jul:before {
    background: url("img/resources/calendar/calendar-bg-07.png") no-repeat 0 0/cover #E2C594
}

#res-calendar-aug:before {
    background: url("img/resources/calendar/calendar-bg-08.png") no-repeat 0 0/cover #C52B42
}

#res-calendar-sep:before {
    background: url("img/resources/calendar/calendar-bg-09.png") no-repeat 0 0/cover #522C4C
}

#res-calendar-oct:before {
    background: url("img/resources/calendar/calendar-bg-10.png") no-repeat 0 0/cover #88762B
}

#res-calendar-nov:before {
    background: url("img/resources/calendar/calendar-bg-11.png") no-repeat 0 0/cover #87BDC4
}

#res-calendar-dec:before {
    background: url("img/resources/calendar/calendar-bg-12.png") no-repeat 0 0/cover #E18A97
}

#res-calendar-footer {
    background-color: #1c232c
}

#res-calendar-footer h1 {
    font-family: 'jubilatbold';
    font-size: 64px;
    letter-spacing: 2px;
    color: #fcbd4a;
    margin-bottom: 2rem
}

#res-calendar-footer p {
    font-size: 24px;
    margin-bottom: 4rem
}

#res-calendar-footer .bt-normal {
    background: #b62c3e
}

.torath #header-content,.cs-torath #header-content {
    padding-bottom: 0
}

.torath .opacity-header .lang,.cs-torath .opacity-header .lang {
    border-color: #000
}

.torath .bt-ghost,.cs-torath .bt-ghost {
    border: 2px solid #000;
    color: #000
}

.torath .bt-ghost:hover,.cs-torath .bt-ghost:hover {
    background: transparent;
    border-color: #000 !important;
    color: #000 !important
}

.torath .fixed .bt-ghost,.cs-torath .fixed .bt-ghost {
    color: #000
}

.torath .fixed .bt-ghost i,.cs-torath .fixed .bt-ghost i {
    transition: .02s all ease-in
}

.torath .fixed .bt-ghost:hover,.cs-torath .fixed .bt-ghost:hover {
    background: transparent;
    border-color: #ff5063 !important;
    color: #ff5063 !important
}

.torath .fixed .bt-ghost:hover i,.cs-torath .fixed .bt-ghost:hover i {
    color: #ff5063
}

.torath-logo {
    position: relative
}

.torath-logo span {
    color: #481249
}

.torath-logo span.top {
    position: absolute;
    font-size: 24px;
    font-weight: 300;
    left: 255px;
    top: -35px
}

.torath-logo span.bottom {
    display: block;
    font-size: 20px;
    font-weight: 400;
    left: 15px;
    letter-spacing: 2px;
    margin-top: 20px
}

#res-torath-header-section {
    position: relative;
    background: url("img/resources/torath/head-bg.png") top center no-repeat rgba(231,229,209,0.94);
    background-size: cover;
    padding-top: 14rem;
    padding-bottom: 14rem;
    font-weight: 100
}

.torath-first-section,.torath-third-section {
    background-color: #efefe8
}

.torath-first-section h2,.torath-first-section p,.torath-third-section h2,.torath-third-section p {
    color: #481249
}

.torath-second-section {
    background-color: #23181e
}

.torath-second-section p {
    color: #b7a8b0
}

.torath-footer-section {
    background-color: #23181e
}

.torath-footer-section .torath-logo span {
    color: #fff
}

.torath-footer-section .torath-logo span.bottom {
    font-size: 18px;
    font-weight: 300
}

.torath-footer-section .bt-normal.dn-bt {
    background: #dd3748
}

.torath-footer-section .bt-normal.cs-bt {
    background: #e5c028
}

.resource-molvpers {
    background: #2a223f
}

.resource-molvpers .bt-ghost:hover,.resource-molvpers .lang:hover {
    background: transparent;
    border-color: #39A78E !important;
    color: #39A78E !important
}

#resources-molvpers-header-section,#resources-molvpers-footer-section {
    padding-top: 4rem
}

#resources-molvpers-header-section h1,#resources-molvpers-footer-section h1 {
    position: relative;
    font-size: 72px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 20px;
    letter-spacing: -4px
}

#resources-molvpers-header-section h2,#resources-molvpers-footer-section h2 {
    font-size: 24px;
    font-weight: 400;
    color: #ee8387
}

#resources-molvpers-header-section p,#resources-molvpers-footer-section p {
    font-size: 16px;
    color: #dac9fa
}

#resources-molvpers-header-section .cs,#resources-molvpers-footer-section .cs {
    background: #39a78e;
    margin-right: 5px
}

#resources-molvpers-header-section .download,#resources-molvpers-footer-section .download {
    background: #eec138
}

.resource-molvpers-color1-section {
    background: #385888
}

.resource-molvpers-color1-section .cs {
    background: #39a78e;
    margin-right: 5px
}

.resource-molvpers-color1-section .download {
    background: #eec138
}

.resource-molvpers-color2-section {
    background: #07a170
}

.resource-molvpers-color2-section .block h2 {
    font-size: 90px;
    font-weight: 700;
    margin-bottom: 0
}

#resources-molvpers-footer-section {
    padding-top: 14rem;
    background: #2A223F
}

.img-out img {
    position: relative;
    margin-bottom: -300px;
    z-index: 1
}

.resource-large {
    background: #151414;
    color: #5e5a5a;
    letter-spacing: 0.1em
}

.resource-large .bt-ghost:hover,.resource-large .lang:hover {
    background: transparent;
    border-color: #ff595b !important;
    color: #ff595b !important
}

.resource-large .bl-h2 {
    color: #ada8a8;
    text-transform: uppercase;
    font-size: 4.5rem;
    letter-spacing: 0.2em;
    font-weight: 700
}

.resource-large img {
    display: block
}

.resource-large p {
    font-size: 18px
}

.resource-large .large-img {
    position: relative;
    z-index: 2
}

.resource-large .large-img img {
    margin: 0 auto
}

.resource-large .large-img.w-b:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background: #ffffff;
    width: 50%;
    height: 100%;
    display: block;
    z-index: -1
}

.resource-large .large-img.w-b:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    background: #000;
    width: 50%;
    height: 100%;
    display: block;
    z-index: -1
}

.resource-large .large-img.b-w:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background: #000;
    width: 50%;
    height: 100%;
    display: block;
    z-index: -1
}

.resource-large .large-img.b-w:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    background: #fff;
    width: 50%;
    height: 100%;
    display: block;
    z-index: -1
}

.resource-large .txt-right {
    text-align: right
}

.resource-large .txt-right img {
    display: inline-block
}

.resource-large .txt-left {
    text-align: left
}

.resource-large .txt-left img {
    display: inline-block
}

#res-large-header-section {
    padding-top: 14rem
}

#res-large-header-section span {
    display: block;
    margin-bottom: 20px;
    font-size: 18px;
    letter-spacing: 0.2em
}

#res-large-header-section .bt-normal {
    background: #ff595b
}

#res-large-header-section .cs {
    background: #38c695 !important;
    margin-right: 5px
}

#res-large-header-section .text-green {
    color: #38c695
}

#res-large-header-section p {
    letter-spacing: 0.2em
}

#res-large-header-section .large-desc {
    color: #918f8e;
    font-weight: 500
}

.large-dark-bg {
    background: #111010;
    position: relative;
    padding: 14rem 0
}

.large-dark-bg .bi-h3 {
    font-size: 3rem
}

.large-dark2-bg {
    background: #1f1e1e;
    position: relative;
    padding: 14rem 0
}

.large-dark2-bg .bi-h3 {
    font-size: 3rem
}

.large-benefits-section {
    background: #ff595b;
    color: #fff
}

.large-benefits-section .bl-h2 {
    text-transform: none;
    color: #fff
}

.large-features-section {
    background: #232121
}

.large-footer-section {
    background: #151414
}

.large-footer-section .paragraph-dialogic p {
    font-size: 40px
}

.large-footer-section .bt-normal {
    background: #ff595b;
    font-size: 16px
}

.large-footer-section .cs {
    background: #38c695 !important;
    margin-right: 5px
}

.large-footer-section .paragraph-dialogic {
    font-weight: 500
}

.large-pad-100 {
    padding: 10rem 0
}

.large-pad-100 .lg-6 p {
    font-weight: 500
}

.dimensions img {
    box-shadow: 16.5px 28.6px 33px rgba(0,0,0,0.25)
}

.dimensions .bt-ghost:hover,.dimensions .lang:hover {
    background: transparent;
    border-color: #000 !important;
    color: #000 !important
}

.dimensions .fixed .bt-ghost,.dimensions .fixed .lang {
    border: 2px solid #fff;
    color: #fff
}

.dimensions .fixed .bt-ghost i,.dimensions .fixed .lang i {
    transition: .02s all ease-in
}

.dimensions .fixed .bt-ghost:hover,.dimensions .fixed .lang:hover {
    background: transparent;
    border-color: #ff5063 !important;
    color: #ff5063 !important
}

.dimensions .fixed .bt-ghost:hover i,.dimensions .fixed .lang:hover i {
    color: #ff5063
}

.dimensions #header-content {
    padding-top: 7rem;
    padding-bottom: 0rem
}

.dimensions #header-content img {
    box-shadow: none
}

.dimensions h2 {
    font-size: 30px
}

.dimensions .dimensions-features {
    background-image: -moz-linear-gradient(40deg, #ffbd7e 0%, #1eb59c 100%);
    background-image: -webkit-linear-gradient(40deg, #ffbd7e 0%, #1eb59c 100%);
    background-image: -ms-linear-gradient(40deg, #ffbd7e 0%, #1eb59c 100%)
}

.dimensions-content-section {
    background: #ed7265;
    background: -moz-linear-gradient(left, #ed7265 0%, #b6527e 16%, #26134b 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #ed7265), color-stop(16%, #b6527e), color-stop(100%, #26134b));
    background: -webkit-linear-gradient(left, #ed7265 0%, #b6527e 16%, #26134b 100%);
    background: -o-linear-gradient(left, #ed7265 0%, #b6527e 16%, #26134b 100%);
    background: -ms-linear-gradient(left, #ed7265 0%, #b6527e 16%, #26134b 100%);
    background: linear-gradient(to right, #ed7265 0%,#b6527e 16%,#26134b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed7265', endColorstr='#26134b', GradientType=1 );
    color: #fff
}

#res-dimensions-header-section {
    position: relative;
    padding-top: 14rem;
    padding-bottom: 14rem;
    font-weight: 100;
    background-image: -moz-linear-gradient(-60deg, #d95e8b 0%, #36254d 100%);
    background-image: -webkit-linear-gradient(-60deg, #d95e8b 0%, #36254d 100%);
    background-image: -ms-linear-gradient(-60deg, #d95e8b 0%, #36254d 100%)
}

#res-dimensions-header-section * {
    color: #fff
}

#res-dimensions-header-section h1 {
    font-size: 72px;
    margin-bottom: 0
}

#res-dimensions-header-section p {
    font-size: 18px
}

#res-dimensions-header-section .bt-normal {
    background: #25173b;
    text-transform: uppercase;
    width: 200px;
    height: 60px;
    line-height: 60px;
    padding: 0;
    margin-right: 15px;
    -moz-box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    -webkit-box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0
}

#res-dimensions-header-section .bt-normal:hover {
    background: #3c2560
}

#res-dimensions-header-section .bt-normal.cs {
    background: #ffbd7e;
    color: #25173b
}

#res-dimensions-header-section .bt-normal.cs:hover {
    background: #ffd7b1
}

#res-dimensions-header-section .header-mock img {
    float: left
}

.dimensions-first-section {
    padding-top: 28rem
}

.dimensions-first-section span {
    display: block;
    margin-top: -35px
}

.dimensions-second-section {
    background: #f6f6f6
}

.dimensions-third-section {
    background: #ffbc03
}

.dimensions-third-section * {
    color: #fff
}

.dimensions-eighth-section {
    background: #f3f3f3
}

.dimensions-ninth-section {
    background: #0f1c2f
}

.dimensions-ninth-section * {
    color: #fff
}

.dimensions-tenth-section {
    background: #00b06c
}

.dimensions-tenth-section * {
    color: #fff
}

.dimensions-tenth-section h2 {
    color: #0f1c2f
}

.dimensions-tenth-section h2 span {
    color: #fff
}

#res-dimensions-end-section {
    z-index: 2;
    position: relative;
    padding-top: 14rem;
    padding-bottom: 27rem;
    font-weight: 100;
    background: #ed7265;
    background: -moz-linear-gradient(left, #ed7265 0%, #b6527e 16%, #26134b 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #ed7265), color-stop(16%, #b6527e), color-stop(100%, #26134b));
    background: -webkit-linear-gradient(left, #ed7265 0%, #b6527e 16%, #26134b 100%);
    background: -o-linear-gradient(left, #ed7265 0%, #b6527e 16%, #26134b 100%);
    background: -ms-linear-gradient(left, #ed7265 0%, #b6527e 16%, #26134b 100%);
    background: linear-gradient(to right, #ed7265 0%,#b6527e 16%,#26134b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed7265', endColorstr='#26134b', GradientType=1 )
}

#res-dimensions-end-section * {
    color: #fff
}

#res-dimensions-end-section h1 {
    font-size: 72px;
    margin-bottom: 0
}

#res-dimensions-end-section p {
    font-size: 18px
}

#res-dimensions-end-section .bt-normal {
    background: #25173b;
    text-transform: uppercase;
    width: 200px;
    height: 60px;
    line-height: 60px;
    padding: 0;
    margin-right: 15px;
    -moz-box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    -webkit-box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0
}

#res-dimensions-end-section .bt-normal:hover {
    background: #3c2560
}

#res-dimensions-end-section .bt-normal.cs {
    background: #ffbd7e;
    color: #25173b
}

#res-dimensions-end-section .bt-normal.cs:hover {
    background: #ffd7b1
}

#res-dimensions-end-section .end-mock img {
    position: absolute;
    right: -470px;
    box-shadow: none;
    z-index: -1;
    top: -50px
}

.arab {
    z-index: 100;
    color: #f6b981
}

.arab .fixed {
    background: rgba(29,30,27,0.8) !important;
    color: #f6b981
}

.arab .fixed * {
    color: #f6b981
}

.arab .bt-ghost {
    border: 2px solid #4e4253;
    color: #ff2675
}

.arab .bt-ghost:hover {
    background: #ff2675;
    border-color: #ff2675;
    color: #fff
}

#arab-header-section {
    font-family: 'Roboto Slab';
    background: url(img/cs/arab/bg-shape.jpg) no-repeat center top #262723;
    padding-top: 22rem;
    padding-bottom: 14rem
}

#arab-header-section * {
    color: #f6b981
}

#arab-header-section h1 {
    font-size: 48px;
    font-weight: 100;
    margin-bottom: 10px;
    letter-spacing: -2px
}

#arab-header-section span {
    display: block;
    text-transform: uppercase;
    color: #77c489;
    font-size: 24px;
    font-weight: 100;
    letter-spacing: 20px;
    margin-bottom: 8rem
}

#arab-header-section figure {
    margin-bottom: 8rem
}

#arab-header-section p {
    font-size: 28px;
    font-weight: 300
}

#arab-details-section {
    padding-top: 14rem;
    padding-bottom: 14rem;
    background: #ae392e
}

#arab-details-section * {
    color: #fff
}

#arab-details-section .deatil-statement,#arab-details-section .bl-h2 {
    font-family: 'Roboto Slab';
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 10rem
}

#arab-details-section .bl-h2 {
    font-size: 28px;
    margin-bottom: 4rem
}

#arab-details-section .note {
    font-family: 'Roboto Slab';
    background: #0b9b48;
    padding: 6.8rem;
    -moz-box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    -webkit-box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0
}

#arab-details-section .note p {
    margin-bottom: 2rem
}

#arab-sketching-section {
    padding-top: 14rem;
    padding-bottom: 14rem;
    background: #fff9ee
}

#arab-sketching-section .bl-h3 {
    font-size: 2.4rem
}

#arab-sketching-section .bl-p {
    font-size: 1.8rem
}

#arab-implementation-section {
    padding-top: 14rem;
    padding-bottom: 14rem;
    background: url(img/cs/arab/bg-shape2.jpg) no-repeat center top #ae392e
}

#arab-implementation-section * {
    color: #fff
}

#arab-implementation-section .bl-h3 {
    font-size: 2.4rem
}

#arab-implementation-section .bl-p {
    font-size: 1.8rem
}

#arab-direction-section {
    font-family: 'Roboto Slab';
    padding-top: 14rem;
    padding-bottom: 14rem;
    background: #262723
}

#arab-direction-section * {
    color: #fff
}

#arab-direction-section h2 {
    font-size: 3rem
}

#arab-direction-section p {
    font-family: 'RobotoDraft';
    font-size: 1.7rem
}

#arab-direction-section .quote {
    font-family: 'Roboto Slab';
    font-size: 3rem;
    line-height: 3.6rem;
    margin: 80px 0
}

#arab-direction-section .character {
    margin-bottom: 8rem
}

#arab-direction-section .character h2 {
    color: #f9eabd
}

#cs-apple-header-section {
    position: relative;
    background: url(img/cs/apple/header-bg.png) no-repeat top center #fff;
    padding-top: 12rem;
    font-weight: 100
}

#cs-apple-header-section .opacity-bg {
    position: absolute;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3N2I5YyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzdmNjRhZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f77b9c),color-stop(100%, #7f64ae));
    background-image: -moz-linear-gradient(top, #f77b9c 0%,#7f64ae 100%);
    background-image: -webkit-linear-gradient(top, #f77b9c 0%,#7f64ae 100%);
    background-image: linear-gradient(to bottom, #f77b9c 0%,#7f64ae 100%);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: .94
}

.cs-apple-first-section {
    background: #19141b
}

.cs-apple-first-section img {
    margin-bottom: -260px
}

.cs-apple-second-section {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZmYmNhZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzc3YjdkNSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #6fbcad),color-stop(100%, #77b7d5));
    background-image: -moz-linear-gradient(top, #6fbcad 0%,#77b7d5 100%);
    background-image: -webkit-linear-gradient(top, #6fbcad 0%,#77b7d5 100%);
    background-image: linear-gradient(to bottom, #6fbcad 0%,#77b7d5 100%)
}

.cs-apple-second-section p {
    margin-bottom: 60px
}

.cs-apple-second-section ul {
    margin-left: 15px;
    margin-bottom: 80px
}

.cs-apple-second-section ul li {
    list-style: disc;
    padding-left: 20px
}

.cs-apple-third-section {
    background: #150c20
}

.cs-apple-third-section .top-mock {
    position: relative;
    left: calc(50% - 1018px);
    margin-bottom: 30px
}

.cs-apple-fourth-section {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3N2I5YyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzdmNjRhZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f77b9c),color-stop(100%, #7f64ae));
    background-image: -moz-linear-gradient(top, #f77b9c 0%,#7f64ae 100%);
    background-image: -webkit-linear-gradient(top, #f77b9c 0%,#7f64ae 100%);
    background-image: linear-gradient(to bottom, #f77b9c 0%,#7f64ae 100%)
}

.cs-apple-fifth-section {
    background: #150c20
}

.cs-apple-fifth-section img {
    margin-bottom: -230px
}

.cs-apple-end-section {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3N2I5YyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzdmNjRhZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f77b9c),color-stop(100%, #7f64ae));
    background-image: -moz-linear-gradient(top, #f77b9c 0%,#7f64ae 100%);
    background-image: -webkit-linear-gradient(top, #f77b9c 0%,#7f64ae 100%);
    background-image: linear-gradient(to bottom, #f77b9c 0%,#7f64ae 100%)
}

.cs-apple-end-section .bt-normal {
    background: #150c20;
    margin: 0 5px
}

.cs-apple-end-section .bt-normal:hover {
    color: #F57B9C;
    -moz-box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    -webkit-box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0
}

@font-face {
    font-family: 'abril_textextrabold';
    src: url("fonts/abril/extrabold/abriltext-extrabold-webfont.eot");
    src: url("fonts/abril/extrabold/abriltext-extrabold-webfontd41d.eot?#iefix") format("embedded-opentype"),url("fonts/abril/extrabold/abriltext-extrabold-webfont.html") format("woff2"),url("fonts/abril/extrabold/abriltext-extrabold-webfont.woff") format("woff"),url("fonts/abril/extrabold/abriltext-extrabold-webfont.svg#abril_textextrabold") format("svg");
    font-weight: normal;
    font-style: normal
}

#cs-icons-header-section {
    position: relative;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9Ii0wLjAzOTYxNCIgeTE9IjAuMDQ3MjEiIHgyPSIxLjAzOTYxNCIgeTI9IjAuOTUyNzkiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZjFjNTEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmE5MmQiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: -moz-linear-gradient(320deg, #ff1c51,#ffa92d);
    background-image: -webkit-linear-gradient(320deg, #ff1c51,#ffa92d);
    background-image: linear-gradient(130deg, #ff1c51,#ffa92d);
    padding-top: 12rem
}

#cs-icons-header-section h1 {
    font-family: 'abril_textextrabold';
    font-size: 92px
}

#cs-icons-header-section span {
    display: block;
    font-size: 24px;
    font-weight: 100;
    text-transform: uppercase;
    letter-spacing: 3px
}

#cs-icons-header-section p {
    font-family: 'Roboto Slab'
}

.cs-icons-first-section .block-header p {
    font-family: 'Roboto Slab';
    font-size: 24px
}

.cs-icons-first-section img {
    margin-top: 40px;
    margin-bottom: 40px
}

.cs-icons-first-section .bl-h2 {
    font-size: 36px
}

.cs-icons-second-section {
    max-height: 1260px;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9Ii0wLjAzOTYxNCIgeTE9IjAuMDQ3MjEiIHgyPSIxLjAzOTYxNCIgeTI9IjAuOTUyNzkiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZjFjNTEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmE5MmQiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: -moz-linear-gradient(320deg, #ff1c51,#ffa92d);
    background-image: -webkit-linear-gradient(320deg, #ff1c51,#ffa92d);
    background-image: linear-gradient(130deg, #ff1c51,#ffa92d)
}

.cs-icons-second-section .full-mock {
    position: relative;
    left: calc(50% - 1018px);
    top: -30rem
}

.cs-icons-second-section p {
    font-size: 18px
}

.cs-icons-third-section .bl-h2 {
    font-size: 36px
}

.cs-icons-end-section {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9Ii0wLjAzOTYxNCIgeTE9IjAuMDQ3MjEiIHgyPSIxLjAzOTYxNCIgeTI9IjAuOTUyNzkiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZjFjNTEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmE5MmQiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: -moz-linear-gradient(320deg, #ff1c51,#ffa92d);
    background-image: -webkit-linear-gradient(320deg, #ff1c51,#ffa92d);
    background-image: linear-gradient(130deg, #ff1c51,#ffa92d)
}

.cs-icons-end-section p {
    font-size: 46px;
    line-height: 60px
}

.cs-icons-end-section .bt-ghost {
    margin: 0 5px
}

#cs-torath-header-section {
    position: relative;
    background: #efefe8;
    background-size: cover;
    padding-top: 14rem;
    padding-bottom: 14rem;
    font-weight: 100
}

.torath-country-pattern {
    background-color: #efefe8
}

.torath-country-pattern h2,.torath-country-pattern p {
    color: #481249
}

.cs-molvpers .bt-ghost,.cs-molvpers .lang {
    border-color: #000 !important;
    color: #000 !important
}

.cs-molvpers .bt-ghost:hover,.cs-molvpers .lang:hover {
    background: transparent;
    border-color: #39A78E !important;
    color: #39A78E !important
}

#cs-molvpers-header-section {
    padding-top: 8rem
}

#cs-molvpers-header-section h1 {
    font-size: 60px;
    font-weight: 600;
    margin-bottom: 0
}

#cs-molvpers-header-section h2 {
    font-size: 30px;
    font-weight: 600
}

#cs-molvpers-header-section p {
    font-size: 16px
}

.cs-molvpers-content-section .bl-h2 {
    font-size: 38px;
    font-weight: 500
}

.cs-molvpers-content-section h3 {
    font-weight: 500
}

.cs-molvpers-content-section ul {
    margin-left: 40px
}

.cs-molvpers-content-section ul li {
    list-style: disc
}

.cs-large .bt-ghost,.cs-large .lang {
    border-color: #000 !important;
    color: #000 !important
}

.cs-large .bt-ghost:hover,.cs-large .lang:hover {
    background: transparent;
    border-color: #ff595b !important;
    color: #ff595b !important
}

#cs-large-header-section {
    padding-top: 8rem
}

#cs-large-header-section h1 {
    font-size: 42px;
    font-weight: 600;
    margin-bottom: 0
}

#cs-large-header-section h2 {
    font-size: 30px;
    font-weight: 600
}

#cs-large-header-section p {
    font-size: 16px
}

.cs-large-content-section .bl-h2 {
    font-size: 38px;
    font-weight: 500
}

.cs-large-content-section h3 {
    font-weight: 500
}

.cs-flat .bt-ghost,.cs-flat .lang {
    border-color: #000 !important;
    color: #000 !important
}

.cs-flat .bt-ghost:hover,.cs-flat .lang:hover {
    background: transparent;
    border-color: #ff595b !important;
    color: #ff595b !important
}

#cs-flat-header-section {
    padding-top: 8rem;
    background: #00b06c;
    color: #fff
}

#cs-flat-header-section h1 {
    font-size: 42px;
    font-weight: 600;
    margin-bottom: 0
}

#cs-flat-header-section h2 {
    font-size: 30px;
    font-weight: 600
}

#cs-flat-header-section p {
    font-size: 16px
}

.cs-flat-content-section .bl-h2 {
    font-size: 38px;
    font-weight: 500
}

.cs-flat-content-section h3 {
    font-weight: 500
}

.list-circle li {
    margin-bottom: 4rem;
    list-style-type: disc
}

.flat-footer-section {
    background: #262032
}

.flat-footer-section .cs {
    background: #38c695 !important;
    margin-right: 5px
}

.cs-3d p {
    letter-spacing: 0.1em;
    line-height: 1.8
}

.cs-3d .bt-ghost,.cs-3d .lang {
    border-color: #000 !important;
    color: #000 !important
}

.cs-3d .bt-ghost:hover,.cs-3d .lang:hover {
    background: transparent;
    border-color: #ff595b !important;
    color: #ff595b !important
}

#cs-3d-header-section {
    padding-top: 8rem;
    background-image: -moz-linear-gradient(-32deg, #f79a7b 0%, #b6527e 50%, #794b68 100%);
    background-image: -webkit-linear-gradient(-32deg, #f79a7b 0%, #b6527e 50%, #794b68 100%);
    background-image: -ms-linear-gradient(-32deg, #f79a7b 0%, #b6527e 50%, #794b68 100%);
    color: #fff
}

#cs-3d-header-section h1 {
    font-size: 42px;
    font-weight: 600;
    margin-bottom: 0
}

#cs-3d-header-section h2 {
    font-size: 30px;
    font-weight: 600
}

#cs-3d-header-section p {
    font-size: 16px
}

.cs-3d-content-section .bl-h2 {
    font-size: 38px;
    font-weight: 500
}

.cs-3d-content-section h3 {
    font-weight: 500
}

.list-circle li {
    margin-bottom: 4rem;
    list-style-type: disc
}

.cs-3d-footer-section {
    background-image: -moz-linear-gradient(-32deg, #f79a7b 0%, #b6527e 50%, #794b68 100%);
    background-image: -webkit-linear-gradient(-32deg, #f79a7b 0%, #b6527e 50%, #794b68 100%);
    background-image: -ms-linear-gradient(-32deg, #f79a7b 0%, #b6527e 50%, #794b68 100%)
}

.cs-3d-footer-section .cs {
    background: #1d1e28 !important;
    margin-right: 5px
}

.cs-3d-footer-section .cs:hover {
    color: #fff;
    background: #323446
}

@font-face {
    font-family: 'jubilatbold';
    src: url("fonts/jubilat/bold/jubilat-bold-webfont.eot");
    src: url("fonts/jubilat/bold/jubilat-bold-webfontd41d.eot?#iefix") format("embedded-opentype"),url("fonts/jubilat/bold/jubilat-bold-webfont.html") format("woff2"),url("fonts/jubilat/bold/jubilat-bold-webfont.woff") format("woff"),url("fonts/jubilat/bold/jubilat-bold-webfont.svg#jubilatbold") format("svg");
    font-weight: normal;
    font-style: normal
}

.awesome h2,.awesome h3 {
    font-family: 'Montserrat';
    font-weight: 700
}

.awesome p {
    font-family: 'Montserrat'
}

.awesome .bt-normal {
    transition: all 0.2s ease-in-out 0s;
    transform: translateY(0)
}

.awesome .bt-normal:hover {
    -moz-box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    -webkit-box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    transform: translateY(-2px)
}

.awesome .bt-ghost:hover {
    background: transparent;
    border-color: #FF6928 !important;
    color: #FF6928 !important
}

.awesome .fixed .bt-ghost {
    border: 2px solid #fff !important;
    color: #fff
}

.awesome .fixed .bt-ghost i {
    transition: .02s all ease-in
}

.awesome .fixed .bt-ghost:hover {
    background: transparent;
    border-color: #FF6928 !important;
    color: #FF6928 !important
}

.awesome .fixed .bt-ghost:hover i {
    color: #FF6928
}

.awesome .lang,.awesome .basket-lnk {
    border-color: #fff !important
}

.awesome .lang:hover,.awesome .basket-lnk:hover {
    border-color: #FF6928 !important
}

.awesome .lang:hover i,.awesome .basket-lnk:hover i {
    color: #FF6928 !important
}

#awesome-header-section {
    position: relative;
    padding-top: 14rem;
    font-weight: 100
}

#awesome-header-section * {
    color: #fff
}

#awesome-header-section h1 {
    font-family: 'Montserrat';
    font-size: 42px;
    font-weight: 600;
    margin-bottom: 60px
}

#awesome-header-section img {
    margin-bottom: 60px
}

#awesome-header-section .bt,#awesome-header-section .bt-lg,#awesome-header-section .bt-md,#awesome-header-section .bt-sm {
    margin: 0 3px
}

#awesome-header-section .buy {
    background: #f8ce0e;
    color: #000;
    -moz-box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    -webkit-box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0
}

#awesome-header-section .demo {
    background: #fff;
    color: #000;
    -moz-box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    -webkit-box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0
}

.awesome-gradient-section {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmNjkyOCIvPjxzdG9wIG9mZnNldD0iMTElIiBzdG9wLWNvbG9yPSIjZmY2OTI4Ii8+PHN0b3Agb2Zmc2V0PSI1MSUiIHN0b3AtY29sb3I9IiNmZjQ2NWYiLz48c3RvcCBvZmZzZXQ9IjkxJSIgc3RvcC1jb2xvcj0iIzhmNDVmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzhmNDVmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff6928),color-stop(11%, #ff6928),color-stop(51%, #ff465f),color-stop(91%, #8f45ff),color-stop(100%, #8f45ff));
    background-image: -moz-linear-gradient(top, #ff6928 0%,#ff6928 11%,#ff465f 51%,#8f45ff 91%,#8f45ff 100%);
    background-image: -webkit-linear-gradient(top, #ff6928 0%,#ff6928 11%,#ff465f 51%,#8f45ff 91%,#8f45ff 100%);
    background-image: linear-gradient(to bottom, #ff6928 0%,#ff6928 11%,#ff465f 51%,#8f45ff 91%,#8f45ff 100%)
}

.awesome-gradient-section h2 {
    font-size: 46px
}

.awesome-gradient-section p {
    margin-bottom: 4rem
}

.awesome-gradient-section .block figure {
    margin-bottom: 2rem
}

.awesome-second-section .cart-block figure {
    margin-bottom: 0
}

.awesome-second-section {
    background: #22242A
}

.awesome-third-section1 {
    background: url(img/store/awesome/awesome-head-bg.png) top center #22242A
}

.awesome-third-section {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmNjkyOCIvPjxzdG9wIG9mZnNldD0iMTElIiBzdG9wLWNvbG9yPSIjZmY2OTI4Ii8+PHN0b3Agb2Zmc2V0PSI1MSUiIHN0b3AtY29sb3I9IiNmZjQ2NWYiLz48c3RvcCBvZmZzZXQ9IjkxJSIgc3RvcC1jb2xvcj0iIzhmNDVmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzhmNDVmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff6928),color-stop(11%, #ff6928),color-stop(51%, #ff465f),color-stop(91%, #8f45ff),color-stop(100%, #8f45ff));
    background-image: -moz-linear-gradient(top, #ff6928 0%,#ff6928 11%,#ff465f 51%,#8f45ff 91%,#8f45ff 100%);
    background-image: -webkit-linear-gradient(top, #ff6928 0%,#ff6928 11%,#ff465f 51%,#8f45ff 91%,#8f45ff 100%);
    background-image: linear-gradient(to bottom, #ff6928 0%,#ff6928 11%,#ff465f 51%,#8f45ff 91%,#8f45ff 100%)
}

.awesome-fourth-section {
    background: #22242A
}

.awesome-fourth-section .block figure {
    float: left;
    margin-right: 40px
}

.awesome-fourth-section img {
    margin-bottom: -4px
}

.awesome-fourth-section .demo {
    background: #f8ce0e;
    color: #000;
    margin: 0 2px;
    -moz-box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    -webkit-box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0
}

.awesome-fifth-section {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhmNDVmZiIvPjxzdG9wIG9mZnNldD0iMTYlIiBzdG9wLWNvbG9yPSIjOGY0NWZmIi8+PHN0b3Agb2Zmc2V0PSI3NSUiIHN0b3AtY29sb3I9IiNmZjQ2NWYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjY5MjgiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #8f45ff),color-stop(16%, #8f45ff),color-stop(75%, #ff465f),color-stop(100%, #ff6928));
    background-image: -moz-linear-gradient(top, #8f45ff 0%,#8f45ff 16%,#ff465f 75%,#ff6928 100%);
    background-image: -webkit-linear-gradient(top, #8f45ff 0%,#8f45ff 16%,#ff465f 75%,#ff6928 100%);
    background-image: linear-gradient(to bottom, #8f45ff 0%,#8f45ff 16%,#ff465f 75%,#ff6928 100%)
}

.awesome-fifth-section .block figure {
    float: left;
    margin-right: 40px
}

.awesome-sixth-section {
    background: #22242A;
    color: #95a9c1
}

.awesome-seventh-section {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhmNDVmZiIvPjxzdG9wIG9mZnNldD0iMTElIiBzdG9wLWNvbG9yPSIjOGY0NWZmIi8+PHN0b3Agb2Zmc2V0PSI1MiUiIHN0b3AtY29sb3I9IiNmZjQ2NWYiLz48c3RvcCBvZmZzZXQ9IjkxJSIgc3RvcC1jb2xvcj0iI2ZmNjkyOCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmNjkyOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #8f45ff),color-stop(11%, #8f45ff),color-stop(52%, #ff465f),color-stop(91%, #ff6928),color-stop(100%, #ff6928));
    background-image: -moz-linear-gradient(left, #8f45ff 0%,#8f45ff 11%,#ff465f 52%,#ff6928 91%,#ff6928 100%);
    background-image: -webkit-linear-gradient(left, #8f45ff 0%,#8f45ff 11%,#ff465f 52%,#ff6928 91%,#ff6928 100%);
    background-image: linear-gradient(to right, #8f45ff 0%,#8f45ff 11%,#ff465f 52%,#ff6928 91%,#ff6928 100%)
}

.awesome-seventh-section .price {
    display: block;
    font-size: 120px;
    font-weight: 500;
    margin-bottom: 20px
}

.awesome-seventh-section .bt-normal {
    background: #f8ce0e;
    color: #000;
    font-size: 20px;
    font-weight: 600;
    padding: 2rem 5rem;
    text-transform: uppercase;
    -moz-box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    -webkit-box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0
}

.awesome-seventh-section .bt-normal i {
    margin: 0 10px 0 0
}

.awesome-eighth-section {
    background: #1b1f24;
    color: #95a9c1
}

.awesome-eighth-section h2,.awesome-eighth-section h3 {
    color: #fff
}

.awesome-ninth-section {
    background: #22242A
}

.awesome-ninth-section img {
    margin-bottom: -4px
}

.awesome-last-section {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhmNDVmZiIvPjxzdG9wIG9mZnNldD0iMTElIiBzdG9wLWNvbG9yPSIjOGY0NWZmIi8+PHN0b3Agb2Zmc2V0PSI1MiUiIHN0b3AtY29sb3I9IiNmZjQ2NWYiLz48c3RvcCBvZmZzZXQ9IjkxJSIgc3RvcC1jb2xvcj0iI2ZmNjkyOCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmNjkyOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #8f45ff),color-stop(11%, #8f45ff),color-stop(52%, #ff465f),color-stop(91%, #ff6928),color-stop(100%, #ff6928));
    background-image: -moz-linear-gradient(left, #8f45ff 0%,#8f45ff 11%,#ff465f 52%,#ff6928 91%,#ff6928 100%);
    background-image: -webkit-linear-gradient(left, #8f45ff 0%,#8f45ff 11%,#ff465f 52%,#ff6928 91%,#ff6928 100%);
    background-image: linear-gradient(to right, #8f45ff 0%,#8f45ff 11%,#ff465f 52%,#ff6928 91%,#ff6928 100%)
}

.awesome-last-section img {
    margin-bottom: 30px
}

.awesome-last-section span {
    display: block;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 4rem
}

.awesome-last-section p {
    font-size: 18px;
    font-weight: 400
}

.awesome-last-section .price {
    display: block;
    font-size: 68px;
    font-weight: 500;
    margin-bottom: 0
}

.awesome-last-section .bt,.awesome-last-section .bt-lg,.awesome-last-section .bt-md,.awesome-last-section .bt-sm {
    font-weight: 600;
    text-transform: uppercase;
    padding: 1.6rem 3.2rem
}

.awesome-last-section .bt-normal {
    background: #000;
    border: 2px solid #000;
    color: #fff;
    margin-right: 10px
}

.awesome-last-section .bt-normal i {
    margin: 0 10px 0 0
}

.awesome-last-section .bt-normal:hover {
    color: #fff;
    -moz-box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    -webkit-box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0
}

.awesome-last-section .bt-ghost {
    border-color: #000;
    color: #000
}

.awesome-last-section .bt-ghost:hover {
    border-color: #000 !important;
    color: #000 !important;
    -moz-box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    -webkit-box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0
}

.awesome-cart-block {
    display: block;
    background: rgba(255,255,255,0.015);
    padding: 70px;
    margin-bottom: 60px;
    -moz-box-shadow: 0 10px 35px 5px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 10px 35px 5px rgba(0,0,0,0.2);
    box-shadow: 0 10px 35px 5px rgba(0,0,0,0.2)
}

.awesome-cart-block h4 {
    color: #fff;
    font-size: 20px;
    margin-bottom: 4rem
}

.awesome-cart-block img {
    width: 100%;
    height: auto
}

.awesome-cart-block:hover h4 {
    color: #ff3b30
}

.dandy h1,.dandy h2,.dandy h3 {
    font-weight: 700
}

.dandy .bt-ghost,.dandy .lang,.dandy .basket-lnk {
    border-color: #fff !important
}

.dandy .bt-ghost:hover,.dandy .lang:hover,.dandy .basket-lnk:hover {
    background: transparent;
    border-color: rgba(0,0,0,0.8) !important;
    color: rgba(0,0,0,0.8) !important
}

.dandy .fixed .bt-ghost {
    border: 2px solid #fff !important;
    color: #fff
}

.dandy .fixed .bt-ghost i {
    transition: .02s all ease-in
}

.dandy .fixed .bt-ghost:hover {
    background: transparent;
    border-color: #38D561 !important;
    color: #38D561 !important
}

.dandy .fixed .bt-ghost:hover i {
    color: #38D561
}

.dandy .fixed .lang,.dandy .fixed .basket-lnk {
    border-color: #fff !important
}

.dandy .fixed .lang:hover,.dandy .fixed .basket-lnk:hover {
    border-color: #38D561 !important
}

.dandy .fixed .lang:hover i,.dandy .fixed .basket-lnk:hover i {
    color: #38D561 !important
}

#dandy-header-section {
    position: relative;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuOTUyNzkiIHkxPSIxLjAzOTYxNCIgeDI9IjAuMDQ3MjEiIHkyPSItMC4wMzk2MTQiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM0MmRjZmQiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzN2Q1NTUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: -moz-linear-gradient(130deg, #42dcfd,#37d555);
    background-image: -webkit-linear-gradient(130deg, #42dcfd,#37d555);
    background-image: linear-gradient(-40deg, #42dcfd,#37d555);
    padding-top: 14rem;
    padding-bottom: 14rem;
    font-weight: 100
}

#dandy-header-section * {
    color: #fff
}

#dandy-header-section h1 {
    font-family: 'jubilatbold';
    font-size: 92px;
    font-weight: 100;
    margin-bottom: 3rem
}

#dandy-header-section span {
    display: block;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 4rem
}

#dandy-header-section p {
    font-size: 18px;
    font-weight: 400
}

#dandy-header-section img {
    margin-top: 6rem;
    margin-bottom: 4rem
}

#dandy-header-section .mock {
    margin-bottom: -400px;
    position: relative;
    z-index: 2
}

#dandy-header-section .bt,#dandy-header-section .bt-lg,#dandy-header-section .bt-md,#dandy-header-section .bt-sm {
    margin: 0 3px;
    text-transform: uppercase
}

#dandy-header-section .buy {
    background: #27273d;
    color: #3ed9b6
}

#dandy-header-section .demo {
    background: #fff;
    color: #000
}

.dandy-first-section {
    background: #20202e;
    color: #9c9cb3;
    padding-top: 260px
}

.dandy-first-section h1 {
    color: #3ed9b6
}

.dandy-second-section {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuOTUyNzkiIHkxPSIxLjAzOTYxNCIgeDI9IjAuMDQ3MjEiIHkyPSItMC4wMzk2MTQiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZjhiMWUiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjVlNWUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: -moz-linear-gradient(130deg, #ff8b1e,#ff5e5e);
    background-image: -webkit-linear-gradient(130deg, #ff8b1e,#ff5e5e);
    background-image: linear-gradient(-40deg, #ff8b1e,#ff5e5e)
}

.dandy-second-section .mock {
    margin-bottom: -4px
}

.dandy-fourth-section {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuOTUyNzkiIHkxPSIxLjAzOTYxNCIgeDI9IjAuMDQ3MjEiIHkyPSItMC4wMzk2MTQiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZjhiMWUiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjVlNWUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: -moz-linear-gradient(130deg, #ff8b1e,#ff5e5e);
    background-image: -webkit-linear-gradient(130deg, #ff8b1e,#ff5e5e);
    background-image: linear-gradient(-40deg, #ff8b1e,#ff5e5e)
}

.dandy-fifth-section {
    background: #1c1c29
}

.dandy-sixth-section {
    background: #20202e
}

.dandy-sixth-section .mock {
    margin-bottom: -4px
}

.dandy-eigh-section {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuOTUyNzkiIHkxPSIxLjAzOTYxNCIgeDI9IjAuMDQ3MjEiIHkyPSItMC4wMzk2MTQiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZjdjYWMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjJkMmQiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: -moz-linear-gradient(130deg, #ff7cac,#ff2d2d);
    background-image: -webkit-linear-gradient(130deg, #ff7cac,#ff2d2d);
    background-image: linear-gradient(-40deg, #ff7cac,#ff2d2d)
}

.dandy-last-section {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuOTUyNzkiIHkxPSIxLjAzOTYxNCIgeDI9IjAuMDQ3MjEiIHkyPSItMC4wMzk2MTQiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM0MmRjZmQiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzN2Q1NTUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: -moz-linear-gradient(130deg, #42dcfd,#37d555);
    background-image: -webkit-linear-gradient(130deg, #42dcfd,#37d555);
    background-image: linear-gradient(-40deg, #42dcfd,#37d555)
}

.dandy-last-section .bt,.dandy-last-section .bt-lg,.dandy-last-section .bt-md,.dandy-last-section .bt-sm {
    margin: 0 3px;
    text-transform: uppercase
}

.dandy-last-section .buy {
    background: #27273d;
    color: #3ed9b6 !important
}

.dandy-last-section .demo {
    background: #fff;
    color: #000
}

.lino .bt-normal {
    transition: all 0.2s ease-in-out 0s;
    transform: translateY(0)
}

.lino .bt-normal:hover {
    -moz-box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    -webkit-box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    transform: translateY(-2px)
}

.lino .bt-ghost,.lino .lang,.lino .basket-lnk {
    border-color: #fff !important
}

.lino .bt-ghost:hover,.lino .lang:hover,.lino .basket-lnk:hover {
    background: transparent;
    border-color: rgba(0,0,0,0.8) !important;
    color: rgba(0,0,0,0.8) !important
}

.lino .fixed .bt-ghost {
    border: 2px solid #fff !important;
    color: #fff
}

.lino .fixed .bt-ghost i {
    transition: .02s all ease-in
}

.lino .fixed .bt-ghost:hover {
    background: transparent;
    border-color: #D4150D !important;
    color: #D4150D !important
}

.lino .fixed .bt-ghost:hover i {
    color: #D4150D
}

.lino .fixed .lang,.lino .fixed .basket-lnk {
    border-color: #fff !important
}

.lino .fixed .lang:hover,.lino .fixed .basket-lnk:hover {
    border-color: #D4150D !important
}

.lino .fixed .lang:hover i,.lino .fixed .basket-lnk:hover i {
    color: #D4150D !important
}

#res-lino-header-section {
    position: relative;
    background: url(img/resources/lino/lino-head-bg.png) top center #d4150d;
    padding-top: 14rem;
    padding-bottom: 14rem;
    font-weight: 100
}

#res-lino-header-section * {
    color: #fff
}

#res-lino-header-section h1 {
    font-size: 120px;
    font-weight: 100
}

#res-lino-header-section span {
    display: block;
    font-size: 18px;
    letter-spacing: 12px;
    text-transform: uppercase;
    margin-bottom: 4rem
}

#res-lino-header-section p {
    font-size: 17px
}

#res-lino-header-section img {
    margin-bottom: 4rem
}

#res-lino-header-section .mock {
    margin-bottom: -530px;
    position: relative;
    z-index: 2
}

.lino-first-section {
    background: #ffbf06;
    padding-top: 440px
}

.lino-first-section h2 {
    font-size: 96px;
    font-weight: 100
}

.lino-first-section p {
    letter-spacing: 2px;
    margin-bottom: 4rem
}

.lino-first-section a {
    width: 180px;
    margin: 0 5px
}

.lino-first-section .bt-normal {
    background: #d51a12 !important;
    border: 2px solid #d51a12
}

.lino-first-section img {
    position: relative;
    left: calc(50% - 1130px)
}

.lino-second-section {
    background: url(img/resources/lino/lino-mock2-bg.png) top center #d4150d
}

.lino-second-section * {
    color: #fff
}

.lino-second-section .block-header h2 {
    font-size: 96px;
    font-weight: 100
}

.lino-second-section .block-header h3 {
    font-size: 48px;
    font-weight: 500;
    margin-bottom: 4rem
}

.lino-second-section .block-header .bt-normal {
    background: #ffbf06 !important;
    border: 2px solid #ffbf06;
    color: #000;
    -moz-box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    -webkit-box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0;
    box-shadow: rgba(0,0,0,0.08) 0 0 20px 0,rgba(0,0,0,0.08) 0 6px 6px 0
}

.lino-third-section {
    background: #0ac8fb
}

.lino-third-section * {
    color: #fff
}

.lino-last-section {
    background: #1b1d1f
}

.lino-last-section * {
    color: #938484
}

.lino-last-section .bl-h2 {
    color: #d51a12;
    font-size: 60px;
    font-weight: 100
}

.lino-last-section span {
    display: block;
    font-size: 24px;
    font-weight: 100;
    letter-spacing: 10px;
    margin-bottom: 4rem
}

.lino-last-section p {
    font-size: 30px;
    font-weight: 100
}

.lino-last-section .bt-normal {
    color: #fff;
    margin: 0 5px;
    font-size: 16px;
    width: 200px
}

.lino-last-section .buy {
    background: #d51a12
}

.lino-last-section .sample {
    background: #ffbf06
}

.quote {
    color: #fff;
    text-align: left;
    max-width: 1200px;
    transition: all ease-in-out 300ms
}

.quote i {
    font-size: 120px;
    white-space: nowrap;
    line-height: 1px;
    display: block;
    transition: all ease-in-out 300ms;
    transform: translateX(20%);
    transition-delay: 0.5s;
    opacity: 0;
    float: left;
    margin-right: 8rem;
    display: inline-block;
    margin-top: 15px
}

.quote .content {
    overflow: hidden
}

.quote p {
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 3rem !important;
    transition: all ease-in-out 300ms;
    transform: translateX(20%);
    transition-delay: 0.7s;
    opacity: 0;
    line-height: 1.3
}

.quote span {
    display: block;
    transition: all ease-in-out 300ms;
    transform: translateX(20%);
    transition-delay: 0.9s;
    opacity: 0;
    font-size: 14px
}

.present .quote i {
    opacity: 1;
    transform: translateX(0)
}

.present .quote p {
    opacity: 1;
    transform: translateX(0)
}

.present .quote span {
    opacity: 1;
    transform: translateX(0)
}

body .reveal .controls .navigate-right {
    font-family: 'bi-font';
    width: 40px;
    height: 40px;
    border: 2px solid white;
    border-radius: 50%;
    content: '\e806'
}

.quote-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 55;
    padding: 40px 0
}

.quote-footer h1 {
    margin: 0;
    float: left;
    font-size: 2.4rem
}

.quote-nav {
    float: right;
    color: #fff
}

.quote-nav a {
    width: 32px;
    height: 32px;
    line-height: 27px;
    text-align: center;
    border: 2px solid white;
    border-radius: 50%;
    display: inline-block;
    margin-left: 10px
}

.quote-nav a i {
    font-size: 20px
}

body .reveal .slide-number {
    text-align: center;
    width: 64px;
    height: 32px;
    text-align: center;
    line-height: 31px;
    padding: 0;
    border-radius: 100px;
    margin: 0;
    font-size: 10px;
    position: absolute;
    right: calc(50% - 15px);
    margin-bottom: 32px
}

.new-grad1 {
    background: #08c1a0 linear-gradient(45deg, #08c1a0,#50f17a)
}

.new-grad2 {
    background: #7b80de linear-gradient(45deg, #7076eb,#8fb1ff)
}

.new-grad3 {
    background: #ffa05a linear-gradient(45deg, #ff795a,#ffcb8d)
}

.new-grad4 {
    background: #c284fc linear-gradient(45deg, #b878f4,#f490de)
}

.new-grad5 {
    background: #00b4ff linear-gradient(45deg, #009cff,#4bd3ff)
}

.reveal .progress span {
    animation: 1s linear 0s normal none infinite running bi-gradient;
    background: transparent linear-gradient(to right, #6cc9ff,#ff6779,#fcc645,#ff6779,#6cc9ff,#ff6779) repeat scroll 0 0/500% auto
}

.reveal.overview .quote {
    max-width: 100%
}

.reveal.overview .quote i {
    opacity: 1;
    transform: translateX(0)
}

.reveal.overview .quote p {
    opacity: 1;
    transform: translateX(0);
    font-size: 68px !important
}

.reveal.overview .quote span {
    opacity: 1;
    transform: translateX(0)
}

.reveal.overview .slides>section {
    padding: 100px
}

.grid-open {
    color: #fff;
    font-size: 18px;
    display: block;
    vertical-align: text-top;
    float: left;
    overflow: hidden;
    margin: 10px 0 0 30px;
    cursor: pointer
}

.quote-card {
    margin-bottom: 0;
    color: #fff;
    padding: 40px
}

.quote-card blockquote {
    padding: 0;
    margin: 0
}

.quote-card i {
    float: left;
    margin-right: 3rem;
    font-size: 30px
}

.quote-card .content {
    overflow: hidden
}

.quote-card .content p {
    font-weight: 400;
    font-size: 20px
}

#down-nav a.active {
    color: #ff3b30
}

#fsvs-body .inner-content h2 {
    transition: all ease-in-out 400ms;
    transform: translateY(-50%);
    opacity: 0;
    transition-delay: 0.5s
}

#fsvs-body .inner-content h2 small {
    transition: all ease-in-out 400ms;
    transform: translateY(-50%);
    opacity: 0;
    transition-delay: 0.9s
}

#fsvs-body .inner-content p {
    transition: all ease-in-out 400ms;
    transform: translateY(-50%);
    opacity: 0;
    transition-delay: 0.7s;
    font-weight: 400
}

#fsvs-body .active-slide .inner-content h2 {
    transform: none;
    opacity: 1
}

#fsvs-body .active-slide .inner-content h2 small {
    transform: none;
    opacity: 1
}

#fsvs-body .active-slide .inner-content p {
    transform: none;
    opacity: 1
}
.new-post-body img {
    display: block;
    height: auto;
    margin-right: 0%;
    width: 104%;
    max-width: 100vw;
    margin-top: -17px;
    }
    
@media only screen and (min-width: 251px){
        
     html, body {
    height: 100%;
    width: 100%;
    margin: 0;
    margin-top: -52px;
    }
    }
@media only screen and (min-width: 319px){
        
     html, body {
    height: 100%;
    width: 100%;
    margin: 0;
    margin-top: 0px;
    }
    }
    
@media only screen and (min-width: 992px){
        
     html, body {
    height: 100%;
    width: 100%;
    margin: 0;
    margin-top: -35px;
    }
    }

@media only screen and (min-width: 320px) and (max-width: 479px) {
    .logo-txt {
        display:none
    }

    .home-slide {
        min-height: auto;
        padding-bottom: 14rem;
        padding-top: 0
    }

    .home-slide h1 {
        font-size: 4rem
    }

    .headline.clip p.is-visible {
        font-size: 2rem
    }

    .paragraph-dialogic p {
        font-size: 2rem
    }

    .content-wrapper,footer {
        padding-top: 8rem;
        padding-bottom: 4rem
    }

    .bt-lg {
        font-size: 1.4rem;
        padding: 1rem 2rem
    }

    .bl-h2 {
        font-size: 3.2rem
    }

    .cart-detail h4 {
        font-size: 1.6rem
    }

    .third ul li {
        width: 50%
    }

    .social a {
        font-size: 1.2rem;
        margin-right: 13px
    }

    #header-content {
        padding-bottom: 4rem;
        padding-top: 8rem
    }

    #header-content h1 {
        font-size: 3.6rem
    }

    #header-content p {
        font-size: 1.4rem
    }

    .approach,.approach-block {
        margin: 0
    }

    .approach-row {
        margin-bottom: 4rem
    }

    .time-line {
        padding-left: 4rem
    }

    .guideline #header-content {
        padding-top: 2rem
    }

    .sticky-grid .mb-120 {
        margin-bottom: 0 !important
    }

    .guideline h1 {
        font-size: 50px !important
    }

    .guideline h2 {
        font-size: 20px
    }

    .career-block {
        padding: 3rem
    }

    .career-block h2 {
        font-size: 2.6rem
    }

    .career-block h3 {
        font-size: 2rem
    }

    .bank-block {
        padding: 5rem 4rem
    }

    .bank-thumb {
        float: none;
        margin: 0 auto 30px
    }

    .bank-info {
        text-align: center
    }

    .bank-info ul li strong {
        display: block
    }

    .paragraph-dialogic h2 {
        font-size: 2.4rem
    }

    #posts_grid .titled h1 {
        font-size: 5rem;
        text-align: center
    }

    .works-menu {
        text-align: center
    }

    .works-menu ul li {
        margin: 0 0.3rem 0.9rem
    }

    .works-menu ul li a {
        border: 1px solid #000;
        border-radius: 4px;
        font-size: 1.3rem;
        padding: 5px 12px
    }

    .works-menu ul li a::before {
        display: none
    }

    .works-menu ul li a:hover,.works-menu ul li.current-menu-item a {
        border-color: #ff3b30;
        color: #ff3b30
    }

    .works-description,#posts_grid .titled,#posts_grid .sm-sizer,#posts_grid .md-vertical-sizer,#posts_grid .md-horizontal-sizer,#posts_grid .lg-sizer {
        width: 100%;
        text-align: center
    }

    #posts_grid .titled {
        margin-bottom: 40px
    }

    .share-container .bt-lg.bt-normal {
        font-size: 14px;
        height: 40px;
        padding: 1rem 2.5rem
    }

    .share-item,.share-open-button {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 14px
    }

    .share-open:checked ~ .share-item:nth-child(3) {
        transform: translate3d(2.064px, -60px, 0px)
    }

    .share-open:checked ~ .share-item:nth-child(4) {
        transform: translate3d(49.2926px, -39.9816px, 0px)
    }

    .share-open:checked ~ .share-item:nth-child(5) {
        transform: translate3d(49.2926px, 39.9816px, 0px)
    }

    .share-open:checked ~ .share-item:nth-child(6) {
        transform: translate3d(0.06371px, 60px, 0px)
    }

    .share-open:checked ~ .share-item:nth-child(7) {
        transform: translate3d(-49.2289px, 40.0919px, 0px)
    }

    .share-open:checked ~ .share-item:nth-child(8) {
        transform: translate3d(-49.3562px, -39.8712px, 0px)
    }

    .post-block {
        margin-bottom: 8rem
    }

    .post-content h2 {
        font-size: 2.8rem
    }

    .cart-detail h3 {
        font-size: 1.6rem
    }

    .torath-logo span.bottom {
        font-size: 18px
    }

    .torath-footer-section .torath-logo span.bottom {
        font-size: 13px
    }

    .bt-normal {
        margin-bottom: 10px
    }

    #res-calendar-header1 h1,#res-calendar-header2 h1,#res-calendar-footer h1 {
        font-size: 42px
    }

    #res-calendar-header1 h1 {
        margin: 6rem 0 2rem
    }

    [id*='res-calendar-'] {
        padding: 8rem 0
    }

    [id*='res-calendar-'] .block {
        text-align: center
    }

    #res-calendar-header1 {
        padding-bottom: 0
    }

    #res-calendar-header2 p,#res-calendar-footer p {
        font-size: 16px
    }

    #res-apple-features-section,#res-apple-elements-section,res-apple-download-section {
        padding: 8rem 0
    }

    .spacing-row {
        padding: 0
    }

    .spacing-row h1 {
        font-size: 4rem
    }

    #res-apple-home-section img {
        margin: 4rem auto -3.4rem
    }

    #res-apple-home-section h1 {
        font-size: 3rem
    }

    #res-apple-home-section {
        padding-bottom: 4rem
    }

    #res-thousands-header-section {
        padding-top: 6rem
    }

    #res-thousands-header-section #header-content h1 {
        font-size: 40px
    }

    #res-thousands-header-section {
        padding-bottom: 0
    }

    .thousands-fourth-section {
        background: #e7bf37
    }

    .thousands-first-section h2,.thousands-fourth-section h2,.thousands-sixth-section h2 {
        font-size: 60px
    }

    #res-more-header-section .header-block h1 {
        font-size: 90px
    }

    .more-container .block-header {
        padding-bottom: 0
    }

    .more-seventh-section .faq,.turbo-eight-section .faq,.femto-fifth-section .faq {
        padding: 4rem;
        box-shadow: none;
        margin: 0 15px
    }

    #res-turbo-header-section .header-block h1 {
        font-size: 40px
    }

    .turbo-end-section h2 {
        font-size: 30px
    }

    #res-femto-header-section .header-block h1 {
        font-size: 68px;
        letter-spacing: -2px
    }

    #res-femto-header-section .header-block p,.femto-sixth-section p {
        font-size: 18px
    }

    #res-femto-header-section .header-block .download {
        margin-bottom: 10px
    }

    .femto-first-section .properties .properties-item {
        padding: 8rem 0
    }

    .femto-container h2 {
        font-size: 3.8rem
    }

    .block-header {
        padding-bottom: 4rem
    }

    #res-blobs-header-section {
        min-height: inherit
    }

    #res-blobs-header-section .header-block h1 {
        font-size: 68px
    }

    #res-blobs-header-section .header-block h3 {
        font-size: 20px
    }

    .blobs-first-section .bl-p {
        font-size: 18px
    }

    .blobs-eighth-section .block-header span {
        bottom: 65px
    }

    .blobs-last-section .bl-h2 {
        font-size: 46px
    }

    #res-arab-header-section h1,#res-arab-header2-section h1 {
        font-size: 38px
    }

    #res-arab-header2-section h1 {
        font-size: 28px;
        margin-bottom: 40px
    }

    #res-arab-header-section .subtitle,#res-arab-header2-section .subtitle,#res-arab-header2-section .subtitle {
        font-size: 15px;
        margin-bottom: 4rem
    }

    #res-arab-header-section p,#res-arab-header2-section p,#res-arab-header2-section p {
        font-size: 16px
    }

    #res-arab-header-section,#res-arab-header2-section {
        padding: 14rem 0 0
    }

    #res-arab-header2-section {
        padding: 8rem 0
    }

    .arab-character {
        padding: 8rem 0
    }

    .arab-character img {
        margin-bottom: 30px
    }

    .character-cs section {
        padding: 8rem 0 !important
    }

    #arab-header-section {
        padding: 14rem 0 !important
    }

    #arab-header-section h1 {
        font-size: 38px
    }

    #arab-header-section span {
        font-size: 14px;
        letter-spacing: 13px;
        margin-bottom: 5rem
    }

    #arab-header-section p,#res-arab-footer-section p {
        font-size: 16px
    }

    #arab-details-section .note {
        padding: 4rem
    }

    #arab-direction-section .quote {
        font-size: 18px;
        margin-bottom: 0
    }

    .character-cs .mt-100 {
        margin-top: 4rem !important
    }

    .character-cs .mb-100 {
        margin-bottom: 4rem !important
    }

    #cs-icons-header-section span {
        font-size: 18px
    }

    .cs-icons-first-section .bl-h2,.cs-icons-third-section .bl-h2 {
        font-size: 28px
    }

    .cs-icons-first-section img {
        margin: 0
    }

    .cs-icons-end-section p {
        font-size: 26px;
        line-height: 36px
    }

    .item-block {
        padding: 1rem 1.5rem;
        text-align: left
    }

    .item-block h4,.item-block span {
        font-size: 13px;
        display: inline-block;
        margin: 0
    }

    .item-block span {
        display: none
    }

    .closeBtn,.overlay .overlay-close,.overlay .sub-close,.overlay .overlay-close,.overlay .sub-close {
        top: 28px;
        right: calc(50% - 16px)
    }

    .item-block.lg-item {
        padding: 2rem
    }

    .item-block.lg-item h2 {
        margin: 0;
        display: inline-block
    }

    .item-block.lg-item h2,.item-block.lg-item span {
        font-size: 16px;
        margin-right: 15px
    }

    .overlay-msg-container {
        padding: 4rem 3rem
    }

    .overlay-msg-container h2 {
        font-size: 5rem
    }

    .fs-title .bi-logo {
        font-size: 22px
    }

    .fs-title h1 {
        display: inline-block;
        float: none;
        font-size: 16px;
        font-weight: 500;
        margin: 0 0 0 10px !important
    }

    .fs-numbers {
        font-size: 1.2em;
        margin-top: 28px;
        width: 38px
    }

    .fs-fields>li label.fs-field-label {
        font-size: 14px
    }

    .fs-form {
        top: 3em
    }

    .fs-message-error {
        font-size: 1em;
        bottom: auto
    }

    .fs-fields textarea {
        height: 130px
    }

    .dropzone.dz-clickable .dz-message span {
        font-size: 12px
    }

    #add_more_colors {
        font-size: 26px;
        width: 50px;
        height: 50px;
        line-height: 50px;
        margin: 5px;
        padding: 0
    }

    .cs-skin-boxes>span {
        width: 50px;
        height: 50px
    }

    .fs-form-overview .fs-fields>li label.fs-field-label {
        font-size: 14px;
        padding: 0 5px 5px 0
    }

    .fs-fields>li .fs-radio-custom label {
        font-size: 14px;
        padding: 8px 16px
    }

    .search-input-wrapper .search-input {
        font-size: 24px;
        padding: 0 36px 0 0;
        height: 68px
    }

    .search-input-wrapper .search-reset {
        top: 20px;
        right: 0
    }

    #search-overLay .content-wrapper {
        padding: 20px 0 0 0
    }

    .search_posts .posts {
        margin-bottom: 0
    }

    .posts .block {
        margin: 0
    }

    .posts .bt-link h4 {
        font-size: 13px;
        text-align: left
    }

    .presentation-wrapper iframe,.resource-molvpers iframe,.cs-molvpers iframe {
        height: 160px;
        width: 100%
    }

    .cs-molvpers h2,.resource-molvpers h2 {
        font-size: 22px !important
    }

    #resources-molvpers-header-section h1,#resources-molvpers-footer-section h1 {
        letter-spacing: -2px
    }

    .img-out img {
        margin-bottom: 80px
    }

    .resource-large img {
        max-width: 100%
    }

    #res-dimensions-header-section .mt-200 {
        margin-top: 0 !important
    }

    #res-dimensions-header-section .header-mock img {
        float: none;
        max-width: 100%
    }

    #res-dimensions-end-section {
        padding-bottom: 50rem
    }

    #res-dimensions-end-section .mt-100 {
        margin-top: 0 !important
    }

    #res-dimensions-end-section h1 {
        font-size: 3.6rem
    }

    .quote-block {
        padding: 4rem
    }

    .quote-block h3 {
        font-size: 30px
    }

    .quote {
        padding-top: 30px !important
    }

    .quote i {
        font-size: 20px;
        margin-bottom: 1rem;
        margin-top: 5px;
        float: none
    }

    .quote p {
        font-size: 20px !important
    }

    body #fsvs-body .outer-content {
        display: block;
        padding: 120px 20px 0 60px
    }

    body #fsvs-body .inner-content {
        width: 100%
    }

    body #fsvs-body .inner-content h2 {
        font-size: 26px
    }

    body #fsvs-body .inner-content p {
        font-size: 16px
    }

    body #fsvs-body .inner-content h2 small {
        left: auto;
        position: relative;
        font-size: 26px
    }
    .new-post-body img {
    display: block;
    height: auto;
    margin-right: 0%;
    width: 100%;
    max-width: 100vw;
    margin-top: -121px;
    }
    html, body {
    height: 100%;
    width: 100%;
    margin: 0;
    /* margin-top: 0px; */
}
    
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    body #fsvs-body .outer-content {
        display:block;
        padding: 120px 60px 0
    }

    body #fsvs-body .inner-content {
        width: 100%
    }

    body #fsvs-body .inner-content h2 {
        font-size: 36px
    }

    body #fsvs-body .inner-content p {
        font-size: 20px
    }

    body #fsvs-body .inner-content h2 small {
        left: auto;
        position: relative;
        font-size: 36px
    }

    .quote {
        padding-top: 30px !important
    }

    .quote i {
        font-size: 40px;
        margin-right: 2rem;
        margin-top: 5px
    }

    .quote p {
        font-size: 24px !important
    }

    .home-slide {
        min-height: auto;
        padding-bottom: 14rem;
        padding-top: 0
    }

    .home-slide h1 {
        font-size: 5rem
    }

    .headline.clip p.is-visible {
        font-size: 2.8rem
    }

    .paragraph-dialogic p {
        font-size: 2rem
    }

    .content-wrapper,footer {
        padding-top: 8rem;
        padding-bottom: 4rem
    }

    .bl-h2 {
        font-size: 3.2rem
    }

    .cart-detail h4 {
        font-size: 1.6rem
    }

    #header-content {
        padding-bottom: 4rem;
        padding-top: 8rem
    }

    #header-content h1 {
        font-size: 4.6rem
    }

    #header-content p {
        font-size: 1.8rem
    }

    .approach,.approach-block {
        margin: 0
    }

    .approach-row {
        margin-bottom: 4rem
    }

    .time-line-year span:first-child {
        font-size: 3rem;
        left: 70px;
        top: -47px
    }

    .time-line-year span:last-child {
        bottom: -26px;
        font-size: 1.4rem;
        left: 65px
    }

    .sticky-grid .mb-120 {
        margin-bottom: 0 !important
    }

    .guideline h1 {
        font-size: 60px !important
    }

    .guideline h2 {
        font-size: 30px
    }

    .career-block {
        padding: 5rem
    }

    .bank-block {
        padding: 5rem 4rem
    }

    .bank-thumb {
        float: none;
        margin: 0 auto 30px
    }

    .bank-info {
        text-align: center
    }

    .bank-info ul li strong {
        display: block
    }

    .paragraph-dialogic h2 {
        font-size: 2.4rem
    }

    .hosting-plan-block .plan-price .plan-value {
        font-size: 4rem
    }

    #posts_grid .titled h1 {
        font-size: 5rem;
        text-align: center
    }

    .works-menu {
        text-align: center
    }

    .works-menu ul li {
        margin: 0 0.8rem
    }

    .works-menu ul li a {
        font-size: 1.4rem
    }

    .works-description,#posts_grid .titled,#posts_grid .sm-sizer,#posts_grid .md-vertical-sizer,#posts_grid .md-horizontal-sizer,#posts_grid .lg-sizer {
        width: 100%;
        text-align: center
    }

    #posts_grid .titled {
        height: 260px
    }

    #posts_grid .post_target .work-item img {
        width: 100%
    }

    .share-container .bt-lg.bt-normal {
        font-size: 14px;
        height: 40px;
        padding: 1rem 2.5rem
    }

    .share-item,.share-open-button {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 14px
    }

    .share-open:checked ~ .share-item:nth-child(3) {
        transform: translate3d(2.064px, -60px, 0px)
    }

    .share-open:checked ~ .share-item:nth-child(4) {
        transform: translate3d(49.2926px, -39.9816px, 0px)
    }

    .share-open:checked ~ .share-item:nth-child(5) {
        transform: translate3d(49.2926px, 39.9816px, 0px)
    }

    .share-open:checked ~ .share-item:nth-child(6) {
        transform: translate3d(0.06371px, 60px, 0px)
    }

    .share-open:checked ~ .share-item:nth-child(7) {
        transform: translate3d(-49.2289px, 40.0919px, 0px)
    }

    .share-open:checked ~ .share-item:nth-child(8) {
        transform: translate3d(-49.3562px, -39.8712px, 0px)
    }

    .post-block {
        margin-bottom: 8rem
    }

    .post-content h2 {
        font-size: 2.8rem
    }

    .cart-detail h3 {
        font-size: 2rem
    }

    #res-calendar-header1 h1,#res-calendar-header2 h1,#res-calendar-footer h1 {
        font-size: 42px
    }

    #res-calendar-header1 h1 {
        margin: 6rem 0 2rem
    }

    [id*='res-calendar-'] {
        padding: 8rem 0
    }

    [id*='res-calendar-'] .block {
        text-align: center
    }

    #res-calendar-header1 {
        padding-bottom: 0
    }

    #res-calendar-header2 p,#res-calendar-footer p {
        font-size: 16px
    }

    #res-apple-features-section,#res-apple-elements-section,res-apple-download-section {
        padding: 8rem 0
    }

    .spacing-row {
        padding: 0
    }

    .spacing-row h1 {
        font-size: 4rem
    }

    #res-apple-home-section img {
        margin: 4rem auto -3.4rem
    }

    #res-apple-home-section h1 {
        font-size: 3rem
    }

    #res-apple-home-section {
        padding-bottom: 4rem
    }

    #res-thousands-header-section {
        padding-top: 6rem
    }

    #res-thousands-header-section #header-content h1 {
        font-size: 40px
    }

    #res-thousands-header-section {
        padding-bottom: 0
    }

    .thousands-fourth-section {
        background: #e7bf37
    }

    .thousands-first-section h2,.thousands-fourth-section h2,.thousands-sixth-section h2 {
        font-size: 60px
    }

    #res-more-header-section .header-block h1 {
        font-size: 90px
    }

    .more-container .block-header {
        padding-bottom: 0
    }

    .more-seventh-section .faq,.turbo-eight-section .faq,.femto-fifth-section .faq {
        padding: 4rem;
        box-shadow: none;
        margin: 0 15px
    }

    #res-turbo-header-section .header-block h1 {
        font-size: 40px
    }

    .turbo-end-section h2 {
        font-size: 30px
    }

    #res-femto-header-section .header-block h1 {
        font-size: 68px;
        letter-spacing: -2px
    }

    #res-femto-header-section .header-block p,.femto-sixth-section p {
        font-size: 18px
    }

    #res-femto-header-section .header-block .download {
        margin-bottom: 10px
    }

    .femto-first-section .properties .properties-item {
        padding: 8rem 0
    }

    .femto-container h2 {
        font-size: 3.8rem
    }

    .block-header {
        padding-bottom: 4rem
    }

    #res-blobs-header-section {
        min-height: inherit
    }

    #res-blobs-header-section .header-block h1 {
        font-size: 68px
    }

    #res-blobs-header-section .header-block h3 {
        font-size: 20px
    }

    .blobs-first-section .bl-p {
        font-size: 18px
    }

    .blobs-eighth-section .block-header span {
        bottom: 65px
    }

    .blobs-last-section .bl-h2 {
        font-size: 46px
    }

    #res-arab-header-section h1,#res-arab-header2-section h1 {
        font-size: 38px
    }

    #res-arab-header2-section h1 {
        font-size: 28px;
        margin-bottom: 40px
    }

    #res-arab-header-section .subtitle,#res-arab-header2-section .subtitle,#res-arab-header2-section .subtitle {
        font-size: 15px;
        margin-bottom: 4rem
    }

    #res-arab-header-section p,#res-arab-header2-section p,#res-arab-header2-section p {
        font-size: 16px
    }

    #res-arab-header-section,#res-arab-header2-section {
        padding: 14rem 0 0
    }

    #res-arab-header2-section {
        padding: 8rem 0
    }

    .arab-character {
        padding: 8rem 0
    }

    .arab-character img {
        margin-bottom: 30px
    }

    .character-cs section {
        padding: 8rem 0 !important
    }

    #arab-header-section {
        padding: 14rem 0 !important
    }

    #arab-header-section h1 {
        font-size: 38px
    }

    #arab-header-section span {
        font-size: 14px;
        letter-spacing: 13px;
        margin-bottom: 5rem
    }

    #arab-header-section p,#res-arab-footer-section p {
        font-size: 16px
    }

    #arab-details-section .note {
        padding: 4rem
    }

    #arab-direction-section .quote {
        font-size: 18px;
        margin-bottom: 0
    }

    .character-cs .mt-100 {
        margin-top: 4rem !important
    }

    .character-cs .mb-100 {
        margin-bottom: 4rem !important
    }

    #cs-icons-header-section span {
        font-size: 18px
    }

    .cs-icons-first-section .bl-h2,.cs-icons-third-section .bl-h2 {
        font-size: 28px
    }

    .cs-icons-first-section img {
        margin: 0
    }

    .cs-icons-end-section p {
        font-size: 26px;
        line-height: 36px
    }

    .item-block {
        padding: 1rem 0
    }

    .item-block h4 {
        font-size: 12px;
        margin-bottom: 0
    }

    .item-block span {
        display: none
    }

    .closeBtn,.overlay .overlay-close,.overlay .sub-close,.overlay .overlay-close,.overlay .sub-close {
        top: 28px;
        right: calc(50% - 16px)
    }

    .item-block.lg-item {
        padding: 4rem 0
    }

    .item-block.lg-item h2 {
        font-size: 24px;
        margin-bottom: 0
    }

    .item-block.lg-item span {
        font-size: 24px;
        margin-bottom: 5px
    }

    .overlay-msg-container {
        padding: 1.5rem
    }

    .overlay-msg-container h2 {
        font-size: 4rem;
        margin-bottom: 1rem
    }

    .overlay-msg-container p {
        margin-bottom: 2rem
    }

    .fs-title .bi-logo {
        font-size: 22px
    }

    .fs-title h1 {
        display: inline-block;
        float: none;
        font-size: 16px;
        font-weight: 500;
        margin: 0 0 0 10px !important
    }

    .fs-numbers {
        font-size: 1.2em;
        margin-top: 28px;
        width: 38px
    }

    .fs-fields>li label.fs-field-label {
        font-size: 14px
    }

    .fs-form {
        top: 3em
    }

    .fs-message-error {
        font-size: 1em;
        bottom: auto
    }

    .fs-fields textarea {
        height: 130px
    }

    .dropzone.dz-clickable .dz-message span {
        font-size: 12px
    }

    #add_more_colors {
        font-size: 26px;
        width: 50px;
        height: 50px;
        line-height: 50px;
        margin: 5px;
        padding: 0
    }

    .cs-skin-boxes>span {
        width: 50px;
        height: 50px
    }

    .fs-form-overview .fs-fields>li label.fs-field-label {
        font-size: 14px;
        padding: 0 5px 5px 0
    }

    .fs-fields>li .fs-radio-custom label {
        font-size: 14px;
        padding: 8px 16px
    }

    .search-input-wrapper .search-input {
        font-size: 24px;
        padding: 0 36px 0 0;
        height: 68px
    }

    .search-input-wrapper .search-reset {
        top: 20px;
        right: 0
    }

    #search-overLay .content-wrapper {
        padding: 20px 0 0 0
    }

    .search_posts .posts {
        margin-bottom: 0
    }

    .posts .block {
        margin: 0
    }

    .posts .bt-link h4 {
        font-size: 13px;
        text-align: left
    }

    .presentation-wrapper iframe,.resource-molvpers iframe,.cs-molvpers iframe {
        height: 250px;
        width: 100%
    }

    #resources-molvpers-header-section h1,#resources-molvpers-footer-section h1 {
        letter-spacing: -2px
    }

    .cs-molvpers h2,.resource-molvpers h2 {
        font-size: 22px !important
    }

    .img-out img {
        margin-bottom: 80px
    }

    .resource-large img {
        max-width: 100%
    }

    #res-dimensions-header-section .mt-200 {
        margin-top: 0 !important
    }

    #res-dimensions-header-section .header-mock img {
        float: none;
        max-width: 100%
    }

    #res-dimensions-end-section {
        padding-bottom: 50rem
    }

    #res-dimensions-end-section .mt-100 {
        margin-top: 0 !important
    }

    #res-dimensions-end-section h1 {
        font-size: 3.6rem
    }
    .new-post-body img {
    display: block;
    height: auto;
    margin-right: 0%;
    width: 100%;
    max-width: 100vw;
    margin-top: -121px;
}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    body #fsvs-body .outer-content {
        display:block;
        padding: 120px 60px 0
    }

    body #fsvs-body .inner-content {
        width: 100%
    }

    #fsvs-body .inner-content h2 {
        font-size: 48px
    }

    #fsvs-body .inner-content p {
        font-size: 26px
    }

    body #fsvs-body .inner-content h2 small {
        left: auto;
        position: relative;
        font-size: 48px
    }

    .quote {
        padding-top: 30px !important
    }

    .quote i {
        font-size: 40px;
        margin-right: 2rem;
        margin-top: 5px
    }

    .quote p {
        font-size: 24px !important
    }

    .home-mock img {
        display: none
    }

    .home-slide {
        min-height: auto;
        padding-bottom: 25rem;
        padding-top: 5rem
    }

    .home-slide h1 {
        font-size: 6.5rem
    }

    .headline.clip p.is-visible {
        font-size: 4rem
    }

    .paragraph-dialogic p {
        font-size: 2rem
    }

    .content-wrapper,footer {
        padding-top: 8rem;
        padding-bottom: 4rem
    }

    .bl-h2 {
        font-size: 4rem
    }

    .cart-detail h4 {
        font-size: 1.6rem
    }

    .approach .approach-line {
        margin-left: -60px;
        margin-top: -85px
    }

    .time-line {
        padding-left: 14rem
    }

    .time-line-bar {
        left: 30px
    }

    #franshise-scene .franshise-1 {
        left: -80px !important
    }

    #franshise-scene .franshise-2 {
        left: -100px !important
    }

    #franshise-scene .franshise-3 {
        left: -120px !important
    }

    .paragraph-dialogic h2 {
        font-size: 3rem
    }

    #posts_grid .titled {
        width: 100%
    }

    .cart-detail h3 {
        font-size: 2rem
    }

    #res-calendar-header1 h1,#res-calendar-header2 h1,#res-calendar-footer h1 {
        font-size: 64px
    }

    #res-calendar-header1 h1 {
        margin: 10rem 0 2rem
    }

    [id*='res-calendar-'] {
        padding: 8rem 0
    }

    #res-calendar-header1 {
        padding-bottom: 0
    }

    #res-calendar-header2 p,#res-calendar-footer p {
        font-size: 16px
    }

    #res-apple-features-section,#res-apple-elements-section,res-apple-download-section {
        padding: 8rem 0
    }

    .spacing-row {
        padding: 0
    }

    #res-femto-header-section .header-block h1 {
        font-size: 90px;
        letter-spacing: -2px
    }

    #res-femto-header-section .header-block p,.femto-sixth-section p {
        font-size: 20px
    }

    #res-femto-header-section .header-block .download {
        margin-bottom: 10px
    }

    .femto-first-section .properties .properties-item {
        padding: 8rem 2rem
    }

    .femto-container h2 {
        font-size: 3.8rem
    }

    .block-header {
        padding-bottom: 4rem
    }

    #res-blobs-header-section {
        min-height: inherit
    }

    #res-blobs-header-section .header-block h1 {
        font-size: 68px
    }

    #res-blobs-header-section .header-block h3 {
        font-size: 20px
    }

    .blobs-first-section .bl-p {
        font-size: 18px
    }

    .blobs-eighth-section .block-header span {
        bottom: 65px
    }

    .blobs-last-section .bl-h2 {
        font-size: 46px
    }

    #res-arab-header-section h1,#res-arab-header2-section h1 {
        font-size: 38px
    }

    #res-arab-header2-section h1 {
        font-size: 28px;
        margin-bottom: 40px
    }

    #res-arab-header-section .subtitle,#res-arab-header2-section .subtitle,#res-arab-header2-section .subtitle {
        font-size: 15px;
        margin-bottom: 4rem
    }

    #res-arab-header-section p,#res-arab-header2-section p,#res-arab-header2-section p {
        font-size: 16px
    }

    #res-arab-header-section,#res-arab-header2-section {
        padding: 14rem 0 0
    }

    #res-arab-header2-section {
        padding: 8rem 0
    }

    .arab-character {
        padding: 8rem 0
    }

    .arab-character img {
        margin-bottom: 30px
    }

    .arab-character .bl-p {
        font-size: 16px
    }

    #cs-icons-header-section h1 {
        font-size: 72px
    }

    #cs-icons-header-section span {
        font-size: 18px
    }

    .cs-icons-first-section img {
        margin: 0
    }

    .cs-icons-end-section p {
        font-size: 36px;
        line-height: 46px
    }

    .item-block {
        padding: 1.4rem 0
    }

    .item-block.lg-item {
        padding: 6rem 9rem
    }

    .fs-title h1 {
        font-size: 30px
    }

    .fs-numbers {
        margin: 26px
    }

    .fs-message-error {
        top: 15%;
        bottom: auto
    }

    .presentation-wrapper iframe,.resource-molvpers iframe,.cs-molvpers iframe {
        height: 420px;
        width: 100%
    }

    .img-out img {
        margin-bottom: 80px
    }

    .resource-large img {
        max-width: 100%
    }

    #res-dimensions-header-section .mt-200 {
        margin-top: 0 !important
    }

    #res-dimensions-header-section .header-mock img {
        float: none;
        max-width: 100%
    }

    #res-dimensions-end-section {
        padding-bottom: 50rem
    }

    #res-dimensions-end-section .mt-100 {
        margin-top: 0 !important
    }

    #res-dimensions-end-section h1 {
        font-size: 3.6rem
    }
.new-post-body img {
    display: block;
    height: auto;
    margin-right: 0%;
    width: 106%;
    max-width: 100vw;
    margin-top: -86px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    body #fsvs-body .inner-content {
        width:70%
    }

    .home-slide {
        min-height: 740px
    }

    .home-mock {
        left: 350px
    }

    .home-mock .white-block2 {
        display: none
    }

    .bl-h2 {
        font-size: 4rem
    }

    .ft-nav ul li a {
        font-size: 11px
    }

    footer span {
        font-size: 10px
    }

    footer .bt-link {
        font-size: 1rem
    }

    .social a {
        font-size: 1.3rem;
        margin-right: 13px
    }

    .career-block {
        padding: 8rem
    }

    .hosting-plan-block .plan-price .plan-value {
        font-size: 4.2rem
    }

    .mock-consulting1 {
        width: 535px;
        height: 390px
    }

    .mock-consulting1 img:nth-child(1) {
        right: 70px;
        top: -10px
    }

    .mock-consulting1 img:nth-child(2) {
        right: 10px;
        top: 80px
    }

    .mock-consulting1 img:nth-child(3) {
        right: 0;
        top: 185px
    }

    .mock-consulting1 img:nth-child(4) {
        right: 90px;
        top: 310px
    }

    .mock-consulting1 img:nth-child(5) {
        left: 80px;
        top: 315px
    }

    .mock-consulting1 img:nth-child(6) {
        left: 20px;
        top: 205px
    }

    .mock-consulting1 img:nth-child(7) {
        left: 0;
        top: 50px
    }

    .mock-consulting1 img:nth-child(8) {
        left: 100px;
        top: -30px
    }

    .mock-consulting1 img {
        max-width: 100%;
        position: absolute;
        z-index: 100
    }

    .works-menu ul li {
        margin: 0 1rem
    }

    .works-menu ul li a {
        font-size: 1.4rem
    }

    #posts_grid .titled {
        height: 352px
    }

    .works-description {
        font-size: 1.8rem;
        width: 80%
    }

    .cart-detail h3 {
        font-size: 2rem
    }

    #res-apple-features-section,#res-apple-elements-section,res-apple-download-section {
        padding: 8rem 0
    }

    .spacing-row {
        padding: 0
    }

    #res-femto-header-section .header-block h1 {
        font-size: 110px;
        letter-spacing: -2px
    }

    #res-femto-header-section .header-block p,.femto-sixth-section p {
        font-size: 20px
    }

    #res-femto-header-section .header-block .download {
        margin-bottom: 10px
    }

    .femto-first-section .properties .properties-item {
        padding: 8rem 2rem
    }

    .block-header {
        padding-bottom: 4rem
    }

    #res-blobs-header-section {
        min-height: inherit
    }

    .blobs-first-section .bl-p {
        font-size: 18px
    }

    .blobs-eighth-section .block-header span {
        bottom: 65px
    }

    #res-arab-header-section,#res-arab-header2-section {
        padding-top: 18rem
    }

    #res-arab-header2-section {
        padding: 0rem
    }

    #res-arab-header-section h1,#res-arab-header2-section h1 {
        font-size: 48px
    }

    #res-arab-header2-section h1 {
        font-size: 38px;
        margin-bottom: 40px
    }

    #res-arab-header-section .subtitle,#res-arab-header2-section .subtitle,#res-arab-header2-section .subtitle {
        font-size: 15px;
        margin-bottom: 4rem
    }

    #res-arab-header-section figure,#res-arab-header2-section figure,#res-arab-header2-section figure {
        margin-bottom: 0
    }

    #res-arab-footer-section h2 {
        font-size: 38px
    }

    #arab-header-section {
        padding-top: 15.5rem
    }

    .cs-icons-end-section p {
        font-size: 36px;
        line-height: 46px
    }

    .closeBtn,.overlay .overlay-close,.overlay .sub-close,.overlay .overlay-close,.overlay .sub-close {
        top: 58px;
        right: calc(50% - 16px)
    }

    .fs-form-full {
        width: 42%
    }

    .fs-fields>li .fs-radio-custom label {
        font-size: 14px;
        padding: 8px 16px
    }

    .fs-fields>li label.fs-field-label {
        font-size: 24px
    }

    #add_more_colors {
        font-size: 26px;
        width: 80px;
        height: 80px;
        line-height: 80px;
        margin: 5px;
        padding: 0
    }

    .cs-skin-boxes>span {
        width: 80px;
        height: 80px
    }

    .search-input-wrapper .search-input {
        font-size: 24px;
        padding: 0 36px 0 0;
        height: 68px
    }

    .search-input-wrapper .search-reset {
        top: 20px;
        right: 0
    }

    #search-overLay .content-wrapper {
        padding: 20px 0 0 0
    }

    .search_posts .posts {
        margin-bottom: 0
    }

    .posts .block {
        margin: 0
    }

    .posts .bt-link h4 {
        font-size: 13px;
        text-align: left
    }

    .presentation-wrapper iframe,.resource-molvpers iframe,.cs-molvpers iframe {
        height: 540px;
        width: 100%
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1659px) {
    .home-mock {
        left:180px
    }

    .bl-h2 {
        font-size: 4rem
    }

    footer .bt-link {
        font-size: 1.3rem
    }

    .social a {
        margin-right: 18px
    }

    .closeBtn,.overlay .overlay-close,.overlay .sub-close,.overlay .overlay-close,.overlay .sub-close {
        top: 25px;
        right: calc(50% - 15px)
    }

    .mock-consulting1 {
        width: 535px;
        height: 390px
    }

    .mock-consulting1 img:nth-child(1) {
        right: 70px;
        top: -10px
    }

    .mock-consulting1 img:nth-child(2) {
        right: 10px;
        top: 80px
    }

    .mock-consulting1 img:nth-child(3) {
        right: 0;
        top: 185px
    }

    .mock-consulting1 img:nth-child(4) {
        right: 90px;
        top: 310px
    }

    .mock-consulting1 img:nth-child(5) {
        left: 80px;
        top: 315px
    }

    .mock-consulting1 img:nth-child(6) {
        left: 20px;
        top: 205px
    }

    .mock-consulting1 img:nth-child(7) {
        left: 0;
        top: 50px
    }

    .mock-consulting1 img:nth-child(8) {
        left: 100px;
        top: -30px
    }

    .mock-consulting1 img {
        max-width: 100%;
        position: absolute;
        z-index: 100
    }

    .works-menu ul li {
        margin: 0 1rem
    }

    .works-menu ul li a {
        font-size: 1.6rem
    }

    .works-description {
        font-size: 1.8rem;
        width: 80%
    }

    .cart-detail h3 {
        font-size: 2.2rem
    }

    #res-femto-header-section .header-block h1 {
        font-size: 120px;
        letter-spacing: -2px
    }

    #res-femto-header-section .header-block p,.femto-sixth-section p {
        font-size: 24px
    }

    #res-femto-header-section .header-block .download {
        margin-bottom: 10px
    }

    .femto-first-section .properties .properties-item {
        padding: 8rem 2rem
    }

    .block-header {
        padding-bottom: 4rem
    }

    #res-blobs-header-section {
        min-height: inherit
    }

    .blobs-eighth-section .block-header span {
        bottom: 65px
    }

    #res-arab-header-section,#res-arab-header2-section {
        padding-top: 14rem
    }

    #res-arab-header2-section {
        padding: 0rem
    }

    #res-arab-header2-section h1 {
        font-size: 48px;
        margin-bottom: 30px
    }

    #arab-header-section {
        padding-top: 14rem
    }

    .search-input-wrapper .search-input {
        font-size: 24px;
        padding: 0 36px 0 0;
        height: 68px
    }

    .search-input-wrapper .search-reset {
        top: 20px;
        right: 0
    }

    #search-overLay .content-wrapper {
        padding: 20px 0 0 0
    }

    .search_posts .posts {
        margin-bottom: 60px
    }

    .posts .block {
        margin: 0
    }

    .item-block {
        padding: 2rem 0
    }

    .item-block.lg-item {
        padding: 7.5rem
    }

    .cart-detail {
        min-height: 133px
    }
}
    
/*# sourceMappingURL=style.css.map */