/*
	Theme Name: Webapp
	Theme URI: http://templatation.com
	Author: Templatation
	Author URI: http://themeforest.net/user/templatation
	Description: A powerful theme for App, Sass and Similar Websites.
	Version: 1.2
	Text Domain: webapp
	License: Themeforest Split License.
	License URI: http://themeforest.net/licenses
	Tags: threaded-comments, translation-ready, custom-menu
*/
/*
 *
 * This is default style.css file that WordPress loads.
 * Its not recommended to put anything here, as this file will get overwritten when you update theme.
 * The styles for themes can be found in /assets/css/styles.css
 * If you want to just change few styles, then you can put your styles in wp-admin/theme-options/display-options.
 * If you want to do heavy modifications, please use a child theme. A blank child theme is supplied with your Themeforest download.
 *
 */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------*/
/* TABLE OF CONTENTS: */
/*--------------------------------------------------------*/
/* 01 - SWIPER SLIDER */
/* 02 - BASE STYLE */
/* 03 - ELEMENTS  */
/* 04 - MODIFIERS */
/* 05 - SPRITE */
/* 06 - ANIMATE */
/* 07 - HEADER */
/* 08 - SECTIONS */
/* 09 - BLOG */
/* 10 - FOOTER */
/* 11 - CONTACT-FORM */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 02 - BASE STYLE */
@keyframes load-top {
    0% {
        top: 0
    }
    50% {
        top: -6px
    }
    100% {
        top: 0
    }
}
@-webkit-keyframes load-top {
    0% {
        top: 0
    }
    50% {
        top: -6px
    }
    100% {
        top: 0
    }
}
@keyframes load-bottom {
    0% {
        top: -6px
    }
    50% {
        top: 0
    }
    100% {
        top: -6px
    }
}
@-webkit-keyframes load-bottom {
    0% {
        top: -6px
    }
    50% {
        top: 0
    }
    100% {
        top: -6px
    }
}
.overflow {
    overflow: hidden
}
.loader {
    width: 100%;
    height: 100%;
    background: #fff;
    position: fixed;
    z-index: 99999999;
    overflow: hidden
}
.load {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 171px;
    height: 38px;
    margin: -19px 0 0 -85px
}
.load-animation {
    position: absolute;
    top: 6px;
    left: 73px
}
.load-item {
    display: block;
    float: left;
    position: relative;
    animation: load-top .8s infinite linear;
    -webkit-animation: load-top .8s infinite linear;
    -ms-animation: load-top .8s infinite linear
}
.load-item-revers {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    animation: load-bottom .8s infinite linear;
    -webkit-animation: load-bottom .8s infinite linear;
    -ms-animation: load-bottom .8s infinite linear
}
.clearfix:after {
    content: " ";
    display: table
}
.clearfix:after {
    clear: both
}
.clearfix {
    *zoom: 1
}
a:focus, input:focus {
    outline: 0
}
body {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    height: 100%;
    min-height: 100%
}
h1, .title {
    font-size: 44px;
    font-weight: 400
}
h1 span, .title span {
    font-weight: 700
}
h2 {
    font-size: 36px;
    color: #333;
    font-weight: 400;
}
h2 span {
    font-weight: 700
}
h3 {
    font-size: 22px;
    font-weight: 700;
    color: #555;
}
h4 {
    font-size: 13px;
}
a {
    color: #777
}
a:hover, a:active, a:focus {
    color: inherit;
    text-decoration: none
}
p {
    color: #888;
    font-size: 14px;
    line-height: 1.9
}
ul {
    list-style: none;
    margin: 0;
    padding: 0
}
/* 03 - ELEMENTS  */
.elements-container {
    margin-top: 65px
}
@media screen and (max-width: 768px) {
    .elements-container {
        margin-top: 35px
    }
}
@media screen and (max-width: 770px) {
    .col-elem {
        max-width: 300px;
        margin: 0 auto
    }
}
.widget-block {
    font-size: 13px;
    margin-bottom: 65px;
}
.widget-block a {
    color: #555;
}
.widget-block a:hover {
    color: #56cc91;
}
.search-container, .widget_search {
    border: 2px solid #ebebeb;
    border-radius: 5px;
    position: relative
}
.search-container input, .widget_search input{
    border: 0;
    background: 0
}
.widget_search label {
    display: none;
}
.search-container .search-input, .widget_search .search-field {
    padding: 13px 40px 14px 20px;
    font-size: 12px;
    color: #888;
    width: 100%
}
.search-container .search-input::-webkit-input-placeholder, .widget_search .search-field::-webkit-input-placeholder {
    color: #888
}
.search-container .search-input:-moz-placeholder, .widget_search .search-field:-moz-placeholder  {
    color: #888;
    opacity: 1
}
.search-container .search-input::-moz-placeholder, .widget_search .search-field::-moz-placeholder  {
    color: #888;
    opacity: 1
}
.search-container .search-input:-ms-input-placeholder, .widget_search .search-field:-ms-input-placeholder {
    color: #888
}
.search-container .submit-input,.widget_search #searchsubmit {
    background: url('images/sprite.png') no-repeat -43px -569px;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 12px;
    top: 13px;
    color: rgba(255,255,255, 0);
    border-radius: inherit;
    padding: inherit;
    border: none;
}
.element-title {
    color: #555;
    font-weight: 700;
    font-size: 16px;
    position: relative;
    margin-top: 0
}
.element-title:after {
    content: '';
    position: relative;
    height: 2px;
    background: #56cc91;
    width: 70px;
    display: block;
    margin: 25px 0 27px
}
.widget_categories li, .list-meta li {
    margin-bottom: 15px;
    position: relative;
}
.widget_categories  li a, .list-meta li a {
    position: relative;
    display: block;
    transition: color .3s ease;
}
.widget_categories  li a:hover {
     color: #56cc91;   
}
.widget_categories li a span, .list-meta li a span {
    color: #56cc91;
    font-weight: 700;
    position: absolute;
    right: 0;
    top: 0;
}
.category-list li a:hover, .list-meta li a:hover {
    color: #56cc91
}
.category-list li a:hover span, .list-meta li a:hover span {
    color: #56cc91
}
.widget_categories li a:hover:after, .list-meta li a:hover:after {
    background-color: #56cc91;
    border-color: #fff
}
.widget_categories li a:hover:before, .list-meta li a:hover:before {
    background: url('images/sprite.png') no-repeat -61px -131px
}
.category-list li.active a, .list-meta li.active a {
    color: #56cc91
}
.category-list li.active a:after, .list-meta li.active a:after {
    background-color: #56cc91;
    border-color: #fff
}
.category-list li.active a:before, .list-meta li.active a:before {
    background: url('images/sprite.png') no-repeat -61px -131px
}
.text {
    font-size: 13px;
    line-height: 1.5
}
.element-social a {
    border: 1px solid #56cc91;
    width: 32px;
    height: 32px;
    background: #56cc91;
    border-radius: 50%;
    display: inline-block;
    margin-right: 8px;
    position: relative;
    transition: background .4s ease
}
.element-social a:last-of-type {
    margin-right: 0
}
.element-social a.elem-p-ico {
    background: #fff;
    transition: background .4s ease
}
.element-social a.elem-p-ico:hover {
    background: #56cc91
}
.element-social a.elem-p-ico:hover i {
    background-position: 0 -934px
}
.element-social a.elem-fac-ico:hover i {
    background-position: -24px -949px
}
.element-social a.elem-twit-ico:hover i {
    background-position: -52px -340px
}
.element-social a.elem-google-ico:hover i {
    background-position: 0 -921px
}
.element-social a.elem-in-ico:hover i {
    background-position: -52px -384px
}
.element-social a.elem-photo:hover i {
    background-position: -52px -410px
}
.element-social a:hover {
    background: #fff
}
.slider-widget {
    overflow: hidden
}
.widget-slider img {
    width: 100%;
    max-width: 100%
}
.popular-post {
    margin-bottom: 38px
}

.popular-post.has-img a:first-of-type {
    display: inline-block;
    position: relative
}
.popular-post.has-img a:first-of-type:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    transition: background-color .3s ease;
    z-index: -1
}
.popular-post.has-img a:first-of-type:hover:after {
    z-index: 1;
    background-color: rgba(86, 204, 145, 0.4)
}

.popular-post img {
    max-width: 100%;
    width: 100%;
    height: auto;
}
.post-link {
    display: block;
    font-weight: 700;
    margin-top: 20px;
    color: #555
}
.post-link:hover {
    color: #56cc91
}
.info-post {
    margin-top: 15px
}
.info-post span {
    color: #888;
    font-size: 12px
}
.info-post span.post-comment {
    padding-left: 15px
}
.info-post span i {
    color: #56cc91;
    font-size: 15px;
    margin-right: 10px;
}
.twitters-info {
    padding-left: 38px;
    position: relative;
    margin-bottom: 32px
}
.twitters-info span {
    color: #555;
    font-size: 13px;
    display: block
}
.twitters-info a {
    color: #888;
    font-size: 12px;
    display: inline-block;
    margin-top: 8px
}
.twitters-info a.act {
    color: #56cc91;
    font-size: 13px
}
.twitters-info a.act:hover {
    color: #56cc91
}
.twitters-info a.vis {
    color: #888;
    font-size: 13px
}
.twitters-info a.vis:hover {
    color: #56cc91
}
.twitters-info a:hover {
    text-decoration: underline;
    color: #888
}
.twitters-info:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: url('images/sprite.png') no-repeat -43px -589px;
    width: 20px;
    height: 18px
}
.tags-container {
    overflow: hidden
}
.tag {
    display: inline-block;
    font-size: 12px;
    color: #888;
    padding: 7px 9px;
    background: #f6f6f6;
    margin: 0 5px 5px 0;
    float: left;
    transition: background .3s ease, color .3s ease
}
.tagcloud {
    overflow: hidden;
}
.tagcloud a {
    display: inline-block;
    font-size: 12px;
    color: #888;
    padding: 7px 9px;
    background: #f6f6f6;
    margin: 0 5px 5px 0;
    float: left;
    transition: background .3s ease, color .3s ease
}
.tagcloud a:hover {
      background: #56cc91;
    color: #fff
}
.tag:hover, .tag.act {
    background: #56cc91;
    color: #fff
}
.single-article .article-tags-container a {
    display: inline-block;
    font-size: 12px;
    color: #888;
    padding: 7px 9px;
    background: #f6f6f6;
    margin: 0 0 5px 0;
    transition: background .3s ease, color .3s ease;
}
.single-article .article-tags-container a:hover {
     background: #56cc91;
     color: #fff;
}
.single-article img {
    max-width: 100%;
    height: auto;
}
.text-widget, .meta-widget {
    margin-bottom: 65px
}
.list-meta li a {
    padding-left: 30px
}
.list-meta li a:after {
    left: 0;
    right: auto
}
.list-meta li a:before {
    left: 7.5px;
    right: auto
}
.container-title {
    font-size: 26px;
    color: #333;
    font-weight: 400;
    margin-bottom: 34px
}
.container-title span {
    font-weight: 700
}
.message-box {
    border: 1px solid #56cc91;
    border-radius: 20px;
    padding: 20px 25px 12px;
    background: #fff;
    margin-bottom: 20px;
    position: relative
}
.message-box .text {
    color: #56cc91
}
.message-box_green {
    background: #56cc91
}
.message-box_green .text {
    color: #fff
}
.message-box_grey {
    background: #f9f9f9;
    border-color: #f9f9f9
}
.message-box_grey .text {
    color: #888
}
.close-m {
    position: absolute;
    right: 24px;
    top: 21px
}
@media screen and (max-width: 768px) {
    .close-m {
        right: 18px;
        top: 7px
    }
}
.list-style {
    margin-bottom: 20px
}
.list-style li {
    padding-left: 21px;
    color: #888;
    margin: 9px 0;
    position: relative
}
.circle-style li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 5px;
    width: 9px;
    height: 9px;
    background: #fff;
    border: 2px solid #56cc91;
    border-radius: 50%
}
.line-style li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 9px;
    width: 8px;
    height: 2px;
    background: #56cc91
}
.number-style {
    counter-reset: num
}
.number-style li {
    padding-left: 33px
}
.number-style li:before {
    counter-increment: num;
    content: counter(num);
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    background: #56cc91;
    border-radius: 50%;
    font-size: 10px;
    line-height: 20px;
    text-align: center;
    color: #fff
}
.icon-style li {
    padding-left: 27px
}
.icon-style li i {
    position: absolute;
    left: 0;
    top: 3px
}
@media screen and (max-width: 560px) {
    .col-list {
        width: 100%
    }
}
.button-element .button {
    margin-bottom: 10px;
    margin-right: 7px
}
.btn-box {
    text-align: center
}
.button-element {
    margin-bottom: 65px
}
.btn-box_more {
    margin-top: 60px
}
.button {
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    background: #56cc91;
    border: 2px solid #56cc91;
    border-radius: 5px;
    height: 50px;
    line-height: 47px;
    padding: 0 25px;
    text-transform: uppercase;
    position: relative;
    vertical-align: middle;
    display: inline-block;
    transition: background .4s ease, border-color .4s ease, color .4s ease
}
.button .btn-white-green {
    background: #fff
}
.button:hover {
    background: #fff;
    color: #56cc91;
}
.button:hover .ico:before {
    opacity: 1
}
.button:hover .ico:after {
    opacity: 0
}
.btn-transparent {
    background: transparent;
    border: 2px solid #fff
}
.btn_grey {
    border-color: #d8d8d8;
    background: #fff;
    color: #d8d8d8
}
.btn_black {
    background: #333;
    border-color: #333
}
.btn-white-green {
    background: #fff;
    color: #56cc91
}
.btn-white-green:hover {
    color: #333;
    border-color: #333
}
.btn-black-white {
    background: #fff;
    border-color: #333;
    color: #333
}
.btn_grey-full {
    background: #f6f6f6;
    border-color: #f6f6f6;
    color: #919191
}
.ico {
    display: inline-block;
    margin-right: 9px;
    position: relative;
    top: 4px
}
.ico:before, .ico:after {
    content: '';
    background: url('images/sprite.png') no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    transition: opacity .4s ease
}
.learn-ico:before {
    background-position: -43px -509px;
    width: 20px;
    height: 20px;
    opacity: 0
}
.learn-ico:after {
    background-position: -43px -549px;
    width: 20px;
    height: 20px
}
.pricing-ico-b {
    width: 24px;
    height: 24px
}
.pricing-ico-b:after {
    background-position: -24px -798px;
    width: 24px;
    height: 24px;
    top: 3px
}
.pricing-ico-b:before {
    background-position: 0 -968px;
    width: 24px;
    height: 24px;
    top: 3px;
    opacity: 0
}
.more-benefits-b {
    width: 24px;
    height: 24px
}
.more-benefits-b:after {
    background-position: 0 -797px;
    width: 24px;
    height: 24px;
    top: 3px
}
.more-benefits-b:before {
    background-position: 0 -992px;
    width: 24px;
    height: 24px;
    top: 3px;
    opacity: 0
}
.ico-start {
    width: 19px;
    height: 24px
}
.ico-start:after {
    background-position: -19px -860px;
    width: 19px;
    height: 24px
}
.ico-start:before {
    background-position: 0 -853px;
    width: 19px;
    height: 24px
}
.faq-ico {
    top: 8px
}
.slider-element {
    margin-bottom: 130px
}
.slider-element > div {
    padding-left: 0
}
.slider-element .pagination {
    float: left;
    margin-right: 15px
}
@media screen and (max-width: 1200px) {
    .slider-element {
        margin-bottom: 188px
    }
}
@media screen and (max-width: 992px) {
    .slider-element {
        margin-bottom: 65px
    }
}
.pager-container {
    margin-bottom: 65px
}
.pager-container a ,.pager-container  .page-numbers.current, .pager-container span.p-point {
    float: left;
    font-size: 11px;
    color: #888;
    display: inline-block;
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    transition: color .4s linear
}
@media screen and (max-width: 481px) {
    .pager-container a:nth-of-type(5n), .pager-container a:nth-of-type(6n), .pager-container span.p-point:nth-of-type(5n), .pager-container span.p-point:nth-of-type(6n) {
        display: none
    }
}
.pager-container a:hover, .pager-container span.p-point:hover {
    color: #56cc91
}
.pager-container a.active, .pager-container span.p-point.active, .pager-container  .page-numbers.current {
    color: #fff;
    background: #56cc91;
    border-radius: 50%;
    padding: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center
}
.pager-container a.active:hover, .pager-container span.p-point.active:hover {
    color: #fff
}
.pager-container .next, .pager-container .prev {
    color: #fff;
    background: #56cc91;
    text-transform: uppercase;
    padding: 0 11px;
    line-height: 26px;
    border-radius: 5px;
    border: 2px solid #56cc91;
    transition: background .4s linear
}
.pager-container .next:hover, .pager-container .prev:hover {
    background: #fff
}
@media screen and (max-width: 580px) {
    .pager-container .next span, .pager-container .prev span {
        display: none
    }
}
@media screen and (max-width: 380px) {
    .pager-container .next span, .pager-container .prev span {
        padding: 0 7px
    }
}
.pager-container .next {
    margin-left: 35px
}
@media screen and (max-width: 580px) {
    .pager-container .next {
        margin-left: 10px
    }
}
@media screen and (max-width: 380px) {
    .pager-container .next {
        margin-left: 7px
    }
}
.pager-container .prev {
    margin-right: 35px
}
@media screen and (max-width: 580px) {
    .pager-container .prev {
        margin-right: 10px
    }
}
@media screen and (max-width: 380px) {
    .pager-container .prev {
        margin-right: 7px
    }
}
.arrow-big-container {
    width: 84px;
    height: 42px;
    position: relative;
    float: left;
    margin-top: 10px
}
.arrow-small-container {
    width: 44px;
    height: 22px;
    position: relative;
    float: left
}
.arrow-left-sm, .arrow-right-sm {
    width: 22px;
    height: 22px;
    background: #fff;
    cursor: pointer;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    z-index: 100;
    transition: background .4s linear;
    margin-top: -11px
}
.arrow-left-sm i, .arrow-right-sm i {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}
.arrow-left-sm:hover, .arrow-right-sm:hover {
    background: rgba(255, 255, 255, 0.8)
}
.arrow-left-sm {
    left: 7px
}
.arrow-right-sm {
    right: 7px
}
.pagination {
    display: table;
    margin: 0 auto
}
.pagination .swiper-pagination-bullet {
    width: 13px;
    height: 13px;
    border-radius: 13px;
    background: #ececec;
    margin: 0 9px;
    cursor: pointer;
    display: inline-block;
    opacity: 1
}
.pagination .swiper-pagination-bullet-active {
    background: #56cc91
}
.pagination-small {
    display: table;
    margin: 15px auto
}
.pagination-small .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background: #ececec;
    margin: 0 5px;
    cursor: pointer;
    display: inline-block;
    opacity: 1
}
.pagination-small .swiper-pagination-bullet-active {
    background: #56cc91
}
.categories-links a {
    float: left;
    color: #555;
    position: relative;
    display: inline-block;
    margin-right: 45px;
    padding-left: 25px;
    transition: color .3s linear
}
.categories-links a:last-of-type {
    margin-right: 0
}
.categories-links a i {
    position: absolute;
    left: 0;
    top: 0
}
.categories-links a:hover {
    color: #56cc91 !important
}
.categories-links a.cat-all {
    color: #56cc91;
    padding: 0 12px;
    border: 2px solid #56cc91;
    border-radius: 15px;
    margin-right: 38px
}
@media screen and (max-width: 481px) {
    .categories-links a.cat-all {
        text-align: center;
        max-width: 44px
    }
}
@media screen and (max-width: 481px) {
    .categories-links a {
        display: block;
        float: none;
        margin: 15px 0
    }
}
.tabs, .tabss {
    min-width: 100%;
    padding: 0;
    margin: 0 auto
}
@media screen and (max-width: 768px) {
    .tabss {
        margin-bottom: 65px
    }
}
.tab-content, .tabs-content {
    display: none;
    padding: 15px;
    background: #fff;
    border: 1px solid #ebebeb;
    float: left
}
.tab-content p, .tabs-content p {
    font-size: 13px;
    line-height: 1.5;
    color: #777
}
.tab-content ul, .tabs-content ul {
    font-size: 13px;
    color: #777
}
.tabs input, .tabss input {
    display: none
}
.tabs label, .tabss label {
    margin: 0 0 -1px;
    padding: 15px 25px;
    font-weight: 700;
    text-align: center;
    color: #888;
    border: 1px solid #ebebeb;
    background: #f1f1f1;
    float: left
}
.tabs label {
    width: 50%;
    padding: 15px 0;
    text-align: center
}
.tabs label:hover, .tabss label:hover {
    color: #888;
    cursor: pointer
}
.tabs input:checked + label, .tabss input:checked + label {
    color: #56cc91;
    border: 1px solid #ebebeb;
    font-weight: 700;
    border-bottom: 1px solid #fff;
    background: #fff;
    position: relative
}
.tabs input:checked + label:after, .tabss input:checked + label:after {
    content: '';
    width: 100%;
    height: 2px;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: -2px
}
#tab1:checked ~ #content1, #tab2:checked ~ #content2, #tab3:checked ~ #content3, #tab4:checked ~ #content4 {
    display: block
}
.title-el_mod {
    margin-bottom: 25px
}
.title-el_mod:after {
    content: none
}
.tab-title {
    font-size: 14px;
    color: #888;
    font-weight: 700;
    margin-top: 0
}
.custom-table {
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    margin-top: 70px;
    position: relative
}
.custom-table:after {
    content: '';
    position: absolute;
    top: 0;
    left: -4px;
    height: 100%;
    border-left: 1px solid #eee
}
.custom-table tr:nth-of-type(2) {
    border-top: 1px solid #eee
}
.custom-table tr th {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee
}
.custom-table tr th:first-of-type {
    padding-left: 26px !important
}
.custom-table tr td {
    border-top: 1px solid #eee
}
.custom-table tr td:first-of-type {
    padding-left: 26px !important
}
.custom-table tr:nth-of-type(even) {
    background: #f9f9f9
}
.main-table {
    overflow-x: auto
}
.ac-container {
    width: 100%;
    margin: 10px auto 30px auto;
    text-align: left
}
.ac-container .aco {
    border: 1px solid #ebebeb;
    margin-bottom: 10px;
    border-radius: 5px;
    font-weight: 700;
    color: #555;
    padding: 5px 0
}
.ac-container label {
    padding: 5px 20px;
    position: relative;
    z-index: 20;
    display: block;
    height: 30px;
    cursor: pointer;
    color: #777;
    transition: color .4s ease
}
.ac-container label:after {
    content: '';
    background: url('images/sprite.png') no-repeat -48px -914px;
    width: 15px;
    height: 8px;
    position: absolute;
    top: 11px;
    right: 23px
}
.ac-container label:hover {
    background: #fff;
    color: #56cc91
}
.ac-container input:checked + label {
    color: #56cc91
}
.ac-container input:checked + label:after {
    content: '';
    background: url('images/sprite.png') no-repeat -16px -920px;
    width: 15px;
    height: 8px;
    position: absolute;
    top: 11px;
    right: 23px
}
.ac-container input {
    display: none
}
.ac-container .acord {
    margin-top: -1px;
    overflow: hidden;
    height: 0;
    position: relative;
    z-index: 10;
    transition: height .3s ease-in-out
}
.ac-container .acord p {
    color: #777;
    font-size: 13px;
    padding: 20px;
    font-weight: 400;
    line-height: 1.5
}
.ac-container input:checked ~ .acord {
    transition: height .5s ease-in-out
}
.ac-container input:checked ~ .acord.ac-small {
    height: 180px
}
.widget-slider-container {
    position: relative
}
.blockquote {
    border: 1px solid #ebebeb;
    font-size: 12px;
    color: #888;
    font-style: normal;
    padding: 10px;
    position: relative
}
.blockquote:after {
    content: '';
    position: absolute;
    right: 23px;
    bottom: -13px;
    background: url("images/sprite.png") no-repeat -12px -1017px;
    width: 14px;
    height: 13px
}
.testimonials-widget .avatar-slide img {
    width: 60px;
    height: 60px
}
.testimonials-widget .commentary-post {
    margin-left: 85px
}
.testimonials-widget .commentary-post .user-name {
    margin-left: 0
}
.testimonials-widget .commentary-post .position-person {
    text-transform: uppercase;
    font-size: 11px;
    color: #888;
    font-style: italic;
    display: block
}
.testimonials-widget .commentary-item {
    margin-bottom: 0
}
.drop-down-widget {
    margin-bottom: 65px
}
.dropcontainer {
    position: absolute;
    width: 100%;
    font-size: 16px;
    color: #777
}
.trigger {
    color: #888;
    padding: 12px 20px 10px;
    font-size: 12px;
    width: 100%;
    display: block;
    border: 1px solid #ebebeb;
    box-sizing: border-box;
    transition: all .5s ease;
    border-radius: 5px;
    position: relative
}
.trigger:after {
    content: '';
    background: url('images/sprite.png') no-repeat -48px -914px;
    width: 15px;
    height: 8px;
    position: absolute;
    top: 20px;
    right: 23px
}
.activetrigger {
    color: #888;
    border-radius: 5px;
    padding: 12px 20px 10px;
    font-size: 12px;
    width: 100%;
    display: block;
    border: 1px solid #ebebeb;
    position: relative
}
.activetrigger:after {
    content: '';
    background: url('images/sprite.png') no-repeat -16px -920px;
    width: 15px;
    height: 8px;
    position: absolute;
    top: 20px;
    right: 23px
}
.dropcontainer ul {
    font-size: 12px;
    border: 1px solid #ebebeb;
    border-top: 0;
    background: #fff;
    list-style-type: none;
    padding: 5px 20px 10px;
    margin: 0;
    width: 100%;
    z-index: 100;
    position: relative;
    top: -5px;
    border-radius: 0 0 5px 5px
}
.dropcontainer ul li {
    padding: 5px;
    transition: all .5s ease
}
.dropcontainer ul li a {
    display: inline-block
}
.dropcontainer ul li:hover {
    color: #56cc91;
    outline: 0
}
.dropcontainer ul li:first-child {
    display: none
}
.dropcontainer ul li:last-child {
    border-bottom: 0
}
.dropdownhidden {
    display: none
}
.dropdownvisible {
    height: auto
}
/* 04 - MODIFIERS */
/*.layer, .header-home:after, .slide-home:after, .tour-slide:after, .video-section:after, .our-customer-section:after, .video-slide:after, .feedback-section:after, .slide-pricing:after, .help-slide:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6)
}*/
.center-position, .element-social a i, .arrow-left-white, .arrow-right-white, .tour-social-ico a span, .start-arrow i, .ftr-social a i {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}
.container {
    position: relative;
    z-index: 2
}
.play {
    background: url('images/sprite.png') no-repeat 0 -437px;
    width: 44px;
    height: 57px;
    display: block;
    margin: 0 auto;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
}
.play:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}
.list-info {
    list-style: none;
    margin-left: 40px
}
.list-info li {
    color: #888;
    margin-bottom: 15px;
    position: relative
}
.list-info li span {
    font-weight: bold
}
.list-info li:after {
    content: '';
    position: absolute;
    left: -25px;
    top: 2px;
    background: url('images/sprite.png') no-repeat 0 -893px;
    width: 16px;
    height: 12px
}
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: block
}
.bx-pager.bx-default-pager {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    left: 0;
    text-indent: -9999999px;
    width: 15px
}
.bx-pager.bx-default-pager a {
    margin: 0 0 18px;
    display: block;
    width: 13px;
    height: 13px;
    border-radius: 13px;
    background: #ececec;
    cursor: pointer;
    opacity: 1
}
@media screen and (max-width: 768px) {
    .bx-pager.bx-default-pager {
        top: auto;
        bottom: -50px;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        width: auto
    }
    .bx-pager.bx-default-pager .bx-pager-item {
        float: left;
        margin: 0 9px
    }
}
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #56cc91
}
.color_white {
    color: #fff
}
.arrow-left-cus, .arrow-right-cus, .arrow-left, .arrow-right {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    position: absolute;
    top: 50%;
    z-index: 100;
    transition: background .4s linear;
    margin-top: -21px;
    cursor: pointer
}
.arrow-left-cus span, .arrow-right-cus span, .arrow-left span, .arrow-right span {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}
.arrow-left-cus:hover, .arrow-right-cus:hover, .arrow-left:hover, .arrow-right:hover {
    background: rgba(255, 255, 255, 0.4)
}
.arrow-left-cus, .arrow-left {
    left: 0
}
.arrow-right-cus, .arrow-right {
    right: 0
}
.arrow-left, .arrow-right {
    margin-top: -41px
}
@media screen and (max-width: 1200px) {
    .arrow-left {
        left: -11px
    }
}
@media screen and (max-width: 768px) {
    .arrow-left {
        left: 15px
    }
}
@media screen and (max-width: 360px) {
    .arrow-left {
        left: 0
    }
}
@media screen and (max-width: 1200px) {
    .arrow-right {
        right: -11px
    }
}
@media screen and (max-width: 768px) {
    .arrow-right {
        right: 15px
    }
}
@media screen and (max-width: 360px) {
    .arrow-right {
        right: 0
    }
}
@media screen and (max-width: 992px) {
    .arrow-left-cus, .arrow-right-cus {
        display: none
    }
}
.arrow-left-white, .arrow-right-white {
    width: 8px;
    height: 15px;
    display: inline-block;
    background: url('images/sprite.png') no-repeat;
    overflow: hidden
}
.arrow-left-white {
    background-position: -14px -68px
}
.arrow-right-white {
    background-position: -14px -83px
}
.container_mod {
    padding-top: 90px
}
@media screen and (max-width: 992px) {
    .container_mod {
        padding-top: 70px
    }
}
@media screen and (max-width: 601px) {
    .container_mod {
        padding-top: 50px
    }
}
@media screen and (max-width: 480px) {
    .container_mod {
        padding-top: 40px
    }
}
.zindex {
    z-index: -1 !important
}
.clip {
    clip: rect(auto, auto, auto, auto);
    height: 100%;
    position: absolute;
    width: 100%
}
.bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}
.bg img {
    position: absolute
}
.bg-bg {
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    position: fixed;
    background-attachment: scroll
}
@media screen and (max-width: 992px) {
    .bg-bg {
        position: absolute
    }
}
/* 05 - SPRITE */
.live-ico, .translate, .benefits3, .comments-green-ico, .benefits4, .folowers-ico, .benefits1, .happy-ico, .triangle, .benefits2, .device-ico, .big-ico, .shoping-ico, .cloud-ico, .drive-ico, .easy-ico, .getup-green-ico, .getup-white-ico, .mail-white-ico, .support-ico, .discount-icon, .multiplatform-ico, .contact-mail-ico, .content-ico1, .data-base-ico, .faq-ico, .getup-w-ico, .more-benefits, .pricing-ico, .security-ico, .tw-w-ico, .arrow-down-white, .learn-ico, .more-black-ico, .more-gren-ico, .more-grey-ico, .more-ico, .search-ico, .tw-white-ico, .content-ico4, .procesing-ico, .start-green-ico, .start-wight-ico, .content-ico2, .comment-ico, .contact-place-ico, .custom-ico2, .custom-ico3, .custom-ico4, .date-ico, .dorian-ico, .google-ico, .instalation-ico, .ok-green-ico, .ok-grey-ico, .reply-ico, .secure-ico, .time-ico, .tw-ico, .arrow-down, .arrow-top, .elem-google-h, .elem-google, .experience-ico, .content-ico3, .elem-twit-h, .elem-twit, .phone-ico, .elem-in-h, .elem-in, .elem-photo-h-ico, .elem-photo-ico, .arrow-down-green, .close-green-ico, .close-white-ico, .custom-ico, .elem-p-h, .elem-p, .facebook-w-ico, .tw-min-ico, .usab-ico, .work-ico, .like-ico, .arrow-left-green, .arrow-right-green, .facebook-ico, .elem-facebook-h, .elem-facebook, .facebook-min-ico, .min-arrow-green-left, .min-arrow-green, .min-arrow-white {
    display: inline-block;
    background: url('images/sprite.png') no-repeat;
    text-indent: -9999px;
    text-align: left
}
.live-ico {
    background-position: 0 0;
    width: 66px;
    height: 66px
}
.translate {
    background-position: 0 -66px;
    width: 64px;
    height: 39px
}
.benefits3 {
    background-position: 0 -105px;
    width: 61px;
    height: 57px
}
.comments-green-ico {
    background-position: 0 -162px;
    width: 61px;
    height: 57px
}
.benefits4 {
    background-position: 0 -219px;
    width: 60px;
    height: 51px
}
.folowers-ico {
    background-position: 0 -270px;
    width: 55px;
    height: 53px
}
.benefits1 {
    background-position: 0 -323px;
    width: 52px;
    height: 57px
}
.happy-ico {
    background-position: 0 -380px;
    width: 52px;
    height: 57px
}
.triangle {
    background-position: 0 -437px;
    width: 44px;
    height: 57px
}
.benefits2 {
    background-position: 0 -494px;
    width: 43px;
    height: 57px
}
.device-ico {
    background-position: 0 -551px;
    width: 43px;
    height: 57px
}
.big-ico {
    background-position: 0 -608px;
    width: 33px;
    height: 28px
}
.shoping-ico {
    background-position: -33px -608px;
    width: 33px;
    height: 31px
}
.cloud-ico {
    background-position: 0 -636px;
    width: 32px;
    height: 23px
}
.drive-ico {
    background-position: -32px -639px;
    width: 32px;
    height: 23px
}
.easy-ico {
    background-position: 0 -659px;
    width: 32px;
    height: 32px
}
.getup-green-ico {
    background-position: -32px -662px;
    width: 32px;
    height: 20px
}
.getup-white-ico {
    background-position: -32px -682px;
    width: 32px;
    height: 20px
}
.mail-white-ico {
    background-position: 0 -691px;
    width: 32px;
    height: 21px
}
.support-ico {
    background-position: -32px -702px;
    width: 32px;
    height: 32px
}
.discount-icon {
    background-position: 0 -712px;
    width: 27px;
    height: 25px
}
.multiplatform-ico {
    background-position: -27px -734px;
    width: 25px;
    height: 25px
}
.contact-mail-ico {
    background-position: 0 -737px;
    width: 24px;
    height: 17px
}
.content-ico1 {
    background-position: 0 -754px;
    width: 24px;
    height: 17px
}
.data-base-ico {
    background-position: -24px -759px;
    width: 24px;
    height: 15px
}
.faq-ico {
    background-position: 0 -771px;
    width: 24px;
    height: 26px
}
.getup-w-ico {
    background-position: -24px -774px;
    width: 24px;
    height: 24px
}
.more-benefits {
    background-position: 0 -797px;
    width: 24px;
    height: 24px
}
.pricing-ico {
    background-position: -24px -798px;
    width: 24px;
    height: 24px
}
.security-ico {
    background-position: 0 -821px;
    width: 24px;
    height: 32px
}
.tw-w-ico {
    background-position: -24px -822px;
    width: 24px;
    height: 20px
}
.arrow-down-white {
    background-position: -43px -494px;
    width: 23px;
    height: 15px
}
.learn-ico {
    background-position: -44px -437px;
    width: 20px;
    height: 20px
}
.more-black-ico {
    background-position: -44px -457px;
    width: 20px;
    height: 20px
}
.more-gren-ico {
    background-position: -43px -509px;
    width: 20px;
    height: 20px
}
.more-grey-ico {
    background-position: -43px -529px;
    width: 20px;
    height: 20px
}
.more-ico {
    background-position: -43px -549px;
    width: 20px;
    height: 20px
}
.search-ico {
    background-position: -43px -569px;
    width: 20px;
    height: 20px
}
.tw-white-ico {
    background-position: -43px -589px;
    width: 20px;
    height: 18px
}
.content-ico4 {
    background-position: -24px -842px;
    width: 19px;
    height: 18px
}
.procesing-ico {
    background-position: -43px -842px;
    width: 19px;
    height: 24px
}
.start-green-ico {
    background-position: 0 -853px;
    width: 19px;
    height: 24px
}
.start-wight-ico {
    background-position: -19px -860px;
    width: 19px;
    height: 24px
}
.content-ico2 {
    background-position: -48px -759px;
    width: 17px;
    height: 19px
}
.comment-ico {
    background-position: -44px -477px;
    width: 16px;
    height: 14px
}
.contact-place-ico {
    background-position: -48px -778px;
    width: 16px;
    height: 20px
}
.custom-ico2 {
    background-position: -48px -798px;
    width: 16px;
    height: 11px
}
.custom-ico3 {
    background-position: -48px -809px;
    width: 16px;
    height: 11px
}
.custom-ico4 {
    background-position: -48px -820px;
    width: 16px;
    height: 16px
}
.date-ico {
    background-position: -38px -866px;
    width: 16px;
    height: 16px
}
.dorian-ico {
    background-position: 0 -877px;
    width: 16px;
    height: 16px
}
.google-ico {
    background-position: -38px -882px;
    width: 16px;
    height: 16px
}
.instalation-ico {
    background-position: -16px -884px;
    width: 16px;
    height: 16px
}
.ok-green-ico {
    background-position: 0 -893px;
    width: 16px;
    height: 12px
}
.ok-grey-ico {
    background-position: -32px -898px;
    width: 16px;
    height: 12px
}
.reply-ico {
    background-position: -48px -898px;
    width: 16px;
    height: 16px
}
.secure-ico {
    background-position: -16px -900px;
    width: 16px;
    height: 20px
}
.time-ico {
    background-position: 0 -905px;
    width: 16px;
    height: 16px
}
.tw-ico {
    background-position: -32px -910px;
    width: 16px;
    height: 12px
}
.arrow-down {
    background-position: -48px -914px;
    width: 15px;
    height: 8px
}
.arrow-top {
    background-position: -16px -920px;
    width: 15px;
    height: 8px
}
.elem-google-h {
    background-position: 0 -921px;
    width: 15px;
    height: 13px
}
.elem-google {
    background-position: -31px -922px;
    width: 15px;
    height: 13px
}
.experience-ico {
    background-position: -46px -922px;
    width: 15px;
    height: 24px
}
.content-ico3 {
    background-position: -52px -323px;
    width: 14px;
    height: 17px
}
.elem-twit-h {
    background-position: -52px -340px;
    width: 14px;
    height: 12px
}
.elem-twit {
    background-position: -52px -352px;
    width: 14px;
    height: 12px
}
.phone-ico {
    background-position: -52px -364px;
    width: 14px;
    height: 20px
}
.elem-in-h {
    background-position: -52px -384px;
    width: 13px;
    height: 13px
}
.elem-in {
    background-position: -52px -397px;
    width: 13px;
    height: 13px
}
.elem-photo-h-ico {
    background-position: -52px -410px;
    width: 13px;
    height: 14px
}
.elem-photo-ico {
    background-position: -52px -734px;
    width: 13px;
    height: 14px
}
.arrow-down-green {
    background-position: -52px -424px;
    width: 12px;
    height: 8px
}
.close-green-ico {
    background-position: -54px -866px;
    width: 12px;
    height: 12px
}
.close-white-ico {
    background-position: -54px -878px;
    width: 12px;
    height: 12px
}
.custom-ico {
    background-position: -15px -928px;
    width: 12px;
    height: 16px
}
.elem-p-h {
    background-position: 0 -934px;
    width: 12px;
    height: 14px
}
.elem-p {
    background-position: -27px -935px;
    width: 12px;
    height: 14px
}
.facebook-w-ico {
    background-position: -12px -944px;
    width: 12px;
    height: 24px
}
.tw-min-ico {
    background-position: -52px -748px;
    width: 12px;
    height: 10px
}
.usab-ico {
    background-position: -39px -946px;
    width: 12px;
    height: 16px
}
.work-ico {
    background-position: -51px -946px;
    width: 12px;
    height: 20px
}
.like-ico {
    background-position: -55px -270px;
    width: 10px;
    height: 10px
}
.arrow-left-green {
    background-position: -55px -280px;
    width: 8px;
    height: 15px
}
.arrow-right-green {
    background-position: -55px -295px;
    width: 8px;
    height: 15px
}
.facebook-ico {
    background-position: 0 -948px;
    width: 8px;
    height: 16px
}
.elem-facebook-h {
    background-position: -24px -949px;
    width: 7px;
    height: 14px
}
.elem-facebook {
    background-position: -31px -949px;
    width: 7px;
    height: 14px
}
.facebook-min-ico {
    background-position: -61px -105px;
    width: 5px;
    height: 10px
}
.min-arrow-green-left {
    background-position: -61px -115px;
    width: 5px;
    height: 8px
}
.min-arrow-green {
    background-position: -61px -123px;
    width: 5px;
    height: 8px
}
.min-arrow-white {
    background-position: -61px -131px;
    width: 5px;
    height: 8px
}
.icon-mod1, .icon-mod2, .icon-mod3, .icon-mod4, .icon-mod4h, .icon-mod5, .icon-mod6 {
    display: inline-block;
    background: url('images/sprite-icon.png') no-repeat
}
.icon-mod1 {
    background-position: 0 0;
    width: 32px;
    height: 32px
}
.icon-mod2 {
    background-position: 0 -32px;
    width: 32px;
    height: 32px
}
.icon-mod3 {
    background-position: 0 -64px;
    width: 32px;
    height: 23px
}
.icon-mod4 {
    background-position: 0 -87px;
    width: 32px;
    height: 27px
}
.icon-mod4h {
    background-position: 0 -114px;
    width: 32px;
    height: 27px
}
.icon-mod5 {
    background-position: 0 -141px;
    width: 32px;
    height: 23px
}
.icon-mod6 {
    background-position: 0 -164px;
    width: 24px;
    height: 32px
}
/* 06 - ANIMATE */
@keyframes load-top {
    0% {
        top: 0
    }
    50% {
        top: -6px
    }
    100% {
        top: 0
    }
}
@-webkit-keyframes load-top {
    0% {
        top: 0
    }
    50% {
        top: -6px
    }
    100% {
        top: 0
    }
}
@keyframes load-bottom {
    0% {
        top: -6px
    }
    50% {
        top: 0
    }
    100% {
        top: -6px
    }
}
@-webkit-keyframes load-bottom {
    0% {
        top: -6px
    }
    50% {
        top: 0
    }
    100% {
        top: -6px
    }
}
@keyframes fade-in {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
@-webkit-keyframes fade-in {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
@-ms-keyframes fade-in {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
@keyframes slideUp {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
    100% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }
}
@-webkit-keyframes slideUp {
    0% {
        -webkit-transform: translateY(100%)
    }
    100% {
        -webkit-transform: translateY(0%)
    }
}
@-ms-keyframes slideUp {
    0% {
        -ms-transform: translateY(100%)
    }
    100% {
        -ms-transform: translateY(0%)
    }
}
@keyframes po-bounce-in {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.5, 0.5, 1);
        transform: scale3d(0.5, 0.5, 1)
    }
    50% {
        -webkit-transform: scale3d(1.1, 1.1, 1);
        transform: scale3d(1.1, 1.1, 1)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}
@-webkit-keyframes po-bounce-in {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.5, 0.5, 1)
    }
    50% {
        -webkit-transform: scale3d(1.1, 1.1, 1)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1)
    }
}
@-ms-keyframes po-bounce-in {
    0% {
        opacity: 0;
        -ms-transform: scale3d(0.5, 0.5, 1)
    }
    50% {
        -ms-transform: scale3d(1.1, 1.1, 1)
    }
    100% {
        opacity: 1;
        -ms-transform: scale3d(1, 1, 1)
    }
}
@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
.bounce-in-h, .animate-left, .animate-right, .animate-fade, .animate-top, .bounce-in {
    visibility: hidden
}
.fadeInRight {
    animation: 1s ease-out 0s normal backwards 1 fadeInRight;
    -webkit-animation: 1s ease-out 0s normal backwards 1 fadeInRight;
    -ms-animation: 1s ease-out 0s normal backwards 1 fadeInRight;
    visibility: visible
}
.fadeInLeft {
    animation: 1s ease-out 0s normal backwards 1 fadeInLeft;
    -webkit-animation: 1s ease-out 0s normal backwards 1 fadeInLeft;
    -ms-animation: 1s ease-out 0s normal backwards 1 fadeInLeft;
    visibility: visible
}
.fade-in {
    animation: 1s ease-out 0s normal backwards 1 fade-in;
    -webkit-animation: 1s ease-out 0s normal backwards 1 fade-in;
    -ms-animation: 1s ease-out 0s normal backwards 1 fade-in;
    visibility: visible
}
.slideUp {
    animation: 1s ease 0s normal backwards 1 slideUp;
    -webkit-animation: 1s ease 0s normal backwards 1 slideUp;
    -ms-animation: 1s ease 0s normal backwards 1 slideUp;
    visibility: visible
}
.po-bounce-in {
    animation: .8s ease-out 0s normal backwards 1 po-bounce-in;
    -webkit-animation: .8s ease-out 0s normal backwards 1 po-bounce-in;
    -ms-animation: .8s ease-out 0s normal backwards 1 po-bounce-in;
    visibility: visible
}
.delay-200 {
    animation-delay: .2s;
    -webkit-animation-delay: .2s
}
.delay-400 {
    animation-delay: .4s;
    -webkit-animation-delay: .4s
}
.delay-600 {
    animation-delay: .6s;
    -webkit-animation-delay: .6s
}
.delay-800 {
    animation-delay: .8s;
    -webkit-animation-delay: .8s
}
/* 07 - HEADER */
.header-container-home {
    position: relative;
    overflow: hidden;
    height: 100vh;
    min-height: 900px
}
@media screen and (max-width: 470px) {
    .header-container-home .btn-learn {
        margin-bottom: 20px !important
    }
}
@media screen and (max-width: 992px) {
    .header-container-home {
        min-height: 850px
    }
}
@media screen and (max-width: 768px) {
    .header-container-home {
        min-height: 100%;
        height: auto
    }
}
.header-container {
    position: relative;
    overflow: hidden;
    height: 100vh;
    height: 768px;
    min-height: 768px
}
@media screen and (max-width: 992px) {
    .header-container {
        min-height: 100%;
        height: auto
    }
}
.header-container-tm {
    position: relative;
    overflow: hidden;
    height: 100vh;
    min-height: 768px
}
@media screen and (max-width: 992px) {
    .header-container-tm {
        min-height: 100%;
        height: auto
    }
}
.webapp-imgoverlay {
    position: relative;
}
.webapp-imgoverlay:after,
.header-home:after {
    background-color: rgba(0, 0, 0, 0.7)
}
.header.no_topnav {
    padding: 30px 0 20px;
}
@media screen and (max-width: 481px) {
    .header {
        margin-top: 0
    }
}
.logo {
    float: left;
}
.nav {
    float: right;
}
.nav ul {
    display: block;
    clear: both;
    list-style: none
}
.nav ul li {
    float: left;
    margin-left: 12px;
    position: relative
}
.nav ul li a {
    color: #fff;
    text-transform: uppercase;
    transition: color .5s ease;
    padding: 5px 14px;
    display: inline-block
}
.nav ul li a:hover {
    color: #56cc91;
    text-decoration: none
}
.nav > ul  > li.current-menu-item > a {
    color: #56cc91;
    border: 2px solid #56cc91;
    border-radius: 20px
}
.nav ul li.current-menu-item.menu-item-has-children > a {
    /*border: none;*/
    color: #56cc91;
}
.nav ul li.menu-item-has-children .menu-item-has-children .sub-menu {
    left: 160px;
    opacity: 0;
}
.nav ul li.menu-item-has-children .menu-item-has-children:hover .sub-menu {
    opacity: 1;
    top: -5px;
    margin-top: 0;
}
@media screen and (max-width:992px) {
    .nav ul li.menu-item-has-children .menu-item-has-children .sub-menu {
    opacity: 1;
    }
    .arrow-down-green {
        display: none !important; 
    }
}

.menu-item-has-children .menu-item-has-children {
    padding-bottom: 0 !important;
}
.sup-nav li {
    margin-left: 5px
}
.sup-nav li.active a{
    border: none ;
}
.sup-nav li a {
    font-size: 11px;
    padding: 5px 14px;
    text-transform: uppercase;
    color: #d4d2d2
}
.sup-nav li a:hover {
    color: #56cc91;
    text-decoration: none
}
.sub-menu {
    margin: 50px 0 0;
    position: absolute;
    left: 0;
    top: 40px;
    background: #50ba83;
    width: 156px;
    padding: 10px 0;
    visibility: hidden;
    opacity: 0;
    transition: all .3s ease-in-out
}
.sub-menu li, .sub-menu li.active {
    float: none;
    width: inherit;
    margin: 5px 0 !important
}
.sub-menu li a, .sub-menu li.active a {
    text-transform: uppercase;
    font-size: 12px
}
.menu-item-has-children {
    padding-bottom: 12px
}
.menu-item-has-children a span {
    display: inline-block;
    margin-left: 6px;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    position: relative;
    top: -1
}
.menu-item-has-children:hover .sub-menu {
    opacity: 1;
    visibility: visible;
    margin: 0
}
.menu-item-has-children:hover > a {
    color: #56cc91
}
.menu-item-has-children:hover a span {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}
.sub-menu a:hover {
    text-decoration: underline !important;
    color: #fff !important
}
.menu-button {
    width: 40px;
    height: 18px;
    position: absolute;
    top: 48px;
    right: 15px;
    display: none;
    cursor: pointer
}
@media screen and (max-width: 481px) {
    .menu-button {
        top: 48px
    }
}
.menu-button span {
    height: 3px;
    margin-top: 4px;
    background: #fff;
    display: block;
    position: relative;
    top: 0;
    transition: all 500ms ease-out
}
@media screen and (max-width: 992px) {
    .menu-button {
        display: block
    }
}
.menu-button span:first-child {
    margin-top: 0
}
.menu-button.active span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 7px
}
.menu-button.active span:nth-child(2) {
    opacity: 0;
    top: 7px
}
.menu-button.active span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: -7px
}
.title-block {
    text-align: center;
    margin-top: 280px
}
@media screen and (max-width: 992px) {
    .title-block {
        margin-top: 200px
    }
    @media screen and (max-width: 500px) {
        .title-block {
            margin-top: 150px
        }
    }
}
@media screen and (max-width: 768px) {
    .title-block h1 {
        font-size: 40px
    }
    @media screen and (max-width: 500px) {
        .title-block h1 {
            font-size: 36px;
            line-height: 1.3
        }
    }
}
.title-block .button {
    margin: 0 16px
}
.title-block-home {
    margin-top: 180px;
    margin-bottom: 70px
}
@media screen and (max-width: 1200px) {
    .title-block-home {
        margin-bottom: 60px
    }
}
@media screen and (max-width: 768px) {
    .title-block-home {
        margin: 250px 0 100px
    }
}
@media screen and (max-width: 601px) {
    .title-block-home {
        margin: 200px 0 0
    }
}
.sub-title {
    color: #fff;
    font-size: 18px;
    padding: 12px 0 32px
}
@media screen and (max-width: 768px) {
    .sub-title {
        font-size: 16px
    }
}
.slider-container-home {
    margin-top: 200px
}
@media screen and (max-width: 992px) {
    .slider-container-home {
        margin-top: 120px
    }
}
@media screen and (max-width: 768px) {
    .slider-container-home {
        margin-top: 80px
    }
}
@media screen and (max-width: 481px) {
    .slider-container-home {
        margin-top: 60px
    }
}
.slide-home {
    text-align: center;
    padding-bottom: 455px
}
@media screen and (max-width: 1200px) {
    .slide-home img {
        max-width: 100%;
        display: block;
        margin: 0 auto
    }
}
@media screen and (max-width: 768px) {
    .slide-home {
        padding-bottom: 160px
    }
}
.slide-home-title {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase
}
.slider-menu-container {
    position: absolute;
    bottom: 0;
    z-index: 100;
    width: 100%
}
.slider-menu {
    display: table;
    margin: 0 auto 50px
}
@media screen and (max-width: 992px) {
    .slider-menu {
        margin: 0 auto 30px
    }
}
@media screen and (max-width: 768px) {
    .slider-menu {
        display: none
    }
}
.slider-menu-item {
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 38px 0 38px;
    padding-top: 48px;
    display: inline-block;
    border-bottom: 2px solid transparent;
    padding-bottom: 10px;
    position: relative;
    transition: border-color .4s linear
}
@media screen and (max-width: 992px) {
    .slider-menu-item {
        margin: 0 18px 0 18px
    }
}
.slider-menu-item:hover {
    text-decoration: none;
    color: #fff;
    border-color: #56cc91
}
.slider-menu-item.active, .slider-menu-item.focus {
    border-color: #56cc91;
    color: #fff
}
.slider-menu-item:before {
    content: '';
    position: absolute;
    top: 0;
    background: url('images/sprite.png') no-repeat;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}
.sl-menu-prog:before {
    background-position: -43px -842px;
    width: 19px;
    height: 24px
}
.sl-menu-ex:before {
    background-position: -46px -922px;
    width: 15px;
    height: 24px
}
.sl-menu-line:before {
    background-position: -24px -759px;
    width: 24px;
    height: 15px;
    top: 4px
}
.sl-menu-multi:before {
    background-position: -27px -734px;
    width: 25px;
    height: 25px
}
.pagination-home {
    visibility: hidden;
    position: absolute;
    bottom: 70px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}
@media screen and (max-width: 768px) {
    .pagination-home {
        z-index: 1;
        visibility: visible
    }
}
.overlay-nav {
    position: relative;
    left: 0;
    top: 0;
    z-index: 9999999;
    width: 100%;
    transition: background .3s linear, position .3s linear;
    height: 165px;

}
.hdr-overlap .overlay-nav {
    position: absolute;
    height: auto;
    background: transparent none repeat scroll 0 0;
}

.overlay-fix {
    height: 100%
}

@media screen and (max-width: 992px) {
    .overlay-nav-active {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(55, 160, 107, 0.97);
        z-index: 99999;
        overflow-y: auto
    }
    .nav {
        display: none;
        opacity: 0;
        transition: opacity .4s linear
    }
    .nav-mobile {
        display: block;
        position: absolute;
        left: 50%;
        top: 80px;
        text-align: center;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        opacity: 1
    }
    .nav-mobile ul {
        margin: 0;
        padding: 0
    }
    .nav-mobile ul li {
        float: none;
        margin-bottom: 12px;
        margin-left: 0
    }
    .nav-mobile ul li a {
        font-size: 26px
    }
    .nav-mobile ul li.active a {
        color: #56cc91;
        border: 0
    }
    .nav-mobile .sup-nav {
        float: none;
        position: static
    }
    .nav-mobile .sup-nav li {
        margin: 0 0 5px
    }
    .nav-mobile .sup-nav li a {
        font-size: 14px;
        margin: 0 0 5px !important
    }
    .nav-mobile .sup-nav li a:hover {
        text-decoration: none;
        color: #56cc91
    }
    .sub-menu {
        margin: 50px 0 0;
        position: static;
        background: transparent;
        width: auto;
        padding: 10px 0;
        visibility: visible;
        opacity: 1
    }
    .sub-menu li {
        float: none;
        width: inherit;
        margin: 0 0 5px !important
    }
    .sub-menu li:last-of-type {
        margin-bottom: 0 !important
    }
    .sub-menu li a {
        text-transform: uppercase;
        font-size: 14px !important
    }
    .sub-menu li a:hover {
        text-decoration: none !important;
        color: #56cc91 !important
    }
    .menu-item-has-children {
        padding-bottom: 0
    }
    .menu-item-has-children a span {
        display: none
    }
    .menu-item-has-children:hover .sub-menu {
        opacity: 1;
        visibility: visible;
        margin: 0
    }
    .menu-item-has-children:hover > a {
        color: #56cc91
    }
    .menu-item-has-children:hover a span {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}
.slider-modern {
    height: 100%
}
.slider-modern .swiper-container, .slider-modern .swiper-wrapper {
    height: 100%
}
.slider-modern .pagination {
    display: none
}
.slider-modern .arrow-left-cus, .slider-modern .arrow-right-cus {
    margin-top: 121px;
    display: block
}
@media screen and (max-width: 601px) {
    .slider-modern .arrow-left-cus, .slider-modern .arrow-right-cus {
        margin-top: 70px
    }
}
.slider-modern .arrow-left-cus {
    left: 15px
}
.slider-modern .arrow-right-cus {
    right: 15px
}
.slider-modern .title-block {
    padding: 30px 0 40px
}
.slider-modern img {
    max-width: 100%;
    margin: 0 auto
}
.title-block_mod {
    padding-bottom: 200px
}
@media screen and (max-width: 992px) {
    .title-block_mod {
        padding-bottom: 130px
    }
}
.header-single {
    height: 495px;
    position: relative
}
@media screen and (max-width: 992px) {
    .header-single {
        height: 350px
    }
}
@media screen and (max-width: 600px) {
    .header-single {
        height: 320px
    }
}
.header-relative {
    position: relative
}
.container-center {
    position: absolute;
    z-index: 2;
    bottom: 0;
    width: 100%
}
@media screen and (max-width: 992px) {
    .container-center {
        position: static
    }
}
.slider-nav {
    height: 100%;
    width: 100%;
    position: absolute
}
.arrow-container {
    top: 60%
}
@media screen and (max-width: 992px) {
    .arrow-visible {
        display: block !important
    }
}
/* 08 - SECTIONS */
.section {
    background: #fff;
    padding: 90px 0 120px;
    position: relative
}
@media screen and (max-width: 992px) {
    .section {
        padding: 50px 0 80px
    }
}
@media screen and (max-width: 601px) {
    .section {
        padding: 30px 0 60px
    }
}
@media screen and (max-width: 480px) {
    .section {
        padding: 20px 0 40px
    }
}
@media screen and (max-width: 601px) {
    .section-title:after {
        margin: 21px auto 24px
    }
}
@media screen and (max-width: 601px) {
    .section-title {
        font-size: 32px
    }
}
@media screen and (max-width: 480px) {
    .section-title {
        font-size: 30px
    }
}
.section-title_white_left {
    color: #fff;
    text-align: left
}
.section-title_white_left:after {
    background: #fff;
    margin-left: 0
}
.text_white, .main-text_white, .section-title_white {
    color: #fff
}
.main-text {
    text-align: center;
    max-width: 768px;
    margin: 0 auto;
    line-height: 27px;
    color: #888888;
}
@media screen and (max-width: 768px) {
    .powerfull-section {
        padding-bottom: 130px
    }
}
@media screen and (max-width: 601px) {
    .powerfull-section {
        padding-bottom: 110px
    }
}
@media screen and (max-width: 480px) {
    .powerfull-section {
        padding-bottom: 90px
    }
}
.powerfull-slider-container {
    margin-top: 70px
}
@media screen and (max-width: 768px) {
    .powerfull-slider-container {
        margin-top: 40px
    }
}
@media screen and (max-width: 480px) {
    .powerfull-slider-container {
        margin-top: 20px
    }
}
.phone-powerfull-block {
    position: relative;
    height: 495px
}
.phone-powerfull-block img {
    position: absolute
}
.phone-black {
    right: 0
}
.powerfull-info {
    padding-left: 30px
}
@media screen and (max-width: 992px) {
    .powerfull-info {
        padding-top: 0
    }
}
@media screen and (max-width: 768px) {
    .powerfull-info {
        padding-left: 0
    }
}
.powerfull-info-text  {
    padding: 23px 0 0;
     color: #888;
    font-size: 14px;
    line-height: 1.9;
}

.powerfull-info-text ul {
    margin-left: 40px;
}
.powerfull-info-text ul li {
    color: #888;
    margin-bottom: 5px;
    position: relative;
}
.powerfull-info-text ul li strong {
        font-weight: bold;
}
.powerfull-info-text ul li:after {
    position: absolute;
    left: -25px;
    width: 16px;
    height: 12px;
    background: transparent none repeat scroll 0 0;
    color: #56cc91;
    content: "\f0a9";
    display: inline-block;
    font: 16px/1 FontAwesome;
    text-rendering: auto;
    top: 5px;
}

@media screen and (max-width: 480px) {
    .powerfull-info-text p{
        padding-top: 13px
    }
}
.btn-box-powerfull {
    margin-top: 50px;
    text-align: left
}
.btn-box-powerfull .btn_grey {
    margin-left: 25px
}
@media screen and (max-width: 415px) {
    .btn-box-powerfull .btn_grey {
        display: block;
        margin-left: 0;
        margin-top: 20px;
        width: 173px
    }
}
@media screen and (max-width: 768px) {
    .phone-hide {
        display: none
    }
}
.section-you-get {
    background: #56cc91
}
.container-you-get .men {
    position: absolute;
    bottom: -120px;
    right: 0;
    width: 459px;
    height: 653px;
    background: url("images/you-get.png") no-repeat;
    background-size: contain
}
@media screen and (max-width: 992px) {
    .container-you-get .men {
        bottom: -80px;
        width: 45%;
        background: url("images/you-get.png") no-repeat right bottom;
        background-size: contain
    }
}
@media screen and (max-width: 601px) {
    .container-you-get .men {
        bottom: -60px
    }
}
@media screen and (max-width: 599px) {
    .container-you-get .men {
        display: none
    }
}
.content-you-get {
    width: 60%;
    float: left
}
@media screen and (max-width: 599px) {
    .content-you-get {
        width: 100%
    }
}
.our-info {
    margin-top: 15px;
    padding-left: 0
}
.our-info div {
    padding: 0 0 10px 37px;
    color: #fff;
    position: relative
}
.our-info span {
    display: inline-block;
    margin-right: 10px;
    position: absolute;
    left: 0;
    top: 0
}
.row-benefits {
    margin-top: 60px
}
@media screen and (max-width: 992px) {
    .row-benefits {
        margin-top: 0
    }
    .row-benefits .benefits-icon {
        margin-top: 50px
    }
}
.col-benefits {
    text-align: center
}
.col-benefits:nth-child(2n) .benefits-icon {
    background: #4ec288
}
.col-benefits:nth-child(3n) .benefits-icon {
    background: #41b078
}
.col-benefits:nth-child(4n) .benefits-icon {
    background: #37a06b
}
.col-benefits:hover .benefits-icon {
    -webkit-transform: rotate(360deg) scale(1.1);
    -ms-transform: rotate(360deg) scale(1.1);
    transform: rotate(360deg) scale(1.1)
}
.benefits-icon {
    width: 202px;
    height: 202px;
    background: #56cc91;
    border-radius: 50%;
    position: relative;
    margin: 0 auto;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease
}
.benefits-icon i {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}
.benefits-title {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 30px 0 8px
}
.benefits-text {
    font-size: 13px;
    line-height: 1.6
}
.video-section {
    padding-top: 0;
    height: 500px;
    background-size: cover
}
.video-section:after {
    background: rgba(0, 0, 0, 0.6);
    z-index: 1
}
@media screen and (max-width: 992px) {
    .video-section {
        height: 400px
    }
}
.video-sub-title {
    color: #fff;
    text-align: center;
    margin: 75px 0
}
@media screen and (max-width: 992px) {
    .video-sub-title {
        margin: 50px 0
    }
}
@media screen and (max-width: 600px) {
    .video-sub-title {
        margin: 30px 0
    }
}
.home-play {
    margin-top: 65px
}
.video {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transition: opacity .4s ease
}
.video-active {
    z-index: 99;
    opacity: 1
}
.close-video {
    position: absolute;
    right: 15px;
    top: 15px;
    width: 32px;
    height: 32px;
    background: url("images/close.png") no-repeat;
    z-index: 0;
    cursor: pointer;
    display: none
}
.close-video-active {
    display: block;
    z-index: 100
}
.benefits-section {
    overflow: hidden
}
.benefits-device {
    position: relative;
    height: 548px
}
.benefits-device img {
    position: absolute
}
.benefits-device-1 {
    right: 60px;
    z-index: 1
}
.benefits-device-2 {
    left: 60px
}
.benefits-row {
    margin-top: 60px
}
@media screen and (max-width: 992px) {
    .benefits-row {
        margin-top: 0
    }
}
@media screen and (max-width: 992px) {
    .col-device {
        display: none
    }
}
.benefits-list {
    margin-top: 87px;
    position: relative
}
.benefits-list .benefits-text-ico {
    content: '';
    position: absolute;
    background: transparent;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 65px;
    height: 65px;
    border-radius: 50%;
    left: -75px;
    transition: background .5s ease;
    text-align: center;
    font-size: 30px;
    line-height: 65px;
    color: #56cc91;
    background-image: none !important;
}
.benefits-list .benefits-text-ico:before {
    background-image: none !important;
}
@media screen and (max-width: 992px) {
    .benefits-list {
        margin-top: 55px
    }
}
.benefits-list-left .benefits-text-ico {
    right: -75px;
    left: auto
}
@media screen and (max-width: 992px) {
    .benefits-list-left {
        text-align: right;
        padding-right: 80px
    }
    .benefits-list-left .benefits-text-ico {
        right: 0
    }
}
@media screen and (max-width: 992px) {
    .benefits-list-left:nth-of-type(odd) {
        text-align: left;
        padding-left: 90px;
        padding-right: 0
    }
    .benefits-list-left:nth-of-type(odd) .benefits-text-ico {
        left: 15px
    }
}
.benefits-list-right .benefits-text-ico {
    left: -75px
}
@media screen and (max-width: 992px) {
    .benefits-list-right .benefits-text-ico {
        left: 15px
    }
}
@media screen and (max-width: 992px) {
    .benefits-list-right {
        padding-left: 90px
    }
}
@media screen and (max-width: 992px) {
    .benefits-list-right:nth-of-type(odd) {
        text-align: right;
        padding-right: 80px;
        padding-left: 0
    }
    .benefits-list-right:nth-of-type(odd) .benefits-text-ico {
        right: 0;
        left: auto
    }
}
.benefits-customization .benefits-text-ico:before {
    background-position: 0 -659px;
    width: 32px;
    height: 32px
}
.benefits-support .benefits-text-ico:before {
    background-position: -32px -702px;
    width: 32px;
    height: 32px
}
.benefits-drive .benefits-text-ico:before {
    background-position: -32px -639px;
    width: 32px;
    height: 23px
}
.benefits-update .benefits-text-ico:before {
    background: url('images/sprite-icon.png') no-repeat 0 -87px;
    width: 32px;
    height: 27px
}
.benefits-hosting .benefits-text-ico:before {
    background-position: 0 -636px;
    width: 32px;
    height: 23px
}
.benefits-security .benefits-text-ico:before {
    background-position: 0 -821px;
    width: 24px;
    height: 32px
}
.benefits-list:hover .benefits-text-ico {
    background: #56cc91
}
.benefits-list:hover .benefits-text-ico {
    color: #fff;
}
.benefits-support:hover .benefits-text-ico:before {
    background: url('images/sprite-icon.png') no-repeat 0 -32px;
    width: 32px;
    height: 32px
}
.benefits-drive:hover .benefits-text-ico:before {
    background: url('images/sprite-icon.png') no-repeat 0 -64px
}
.benefits-update:hover .benefits-text-ico:before {
    background: url('images/sprite-icon.png') no-repeat 0 -114px
}
.benefits-hosting:hover .benefits-text-ico:before {
    background: url('images/sprite-icon.png') no-repeat 0 -141px
}
.benefits-security:hover .benefits-text-ico:before {
    background: url('images/sprite-icon.png') no-repeat 0 -164px
}
.our-customer-section {
    background-size: cover;
    padding-top: 0;
    padding-bottom: 43px
}
.customer-slide {
    text-align: center
}
.img-customer {
    width: 170px;
    height: 170px;
    border-radius: 50%
}
.customet-text {
    color: #fff;
    max-width: 768px;
    margin: 50px auto 33px
}
.customer-name {
    font-size: 16px;
    color: #56cc91;
    font-weight: 700
}
.customer-name span {
    color: #fff;
    text-transform: uppercase
}
.pagination-customer {
    display: table;
    margin: 50px auto 0;
    visibility: hidden
}
@media screen and (max-width: 992px) {
    .pagination-customer {
        visibility: visible;
        padding-top: 35px;
    }
}
.section-logos {
    background: #56cc91;
    padding: 50px 0 40px
}
@media screen and (max-width: 768px) {
    .partner-container div {
        margin: 10px 0
    }
}
.section-screenshot {
    border-bottom: 1px solid #ececec
}
.screen-slider-container {
    margin-top: 60px
}
.screen-slide-content {
    margin: 0 auto;
    text-align: center;
    padding: 0 15px
}
@media screen and (min-width: 1200px) and (max-width: 790px) {
    .screen-slide-content {
        width: 257px;
        padding: 0
    }
}
@media screen and (max-width: 790px) {
    .screen-slide-content img {
        width: 257px
    }
}
@media screen and (min-width: 801px) {
    .screen-slide-content img {
        max-width: 100%
    }
}
@media screen and (max-width: 360px) {
    .screen-slide-content img {
        max-width: 100%
    }
}
.pagination-screen {
    display: table;
    margin: 55px auto 0
}
.subscribe-section {
    padding-bottom: 67px
}
@media screen and (max-width: 601px) {
    .subscribe-section {
        padding-bottom: 37px
    }
}
@media screen and (max-width: 420px) {
    .subscribe-section {
        padding-bottom: 80px
    }
}
.form-subscribe {
    max-width: 768px;
    width: 100%;
    margin: 57px auto 0;
    position: relative
}
@media screen and (max-width: 601px) {
    .form-subscribe {
        margin-top: 37px
    }
}
.subscribe-email {
    border: 1px solid #ececec;
    padding: 14px 18px;
    border-radius: 5px;
    width: 100%;
    color: #888;
    transition: border-color .4s linear
}
.subscribe-email::-webkit-input-placeholder {
    color: #888
}
.subscribe-email:-moz-placeholder {
    color: #888;
    opacity: 1
}
.subscribe-email::-moz-placeholder {
    color: #888;
    opacity: 1
}
.subscribe-email:-ms-input-placeholder {
    color: #888
}
.subscribe-email:focus {
    border-color: #56cc91
}
.btn-subscribe {
    position: absolute;
    top: 0;
    right: 0;
    background: #56cc91;
    border-radius: 5px;
    border: 0;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    padding: 15px 20px 15px 60px;
    transition: background .4s linear
}
.btn-subscribe .mail-ico {
    left: 20px;
    top: 50%;
    margin-top: -10.5px;
    position: absolute
}
.btn-subscribe:hover {
    background: #41b078;
    color: #fff;
}
@media screen and (max-width: 420px) {
    .btn-subscribe {
        width: 150px;
        left: 50%;
        top: 58px;
        margin-left: -75px
    }
}
.map-container {
    height: 400px
}
@media screen and (max-width: 480px) {
    .map-container {
        height: 380px
    }
}
@media screen and (max-width: 321px) {
    .map-container {
        height: 320px
    }
}
.contact-page-map {
    width: 100%;
    height: 100%
}
a[href^="http://maps.google.com/maps"] {
    display: none !important
}
.gmnoprint a, .gmnoprint span {
    display: none
}
.gmnoprint div {
    background: none !important
}
.tour-section {
    overflow: hidden;
    padding: 123px 0 100px
}
@media screen and (max-width: 992px) {
    .tour-section {
        padding: 83px 0 60px
    }
}
@media screen and (max-width: 768px) {
    .tour-section {
        padding: 83px 0 90px
    }
}
@media screen and (max-width: 601px) {
    .tour-section {
        padding: 30px 0 60px
    }
}
@media screen and (max-width: 480px) {
    .tour-section {
        padding: 20px 0 40px
    }
}
.section_mod_green {
    background: #56cc91;
    padding-bottom: 80px
}
@media screen and (max-width: 992px) {
    .section_mod_green {
        padding: 83px 0 60px
    }
}
@media screen and (max-width: 601px) {
    .section_mod_green {
        padding: 30px 0 60px
    }
}
@media screen and (max-width: 480px) {
    .section_mod_green {
        padding: 20px 0 40px
    }
}
.tour-img-container {
    text-align: center;
    margin-left: 19px
}
@media screen and (max-width: 1200px) {
    .tour-img-container img {
        max-width: 100%
    }
}
@media screen and (max-width: 992px) {
    .tour-title {
        font-size: 32px
    }
}
@media screen and (max-width: 992px) {
    .tour-text {
        max-width: 500px;
        text-align: center;
        margin: 0 auto
    }
}
.tour-text-container {
    text-align: center
}
@media screen and (max-width: 992px) {
    .tour-text-container {
        margin-bottom: 50px
    }
}
.tour-social {
    text-align: center
}
.tour-social-title {
    color: #555;
    font-size: 13px
}
@media screen and (max-width: 992px) {
    .tour-social-title {
        margin-top: 50px
    }
}
.col-vertical {
    position: relative;
    height: 550px
}
@media screen and (max-width: 1200px) {
    .col-vertical {
        height: 530px
    }
}
@media screen and (max-width: 992px) {
    .col-vertical {
        height: auto
    }
}
.vertical-center {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    padding: 15px
}
@media screen and (max-width: 992px) {
    .vertical-center {
        position: static;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        padding: 0
    }
}
.tour-social-ico {
    margin-top: 40px
}
@media screen and (max-width: 1200px) {
    .tour-social-ico {
        margin-top: 25px
    }
}
.tour-social-ico a {
    background: #56cc91;
    position: relative;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: inline-block;
    margin: 0 15px;
}
@media screen and (max-width: 1200px) {
    .tour-social-ico a {
        width: 60px;
        height: 60px
    }
}
@media screen and (max-width: 992px) {
    .tour-social-ico a {
        width: 50px;
        height: 50px;
        margin: 0 7px
    }
}
.info-list-item {
    padding-left: 95px;
    position: relative;
    margin-bottom: 60px
}
@media screen and (max-width: 992px) {
    .info-list-item {
        margin-bottom: 40px;
        padding-left: 70px
    }
}
.info-list-item h4 {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 15px
}
.info-list-item p {
    color: #fff;
    font-size: 13px;
    line-height: 1.5
}
.info-list-item span {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    top: -5px;
    left: 0
}
@media screen and (max-width: 992px) {
    .info-list-item span {
        width: 60px;
        height: 60px
    }
}
.info-list-item .big-data {
    background: #78d6a7
}
.info-list-item:last-of-type {
    margin-bottom: 0
}
.tour-slider {
    padding-bottom: 22px
}
.stats-system-box img {
    max-width: 100%
}
@media screen and (max-width: 992px) {
    .stats-system-box {
        display: none
    }
}
.section-multimedia {
    background: #fafafa
}
@media screen and (max-width: 601px) {
    .section-multimedia {
        padding: 30px 0 90px
    }
}
@media screen and (max-width: 768px) {
    .section-multimedia .vertical {
        bottom: 15px
    }
}
@media screen and (max-width: 601px) {
    .section-multimedia .vertical {
        bottom: -10px
    }
}
.info-multimedia {
    text-align: center;
    margin-left: 20px
}
.info-multimedia h4 {
    font-weight: 700;
    color: #555;
    margin: 33px 0 25px
}
.info-multimedia p {
    font-size: 13px;
    line-height: 1.7
}
@media screen and (max-width: 768px) {
    .info-multimedia {
        margin-left: 0
    }
}
.start-section {
    padding-top: 220px;
    position: relative
}
.start-section .container {
    position: static
}
.start-title {
    padding-bottom: 150px;
    position: relative
}
.start-title:before {
    content: '';
    position: absolute;
    border-left: 1px dashed #cbcbcb;
    height: 190px;
    top: -200px;
    left: 50%;
    margin-left: -1px
}
.start-title:after {
    content: '';
    position: absolute;
    border-left: 1px dashed #cbcbcb;
    height: 135px;
    bottom: -11px;
    left: 50%;
    margin-left: -1px
}
.start-arrow {
    width: 92px;
    height: 92px;
    border-radius: 50%;
    background: #56cc91;
    display: inline-block;
    position: absolute;
    top: -46px;
    left: 50%;
    margin-left: -32px;
    z-index: 1;
    transition: background .4s linear
}
.start-arrow:hover {
    background: #41b078
}
.start-block {
    padding: 27px 60px;
    display: table;
    margin: 0 auto;
    border-radius: 5px;
    border: 1px dashed #cbcbcb
}
@media screen and (max-width: 480px) {
    .start-block {
        padding: 20px 50px
    }
}
.container-tm {
    padding: 305px 0 210px
}
@media screen and (max-width: 992px) {
    .container-tm {
        padding: 260px 0 160px
    }
}
@media screen and (max-width: 768px) {
    .container-tm {
        padding: 170px 0 100px
    }
}
.tm-head-container {
    text-align: center
}
@media screen and (max-width: 992px) {
    .tm-head-container {
        margin: 25px 0 25px
    }
}
.tm-info-block {
    width: 180px;
    height: 180px;
    border: 2px solid #54b585;
    border-radius: 50%;
    position: relative;
    margin: 0 auto
}
.tm-number {
    font-weight: 700;
    font-size: 26px
}
.tm-head-title {
    color: #555;
    margin-top: 32px
}
.tm-info-text {
    color: #555;
    font-size: 13px
}
.tm-ico {
    width: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}
.tm-ico .tm-number {
    display: block
}
.video-container-slider {
    position: relative
}
.video-slide,  {
    height: 700px !important;
    background-size: cover;
    background-position: center;
    position: relative
}
.video-slide .container {
    height: 100%
}
.video-slider  {
	height: 700px !important;
}
@media screen and (max-width: 992px) {
    .video-slide, .video-slider {
        height: 600px !important;
    }
}
@media screen and (max-width: 992px) {
    .video-slide, .video-slider {
        height: 500px !important;
    }
}
.video-title {
    color: #fff;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    margin-top: -20px
}
@media screen and (max-width: 601px) {
    .video-title {
        margin-top: 0
    }
}
.video-title a {
    display: inline-block;
    margin: 0 35px;
    top: 16px;
    position: relative
}
@media screen and (max-width: 601px) {
    .video-title a {
        display: block;
        margin: 15px auto;
        top: 0
    }
}
@media screen and (max-width: 992px) {
    .video-title {
        font-size: 30px
    }
}
@media screen and (max-width: 768px) {
    .video-title {
        font-size: 28px
    }
}
.pagination-video {
    position: absolute;
    bottom: 30px;
    left: 50%;
    z-index: 5;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    visibility: visible
}
.pagination-video .swiper-pagination-bullet {
    opacity: .2;
    background: #56cc91;
    height: 13px;
    width: 13px
}
.pagination-video .swiper-pagination-bullet-active {
    opacity: 1 !important
}
.row-fr {
    margin-top: 65px
}
.comments-fr-container {
    box-shadow: 5px 8.7px 10px rgba(0, 0, 0, 0.1);
    margin-bottom: 65px
}
.comments-fr-container img {
    max-width: 100%;
    width: 100%
}
@media screen and (max-width: 992px) {
    .col-friend {
        max-width: 400px;
        margin: 0 auto
    }
}
.fr-content {
    padding: 22px 15px 7px
}
.fr-name {
    color: #555;
    font-weight: 700
}
.fr-position {
    font-style: italic;
    text-transform: uppercase;
    font-size: 11px;
    color: #888;
    display: block;
    margin: 2px 0 20px
}
.fr-info {
    background: #56cc91;
    padding: 14px 15px 11px
}
.comm-data {
    float: left;
    color: #fff;
    font-style: italic;
    font-size: 11px
}
.comm-social {
    float: right;
    position: relative;
    top: -3px
}
.fr-like {
    color: #fff;
    font-size: 11px
}
.fr-tw {
    margin: 0 16px 0 13px
}
.fr-like {
    padding-bottom: 2px
}
.fr-like a {
    position: relative;
    top: 1px
}
.feedback-section {
    position: relative;
    background-size: cover;
    padding-top: 0
}
.feedback-section:after {
    background-color: rgba(86, 204, 145, 0.92)
}
.feedback-form-container {
    float: left;
    width: 303px;
    height: 546px;
    background: url("images/device-form.png") no-repeat;
    position: relative
}
@media screen and (max-width: 768px) {
    .feedback-form-container {
        margin: 0 auto;
        float: none;
        display: table
    }
}
@media screen and (max-width: 380px) {
    .feedback-form-container {
        display: block;
        width: 270px;
        background-size: contain
    }
}
.feedback-form  {
    margin: 57px 4px 56px 5px;
    background: #fff;
    width: 294px;
    height: 434px;
    padding: 0 11px;
    position: relative
}
.feedback-form  .wpcf7-submit {
	position: absolute;
    left: 0;
    bottom: 0;
    border-radius: 0;
    width: 100%;
    float: none;
    height: 50px;
    top: auto;
    line-height: 21px;
    margin-left: 0;
}
@media screen and (max-width: 380px) {
    .feedback-form {
        width: 261px;
        height: 387px;
        top: 50px
    }
}
.f-input, .fb-textarea {
    color: #888;
    border: 0;
    border-bottom: 1px solid #eee;
    width: 100%;
    padding: 10px 0;
    margin-top: 5px
}
.f-input::-webkit-input-placeholder, .fb-textarea::-webkit-input-placeholder {
    color: #888;
    text-transform: uppercase
}
.f-input:-moz-placeholder, .fb-textarea:-moz-placeholder {
    color: #888;
    opacity: 1;
    text-transform: uppercase
}
.f-input::-moz-placeholder, .fb-textarea::-moz-placeholder {
    color: #888;
    opacity: 1;
    text-transform: uppercase
}
.f-input:-ms-input-placeholder, .fb-textarea:-ms-input-placeholder {
    color: #888;
    text-transform: uppercase
}
.mask-wrapper {
    height: 50px;
    position: relative
}
.mask-wrapper .send-file {
    padding: 16px 0;
    color: #fff;
    background: #56cc91;
    width: 100%;
    border-radius: 5px;
    border: 0;
    text-transform: uppercase;
    transition: background .4s linear
}
.mask-wrapper .fileInputText {
    position: relative;
    width: 100%;
    top: 85px;
    background: #fff;
    color: #888;
    border: 0
}
.custom-file-input {
    width: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
    position: relative;
    top: -52px;
    left: 0;
    padding: 16px 0;
    z-index: 99999;
    cursor: pointer
}
.custom-file-input:after {
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    cursor: pointer;
    position: absolute
}
.fb-textarea {
    border: 0;
    resize: none;
    margin-top: 48px;
    height: 100px
}
.fb-textarea:focus {
    outline: 0
}
.fb-btn-submit {
    position: absolute;
    left: 0;
    bottom: 0;
    border-radius: 0;
    width: 100%;
    float: none;
    height: 50px;
    top: auto;
    margin-left: 0
}
.fb-btn-submit .mail-ico {
    left: 100px
}
@media screen and (max-width: 380px) {
    .fb-btn-submit .mail-ico {
        left: 78px
    }
}
.delete-photo {
    position: absolute;
    z-index: 100;
    background: url("images/sprite.png") no-repeat 0 -1017px;
    top: 92px;
    right: 0;
    height: 12px;
    width: 12px;
    display: none
}
.file-input-h {
    background: #41b078 !important
}
.feedback-container {
    text-align: center;
    margin-top: 90px
}
@media screen and (max-width: 768px) {
    .feedback-container {
        margin-top: 0;
        margin-bottom: 50px
    }
}
.section-fb-title {
    color: #fff
}
.section-fb-title:after {
    background: #fff
}
.btn-now {
    background: #fff;
    color: #555;
    transition: color .4s ease;
    margin-top: 30px
}
.btn-now:hover {
    color: #56cc91
}
.section-offers {
    background: #fafafa
}
.offers-container {
    margin-top: 70px;
    background: #fff;
    box-shadow: 5px 8.7px 10px rgba(0, 0, 0, 0.08);
    text-align: center;
    padding-bottom: 40px;
    transition: background .4s linear, color .4s linear
}
.offers-container:hover {
    background: #56cc91
}
.offers-container:hover .offers-title {
    color: #fff
}
.offers-container:hover .offers-status {
    color: #555;
    background: #fff
}
.offers-container:hover .offers-list {
    color: #fff
}
.offers-container:hover .start-now {
    background: #fff;
    color: #555
}
.offers-container:hover .start-now:hover {
    color: #56cc91
}
.offers-container:hover .button .ico:before {
    opacity: 1
}
.offers-container:hover .button .ico:after {
    opacity: 0
}
.offers-title {
    color: #555;
    font-weight: 700;
    text-transform: uppercase;
    padding: 40px 0 30px
}
.offers-status {
    background: #56cc91;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 24px;
    padding: 18px 0 19px
}
.offers-status span {
    font-weight: 400
}
.offers-status sup {
    font-weight: 400;
    font-size: 11px
}
.offers-list {
    padding: 35px 0 20px
}
.offers-list li {
    margin-bottom: 15px;
    color: #888
}
.table-responsive {
    margin-top: 65px;
    overflow-y: hidden
}
@media screen and (max-width: 768px) {
    .table-responsive {
        overflow-x: auto
    }
}
.table {
    width: 100% !important;
    margin-bottom: 0
}
.table > tbody > tr > th, .table > tbody > tr > td {
    border-top: 0
}
@media screen and (max-width: 768px) {
    .table {
        width: 768px !important
    }
}
.table tr {
    width: 100%;
    font-size: 14px
}
@media screen and (max-width: 992px) {
    .table tr {
        font-size: 13px
    }
}
.table tr td {
    width: 25%;
    text-align: center;
    padding: 10px 0;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    color: #888
}
@media screen and (max-width: 1200px) {
    .table tr td {
        width: 24%
    }
}
@media screen and (max-width: 992px) {
    .table tr td {
        width: 23%
    }
}
.table tr td:first-of-type {
    text-align: left;
    padding-left: 21px;
    color: #555
}
@media screen and (max-width: 1200px) {
    .table tr td:first-of-type {
        width: 28%
    }
}
@media screen and (max-width: 992px) {
    .table tr td:first-of-type {
        width: 31%;
        padding-left: 10px
    }
}
.table tr td:first-of-type .help {
    display: inline-block;
    height: 18px;
    width: 18px;
    text-align: center;
    line-height: 18px;
    border-radius: 50%;
    background: #f9f9f9;
    margin-right: 15px;
    font-size: 12px;
    color: #888;
    cursor: default;
    transition: background .5s ease
}
.table tr td:first-of-type .help:hover {
    background: #56cc91;
    color: #fff
}
.table tr td:first-of-type .toltip {
    width: 397px;
    padding: 15px;
    color: #fff;
    background: #555;
    border-radius: 5px;
    position: absolute;
    z-index: 10;
    display: inline-block;
    top: 50%;
    left: 33px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease
}
.table tr td:first-of-type .toltip:before {
    content: '';
    position: absolute;
    margin-top: -7.5px;
    left: -11px;
    top: 50%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7.5px 11px 7.5px 0;
    border-color: transparent #555 transparent transparent
}
.table tr td:first-of-type .help-info {
    position: relative;
    float: right
}
.table tr td:first-of-type .help-info:hover .help {
    background: #56cc91;
    color: #fff
}
.table tr td:first-of-type .help-info:hover .toltip {
    opacity: 1;
    visibility: visible
}
.table tr th {
    width: 25%;
    border-right: 1px solid #eee;
    padding: 32px 0 10px;
    border-bottom: 0;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase
}
@media screen and (max-width: 1200px) {
    .table tr th {
        width: 24%
    }
}
@media screen and (max-width: 992px) {
    .table tr th {
        width: 23%
    }
}
.table tr th:first-of-type {
    padding-left: 21px;
    text-align: left
}
@media screen and (max-width: 1200px) {
    .table tr th:first-of-type {
        width: 28%
    }
}
@media screen and (max-width: 992px) {
    .table tr th:first-of-type {
        width: 31%;
        padding-left: 10px
    }
}
.table tr:hover {
    background: #f9f9f9
}
.table-basic {
    color: #18c2bc;
    border-left: 9px solid #18c2bc
}
.acount-users {
    color: #56cc91;
    border-left: 9px solid #56cc91
}
.functions-table {
    color: #ced836;
    border-left: 9px solid #ced836
}
.table-support {
    color: #edbd14;
    border-left: 9px solid #edbd14
}
.table-end {
    border-left: 9px solid #555
}
.table-end tr td {
    border-bottom: 0;
    padding: 25px 0
}
.table-end tr td .button {
    margin-top: 5px
}
@media screen and (max-width: 992px) {
    .table-end tr td .button {
        padding: 0 20px
    }
}
.table-caption {
    border-left: 9px solid #555
}
.table-caption tr th {
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee
}
.table-caption tr th span {
    color: #56cc91
}
.table-caption tr th sup {
    text-transform: none;
    color: #56cc91;
    font-weight: 400;
    position: relative;
    top: -3px
}
@media screen and (max-width: 992px) {
    .table-caption tr th > span {
        display: block
    }
}
.paid-section {
    padding-bottom: 40px
}
.methods-container {
    margin-top: 70px
}
.methods {
    display: block;
    text-align: center
}
.methods img {
    opacity: .8;
    transition: opacity .5s ease;
    margin: 0 auto
}
@media screen and (max-width: 992px) and (min-width: 769px) {
    .methods img {
        height: 40px
    }
}
@media screen and (max-width: 769px) {
    .methods img {
        margin-bottom: 15px
    }
}
@media screen and (max-width: 769px) {
    .methods img {
        height: 40px
    }
}
.methods img:hover {
    opacity: 1
}
.payment-container {
    background: url("images/payment-bg.jpg") no-repeat center
}
@media screen and (max-width: 601px) {
    .payment-container {
        background: 0
    }
}
.payment-info {
    max-width: 768px;
    background-color: rgba(86, 204, 145, 0.9);
    border-radius: 10px;
    box-shadow: 2.5px 4.3px 5px rgba(0, 0, 0, 0.15);
    margin: 160px auto;
    padding: 40px 30px
}
@media screen and (max-width: 769px) {
    .payment-info {
        margin: 120px auto
    }
}
@media screen and (max-width: 601px) {
    .payment-info {
        margin: 60px auto
    }
}
.deckript-slide {
    text-align: center
}
.deckript-slide h2, .deckript-slide p {
    color: #fff
}
.deckript-slide h2 {
    padding: 0 0 10px
}
.payment-pagination {
    display: table;
    margin: 20px auto 0
}
.swiper-pagination-bullet {
    margin: 0 5px;
    width: 9px;
    height: 9px;
    background: #fff;
    border-radius: 50%;
    opacity: .2
}
.swiper-pagination-bullet-active {
    opacity: 1
}
.slider-pricing {
    height: 100%
}
.slider-pricing .swiper-wrapper {
    height: 100%
}
.hot-price {
    color: #fff
}
.hot-price span {
    color: #56cc91
}
@media screen and (max-width: 601px) {
    .hot-price {
        font-size: 32px
    }
}
@media screen and (max-width: 480px) {
    .hot-price {
        font-size: 30px
    }
}
.slide-pricing {
    padding-bottom: 245px;
    background-size: cover;
    background-position: center;
    position: relative
}
@media screen and (max-width: 992px) {
    .slide-pricing {
        padding-bottom: 200px
    }
}
@media screen and (max-width: 601px) {
    .slide-pricing {
        padding-bottom: 140px
    }
}
@media screen and (max-width: 601px) {
    .slide-pricing {
        padding-bottom: 100px
    }
}
@media screen and (max-width: 768px) {
    .pagination-pric {
        margin-bottom: 0
    }
}
.help-section {
    padding: 0
}
.swiper-slide {
    background-size: cover;
    background-position: center
}
.container-arrow {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    height: 100%;
}
.absolute-box {
    position: absolute;
    width: 100%;
    top: 90px
}
.absolute-box .categories-links {
    display: table;
    margin: 0 auto
}
.absolute-box .categories-links a {
    color: #fff
}
.help-container {
    text-align: left;
    padding-top: 50px
}
@media screen and (max-width: 992px) {
    .help-container {
        padding: 30px 0 100px
    }
}
@media screen and (max-width: 481px) {
    .help-container {
        padding: 50px 0
    }
}
.help-title {
    font-size: 32px;
    font-weight: 700;
    color: #fff;
    text-align: left
}
.help-sub-title {
    font-size: 26px;
    color: #fff;
    margin-bottom: 22px
}
.help-sub-title span {
    color: #56cc91
}
@media screen and (max-width: 481px) {
    .help-sub-title {
        font-size: 22px
    }
}
.info-text {
    font-weight: 400;
    color: #fff
}
.help-img-box {
    float: left;
    margin-right: 10px;
    margin-top: 15px;
    width: 410px;
    height: 500px
}
@media screen and (max-width: 992px) {
    .help-img-box {
        display: none
    }
}
.help-img-box img {
    max-width: 407px;
    bottom: 0;
    display: block;
    position: absolute;
    left: 50px
}
.container-slide {
    padding: 0 70px
}
@media screen and (max-width: 768px) {
    .container-slide {
        padding: 0 15px
    }
}
.pagination-help {
    position: absolute;
    bottom: 40px;
    z-index: 10;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    margin: 0
}
.feedback-section {
    overflow: hidden
}
.area-bg {
    background: #54b585;
    height: 100px
}
.app-contact-title {
    color: #fff;
    font-size: 20px
}
.contact-item {
    display: inline-block;
    color: #fff;
    margin: 0 10px 15px;
    font-size: 14px
}
.contact-item address {
    margin-bottom: 0
}
.contact-item a {
    display: inline-block;
    color: #fff
}
.contact-item:last-of-type a {
    margin-right: 10px
}
/* 09 - BLOG */
.article {
    margin-bottom: 125px
}
.article:last-of-type {
    margin-bottom: 70px
}
@media screen and (max-width: 992px) {
    .article {
        margin-bottom: 85px
    }
}
.post-img {
    float: left;
    position: relative;
}
.plus-cursor .post-img {
    cursor: url("images/cross.png") 52 52, auto;
}
.post-img img {
    max-width: 100%;
    height:auto;
    width: 100%;
}
.post-img:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    transition: background-color .3s ease;
    z-index: -1
}
.post-img:hover:after {
    z-index: 1;
    background-color: rgba(86, 204, 145, 0.4)
}
.post-info {
    float: left;
    width: 10%;
    padding: 38px 14px 0;
    text-align: center
}
.post-info i {
    display: block;
    margin: 0 auto 5px;
    color: #56cc91;
    font-size: 15px;
}
.post-info span {
    color: #888;
    font-size: 12px;
    display: block;
    margin-bottom: 22px
}
.post-info span * {
    word-wrap: break-word;
}
@media screen and (max-width: 992px) {
    .post-info {
        padding-left: 7px;
        padding-right: 7px
    }
}
@media screen and (max-width: 601px) {
    .post-info {
        width: 100%
    }
    .post-info span {
        margin-bottom: 0;
        float: left;
        margin-right: 15px
    }
    .post-info span .comment-ico {
        margin-bottom: 7px
    }
}
.post-content {
    float: left;
    width: 90%;
    padding-left: 15px
}
.post-content .button {
    margin-top: 32px
}
@media screen and (max-width: 992px) {
    .post-content .button {
        margin-top: 25px
    }
}
@media screen and (max-width: 601px) {
    .post-content {
        width: 100%;
        padding-left: 0
    }
}
.post-title {
    font-weight: 700;
    font-size: 28px;
    position: relative;
    margin-top: 28px;
    text-align: left;
    line-height: 1.4
}
.post-title a {
    color: #555;
    transition: color .3s ease
}
.post-title a:hover {
    color: #56cc91
}
.post-title:after {
    content: '';
    position: relative;
    height: 2px;
    background: #56cc91;
    width: 70px;
    display: block;
    margin: 25px 0 27px
}
@media screen and (max-width: 992px) {
    .post-title {
        line-height: 1.2;
        margin-top: 30px
    }
}
@media screen and (max-width: 601px) {
    .post-title {
        line-height: 1.2;
        margin-top: 15px;
        font-size: 24px
    }
}
.pager-article {
    display: table;
    margin: 0 auto
}
.aside div:last-of-type {
    margin-bottom: 0
}
@media screen and (max-width: 768px) {
    .aside {
        margin-top: 65px;
        max-width: 300px
    }
    #sidebar {
        margin-top: 100px;
    }
}
@media screen and (max-width: 481px) {
    .aside {
        max-width: 100%
    }
}
.single-article p {
    margin-bottom: 27px
}
@media screen and (max-width: 768px) {
    .single-article p {
        margin-bottom: 13px
    }
}
.single-article h4 {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.9;
    color: #888;
    text-transform: none;
}
.single-article ul {
    margin-bottom: 28px
}
.single-article ul li {
    margin-left: 15px
}
.single-post-title {
    color: #555;
    font-size: 36px;
    font-weight: 700;
    margin: 0 0 30px;
    /*float: left;
    width: 100%;
    line-height: 1.3*/
}
@media screen and (max-width: 768px) {
    .single-post-title {
        font-size: 32px
    }
}
@media screen and (max-width: 481px) {
    .single-post-title {
        font-size: 28px
    }
}
.figure {
    width: 50%;
    margin-bottom: 30px;
    float: left
}
.figure:first-of-type {
    padding-right: 19px
}
@media screen and (max-width: 481px) {
    .figure:first-of-type {
        padding-right: 0
    }
}
.figure:last-of-type {
    padding-left: 19px
}
@media screen and (max-width: 481px) {
    .figure:last-of-type {
        padding-left: 0
    }
}
.figure img {
    max-width: 100%
}
.figure figcaption {
    color: #555;
    font-size: 13px;
    font-weight: bold;
    margin-top: 18px;
    padding: 0 18px;
    border-left: 5px solid #56cc91
}
@media screen and (max-width: 481px) {
    .figure {
        width: 100%;
        margin-bottom: 15px
    }
}
.list-title {
    font-weight: 700;
    color: #888;
    margin: 0 0 35px 0
}
.article-info {
    margin-bottom: 45px
}
@media screen and (max-width: 768px) {
    .article-info {
        margin-bottom: 30px
    }
}
@media screen and (max-width: 580px) {
    .article-info {
        margin-bottom: 15px
    }
}
.post-info-single {
    float: left;
    width: auto;
    padding: 0;
    margin-right: 40px
}
.post-info-single span {
    margin-bottom: 0;
    float: left;
    margin-right: 35px
}
.post-info-single span .comment-ico {
    margin-bottom: 7px
}
@media screen and (max-width: 481px) {
    .post-info-single span {
        margin-right: 20px
    }
}
@media screen and (max-width: 580px) {
    .post-info-single {
        width: 100%;
        display: block;
        margin-bottom: 15px
    }
}
.tags-title {
    font-size: 13px;
    float: left;
    color: #555;
    font-weight: bold;
    margin-right: 10px;
    padding-top: 7px
}
.single-article .tags-container {
    font-size: 13px;
    float: left;
    color: #555;
    font-weight: bold;
    margin-right: 10px;
    padding-top: 7px
}
.article-tags-container {
    margin-top: 40px
}
.single-article .article-tags-container {
    margin-top: 0;
}
.related-title, .comm-title {
    font-size: 36px;
    font-weight: 400
}
.related-title span, .comm-title span {
    font-weight: 700
}
@media screen and (max-width: 768px) {
    .related-title, .comm-title {
        font-size: 32px
    }
}
@media screen and (max-width: 601) {
    .related-title, .comm-title {
        font-size: 28px
    }
}
.related-post-container {
    overflow: hidden
}
.related-post {
    margin-right: 30px
}
.related-post .text {
    margin-top: 18px
}
.post-carousel {
    margin-top: 70px
}
@media screen and (max-width: 768px) {
    .related-post {
    margin-right: 0;
}
    .post-carousel {
        margin-top: 40px
    }
}
.pagination-post {
    margin-top: 10px
}
.commentary-item {
    position: relative;
    margin-bottom: 38px
}
.commentary-reply {
    margin-left: 145px
}
.commentary-reply:before {
    content: '';
    position: absolute;
    left: -88px;
    top: -28px;
    background: url("images/comm-aroow.png") no-repeat;
    width: 74px;
    height: 88px
}
@media screen and (max-width: 601px) {
    .commentary-reply:before {
        content: none
    }
}
@media screen and (max-width: 768px) {
    .commentary-reply {
        margin-left: 120px
    }
}
@media screen and (max-width: 601px) {
    .commentary-reply {
        margin-left: 40px
    }
}
.avatar {
    background: #fff;
    border: 2px solid #5fcf97;
    border-radius: 50%;
    padding: 7px;
    float: left;
    margin-right: 25px
}
.avatar img {
    width: 101px;
    height: 101px
}
@media screen and (max-width: 768px) {
    .avatar img {
        height: 81px;
        width: 81px
    }
}
@media screen and (max-width: 601px) {
    .avatar img {
        height: 61px;
        width: 61px
    }
}
@media screen and (max-width: 481px) {
    .avatar img {
        height: 41px;
        width: 41px
    }
}
@media screen and (max-width: 481px) {
    .avatar {
        padding: 4px
    }
}
.commentary-post {
    padding-top: 14px;
    margin-left: 143px
}
@media screen and (max-width: 768px) {
    .commentary-post {
        margin-left: 123px
    }
}
@media screen and (max-width: 768px) {
    .commentary-post {
        margin-left: 105px
    }
}
@media screen and (max-width: 481px) {
    .commentary-post {
        margin-left: 77px;
        padding-top: 0
    }
}
.time-name {
    color: #888
}
.data-time {
    font-size: 12px
}
.data-time .time-ico {
    margin-right: 7px;
    position: relative;
    top: 3px
}
.user-name {
    font-size: 14px;
    color: #555;
    font-weight: 700;
    margin-left: 20px
}
@media screen and (max-width: 481px) {
    .user-name {
        display: block;
        margin-left: 0
    }
}
.commentary-text {
    font-size: 14px;
    color: #888;
    margin: 14px 0 16px
}
.reply {
    color: #56cc91;
    position: relative;
}
.reply i {
    position: absolute;
    top: 5px;
    left: 0;
    width: 16px;
    height: 16px
}
.reply:hover {
    color: #56cc91;
    text-decoration: underline
}
.commentary-form {
    margin-top: 65px
}
.comm-field {
    width: 100%;
    border: 2px solid #ececec;
    border-radius: 5px;
    transition: border-color .5s ease
}
.commentary-input {
    width: 50%;
    float: left
}
.commentary-textarea {
    margin-top: 10px;
}
.form-group {
    width: 100%
}
.form-group label {
    float: left;
    width: 100%;
    color: #888
}
.group-input {
    width: 49%;
    margin-bottom: 18px;
    float: left;
}
.group-input label {
    margin-bottom: 10px
}
 .group-input-first {
    margin-right: 2%;
}
@media screen and (max-width: 481px) {
    .group-input-first {
        margin-right: 0
    }
}
@media screen and (max-width: 481px) {
    .group-input {
        width: 100%
    }
}
.commentary-input, .commentary-textarea {
    width: 100%;
    padding: 12px 15px;
    color: #888
}
.commentary-input:focus, .commentary-textarea:focus {
    outline: 0;
    border-color: #56cc91
}
.commentary-textarea {
    min-height: 177px
}
form#commentform .submit {
    float: right;
    top: 6px;
    transition: background .4s linear;
}
@media screen and (max-width: 768px) {
    .btn-submit {
        float: left
    }
}
/* 10 - FOOTER */
.footer {
    background: #222;
    padding: 68px 0
}
.footer a {
    color: #777
}
.footer a:hover {
    text-decoration: underline
}
@media screen and (max-width: 768px) {
    .footer {
        padding: 20px 0 30px
    }
}
@media screen and (max-width: 768px) {
    .row-ftr {
        display: table
    }
    .row-ftr .ftr-text-widget {
        display: table-header-group
    }
    .row-ftr .ftr-list-box {
        display: table-footer-group
    }
}
.ftr-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.ftr-text {
    color: #777;
    font-size: 12px
}
.ftr-contact {
    margin-bottom: 28px;
    font-size: 12px;
    color: #000;
    padding-left: 36px;
    position: relative
}
.ftr-contact address {
    color: #777
}
.ftr-contact:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: url('images/sprite.png') no-repeat
}
.contact-address:before {
    background-position: -48px -778px;
    width: 16px;
    height: 20px;
    left: 2px
}
.contact-mail:before {
    background-position: 0 -737px;
    width: 24px;
    height: 17px
}
.contact-phone:before {
    background-position: 0 -68px;
    width: 14px;
    height: 20px;
    left: 5px
}
.contact-phone a {
    margin-bottom: 5px
}
@media screen and (max-width: 1200px) {
    .ftr-social {
        margin-top: -10px
    }
}
.ftr-social a {
    width: 30px;
    height: 30px;
    display: block;
    margin-bottom: 13px;
    position: relative;
    transition: background .4s ease
}
.ftr-social a:hover {
    background: #fff
}
@media screen and (max-width: 1200px) {
    .ftr-social a {
        float: left
    }
}
.copy {
    margin-top: 65px;
    text-transform: uppercase;
    color: #777;
    font-size: 11px
}
.copy span {
    color: #fff
}

@media screen and (max-width: 599px) {
    .copy .copy-right {
        float: none;
        margin-bottom: 10px
    }
}
@media screen and (max-width: 768px) {
    .copy {
        margin-top: 25px
    }
}
@media screen and (max-width: 599px) {
    .copy {
        text-align: center
    }
}
.copy-links {
    padding-left: 20px;
    float: left
}
@media screen and (max-width: 599px) {
    .copy-links {
        float: none;
        padding-left: 0
    }
}
.copy-links a {
    display: inline-block;
    margin: 0 10px;
    position: relative
}
.privacy-link:after {
    content: '';
    background: #3f3f3f;
    width: 2px;
    border-right: 1px solid #656565;
    height: 10px;
    position: absolute;
    right: -14px;
    top: 3px
}
.col-social {
    float: right
}
@media screen and (max-width: 1200px) {
    .col-social {
        float: left
    }
    .col-social a {
        float: left
    }
}
.contact-container {
    float: left;
    width: 300px;
}
@media screen and (max-width: 1200px) {
    .contact-container {
        width: 100%
    }
}
@media screen and (max-width: 599px) {
    .ftr-text-widget, .col-contact {
        width: 100%
    }
}
/* 11 - CONTACT-FORM */
.contact-form-container {
    max-width: 760px;
    margin: 0 auto 0;
}
.contact-form-container .form-control {
    border: 1px solid #ececec !important;
    border-radius: 5px;
    box-shadow: none;
    color: #888;
    cursor: default;
    height: 43px;
    padding: 6px 18px;
    transition: border-color 0.4s linear 0s;
    width: 100%;
}
.subscribe-email::-webkit-input-placeholder {
    color: #888
}
.subscribe-email:-moz-placeholder {
    color: #888;
    opacity: 1
}
.subscribe-email::-moz-placeholder {
    color: #888;
    opacity: 1
}
.subscribe-email:-ms-input-placeholder {
    color: #888;
}
.subscribe-email:focus {
    border-color: #56cc91;
}
.contact-form-container .form-group {
    position: relative;
}
.contact-form-container .checkbox {
    height: 20px;
    position: static;
}
.contact-form-container .btn-subscribe {
    position: relative;
    margin-top: 50px;  
    float: right; 
}
@media screen and (max-width: 420px) {
    .contact-form-container .btn-subscribe {
        width:auto;
        left: 0;
        top: 0;
        margin-left: 0;
    }
}
.contact-form-container .form-control:focus {
    border-color: #56cc91 !important;
}
.contact-form-container  label {
    color: #888;
}
.contact-form-container textarea  {
    margin-top: 10px;
    min-height: 150px;
    resize:none;
}
.trigger, .activetrigger {
    font-size: 14px;
} 
.trigger:hover, .activetrigger:hover {
    color: #888;
}
.form-name ,.form-sub{
    width: 48% !important;
    float: left;
    margin-right:  4%;
}
.form-email, .select-container {
    width: 48% !important;
    float: left;
}
button:focus {
    outline: none;
}
@media screen and (max-width: 601px) {
    .form-name ,.form-sub ,.form-email, .select-container {
    width: 100% !important;
    float: none;
    margin-right:  0;
}
}
#alert .message {
    color: #56cc91;
    font-weight: bold;
    float: left;
    text-align: center;
    width: 100%;
}
.fake-block {
    height: 500px;
    background: #ccc;
}
.wp-btn-read i {
    font-size: 18px;
    margin-right: 10px;
}
.pagination .screen-reader-text {
    display: none;
}
.comment-block .title-block {
    margin-top: 0;
}
.comment-block div.avatar {
    border: none;
}
.commentlist {
    padding-left: 0;
}
.textwidget {
    font-size: 13px;
    line-height: 1.5;
    color: #888;
}
a.url, .comment .name {
    pointer-events: none;
    cursor: default;
    font-size: 14px;
    color: #555;
    font-weight: 700;
    margin-left: 0;  
    text-transform: none;
}
.comment-entry {
    font-size: 14px;
    color: #888;
    margin: 14px 0 16px;
}
.reply a {
    color: #56cc91;
}
div.avatar {
    margin-right: 0;    
}
.commentlist {
    margin-bottom: 30px;
}
.comment {
    margin-bottom: 40px;
}
.comment ul.children {
    margin-top: 40px;
    margin-left: 20px;
}
.wpcf7-form select {
    color: #888;
    padding: 12px 14px 10px;
    font-size: 14px;
    width: 100%;
    display: block;
    border: 1px solid #ebebeb;
    box-sizing: border-box;
    transition: all .5s ease;
    border-radius: 5px;
    position: relative;
}
.select-container p {
    display: none;
}
.wpcf7-submit {
    margin-top: 30px;
}
.wpcf7-submit:hover {
    background: #139654;
}
.select-group {
    position: relative;
}
.select-group:after {
    content: '';
    background: url('images/sprite.png') no-repeat -48px -914px;
    width: 15px;
    height: 8px;
    position: absolute;
    top: 20px;
    right: 23px;
}
/*
 * Swiper 2.7.6
 * Mobile touch slider and framework with hardware accelerated transitions
 *
 * http://www.idangero.us/sliders/swiper/
 *
 * Copyright 2010-2015, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 *
 * Licensed under GPL & MIT
 *
 * Released on: February 11, 2015
*/
/* ===============================================================
Basic Swiper Styles 
================================================================*/
.swiper-container {
    margin:0 auto;
    position:relative;
    overflow:hidden;
    direction:ltr;
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
    -o-backface-visibility:hidden;
    backface-visibility:hidden;
    /* Fix of Webkit flickering */
    z-index:1;
    height: auto;
}
.swiper-wrapper {
    position:relative;
    width:100%;
    -webkit-transition-property:-webkit-transform, left, top;
    -webkit-transition-duration:0s;
    -webkit-transform:translate3d(0px,0,0);
    -webkit-transition-timing-function:ease;
    
    -moz-transition-property:-moz-transform, left, top;
    -moz-transition-duration:0s;
    -moz-transform:translate3d(0px,0,0);
    -moz-transition-timing-function:ease;
    
    -o-transition-property:-o-transform, left, top;
    -o-transition-duration:0s;
    -o-transform:translate3d(0px,0,0);
    -o-transition-timing-function:ease;
    -o-transform:translate(0px,0px);
    
    -ms-transition-property:-ms-transform, left, top;
    -ms-transition-duration:0s;
    -ms-transform:translate3d(0px,0,0);
    -ms-transition-timing-function:ease;
    
    transition-property:transform, left, top;
    transition-duration:0s;
    transform:translate3d(0px,0,0);
    transition-timing-function:ease;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    /*cursor:url(../img/drag.png) 16 9, ew-resize!important;*/
    margin: 0 auto;
    height: inherit!important;
    float: left;
}
.swiper-container[data-mode="vertical"] .swiper-wrapper {
    cursor:url(../img/drag-vertical.png) 8 16, ew-resize!important;
}
.pagination-hidden .swiper-wrapper{
    -webkit-transform:translate3d(0px,0,0)!important;
    -moz-transform:translate3d(0px,0,0)!important;
    -o-transform:translate3d(0px,0,0)!important;
    -ms-transform:translate3d(0px,0,0)!important;
    transform:translate3d(0px,0,0)!important;
    left: 0!important;
    cursor: auto!important;
}
.swiper-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto;
}
.swiper-slide {
    float: left;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: inherit!important;
}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
}
/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.swiper-container {
    /* Specify Swiper's Size: */
    /*width:200px;
    height: 100px;*/
}
.swiper-slide {
    /* Specify Slides's Size: */
    
    /*width: 100%;
    height: 100%;*/
}
.swiper-slide-active {
    /* Specific active slide styling: */
    
}
.swiper-slide-visible {
    /* Specific visible slide styling: */   
}
/* ===============================================================
Pagination Styles
================================================================*/
.swiper-container .pagination{
    text-align: center;
    width: 100%;
    margin: 35px 0 0 0;
}
.swiper-container[data-mode="vertical"] .pagination{
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    width: auto;
    margin: 0;
}
.swiper-container.pagination-hidden .pagination{
    display: none!important;
}
.swiper-pagination-switch {
    /* Stylize pagination button: */    
    width: 13px;
    height: 13px;
    border-radius: 13px;
    background: #ececec;
    margin: 0 9px;
    cursor: pointer;
    display: inline-block;
    opacity: 1;
}
.swiper-container[data-mode="vertical"] .swiper-pagination-switch{
    display: block;
    margin: 5px 0;
}
.swiper-active-switch {
    /* Specific active button style: */ 
       background: #56cc91;
}
.swiper-visible-switch {
    /* Specific visible button style: */    
}
.swiper-pagination-switch{
    -moz-transition:all 300ms ease-out;
    -o-transition:all 300ms ease-out;
    -webkit-transition:all 300ms ease-out;
    transition:all 300ms ease-out;
    -ms-transition:all 300ms ease-out;
}
/* ===============================================================
Arrows Styles
================================================================*/
.swiper-container.pagination-hidden .swiper-arrow-left, .swiper-container.pagination-hidden .swiper-arrow-right{
    display: none!important;
}
span.partners {
    display: block;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 40px;
}
span.partners img {
    display: inline-block;
}
@media (max-width: 992px) { 
  .app-space {
    height: 40px !important;
  }
}

@media (min-width: 1200px) {
  .dslc-modules-section .dslc-modules-section-wrapper{
    width: 1170px;
  }
  
}
@media (max-width: 1200px) { 
.benefits-icon {
        width: 130px;
        height: 130px;
  }
}
.dslc-full.dslc-modules-section .dslc-modules-section-wrapper {
    padding-left: 0 ;
    padding-right: 0;
}
.benefits-icon i {
    color:  #fff;
    font-size: 55px;
    height: 55px;
}
#main > .vc_row {
    margin: 0;
}
.vc_column-inner {
    padding-top: 0 !important;
}
.video-demonstration-container .vc_column_container,
.video-demonstration-container .vc_column-inner ,
.video-demonstration-container .wpb_wrapper
 {
       position: static; 
}
a.play {
    position: relative;
    z-index: 1;
}
.video {
    z-index: 0;
    border: none !important;
}
.video-active {
    z-index: 2;
}
.wpb_single_image.wpb_content_element.vc_align_right.img-bottom {
    margin-bottom: 0;
}
.section-title.left_styles,  .main-text.left_styles  {
    text-align: left;
}
.separator.left_styles {
    margin-left: 0;
}

@media (max-width: 1200px) {
  .wpb_single_image.wpb_content_element.vc_align_right.img-bottom {
   display: none;
}

.main-text.left_styles  {
    margin-bottom: 70px;
}

  
}
@media (max-width: 768px) { 
.question-row .vc_col-sm-8{
	padding-left: 0; 
}
}
.vc_row[data-vc-full-width].vc_hidden {
    opacity: 1 !important; 
} 
.pagination-hidden {
    display: none;
}
.btn-box i {
    margin-right: 10px;
}
select {
    -webkit-appearance: none;
    appearance: none;
}
.slider-modern .swiper-container, .slider-modern .swiper-wrapper {
    height: 100vh;
}
input.wpcf7-form-control.wpcf7-file {
    height: 54px;
    background: red;
    top: -15px;
    position: relative;
    opacity: 0;
    position: relative;z-index: 1;
    cursor: pointer;
}
.wpcf7-response-output {
	display: none !important;
}
.fullh {
	height: 100vh;
	min-height: 700px;
}

@media (max-width: 768px) { 
.fullh {
    height: auto;
    min-height: 100%;
}
}

.home-slider {
    height: 100vh;
}
@media (max-width: 1800px) { 
    .slider-menu-container {
        display: none;
    }
}

.vert-wr {
    overflow: hidden;
}
.bg-fx {
    background-attachment: scroll; 
}
p:empty {
    display: none;
} 
p.separator {
    display: block;
}
.tour-slide {
        position: relative;
}
.ftr-widget .textwidget {
    color: #777;
    font-size: 12px;
    line-height: 1.9;
}
.slide-home {
    padding-bottom: 200px;
}
a.banner-btn-1:hover {
    background: #fff;
    color: #56cc91;
}

/* Common Styles */
.hdr-overlap.admin-bar .overlay-nav{top:32px;}
@media screen and (max-width:600px){
.hdr-overlap.admin-bar .overlay-nav{top:0;}
}

/*================================
	Magnific Popup CSS
=================================*/
.mfp-bg,.mfp-wrap{position:fixed;left:0;top:0}.mfp-bg,.mfp-container,.mfp-wrap{height:100%;width:100%}.mfp-container:before,.mfp-figure:after{content:''}.mfp-bg{z-index:1042;overflow:hidden;background:#0b0b0b;opacity:.8;filter:alpha(opacity=80)}.mfp-wrap{z-index:1043;outline:0!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-container:before{display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-close,.mfp-preloader{text-align:center;position:absolute}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#CCC;top:50%;width:auto;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#CCC}.mfp-close,.mfp-preloader a:hover{color:#FFF}.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none}utton::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;right:0;top:0;text-decoration:none;opacity:.65;filter:alpha(opacity=65);padding:0 0 18px 10px;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1;filter:alpha(opacity=100)}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}.mfp-figure,img.mfp-img{line-height:0}.mfp-arrow{position:absolute;opacity:.65;filter:alpha(opacity=65);margin:-55px 0 0;top:50%;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1;filter:alpha(opacity=100)}.mfp-arrow .mfp-a,.mfp-arrow .mfp-b,.mfp-arrow:after,.mfp-arrow:before{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:inset transparent}.mfp-arrow .mfp-a,.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow .mfp-b,.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left .mfp-a,.mfp-arrow-left:after{border-right:17px solid #FFF;margin-left:31px}.mfp-arrow-left .mfp-b,.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3F3F3F}.mfp-arrow-right{right:0}.mfp-arrow-right .mfp-a,.mfp-arrow-right:after{border-left:17px solid #FFF;margin-left:39px}.mfp-arrow-right .mfp-b,.mfp-arrow-right:before{border-left:27px solid #3F3F3F}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-image-holder .mfp-content,img.mfp-img{max-width:100%}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}.mfp-figure:after,img.mfp-img{width:auto;height:auto;display:block}img.mfp-img{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure:after{position:absolute;left:0;top:40px;bottom:40px;right:0;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,.6);background:#444}.mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@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{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}.mfp-ie7 .mfp-img{padding:0}.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px}.mfp-ie7 .mfp-container{padding:0}.mfp-ie7 .mfp-content{padding-top:44px}.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0}

/* Pagination */
.page-pagination{display:block;padding:0px;margin:0px 0px 60px 0px;border-radius:0px;}
.page-pagination ul{list-style:none;text-align: center;}
.page-pagination ul li{display: inline;}
.page-pagination ul li a{width: 30px;}

.page-pagination .tt-prev,
.page-pagination .far-prev,
.page-pagination .tt-next,
.page-pagination .far-next {
    position: relative;
}
.page-pagination .tt-prev::before,
.page-pagination .far-prev::before,
.page-pagination .tt-next::before,
.page-pagination .far-next::before {
    font-family: FontAwesome;
    font-size: 15px;
    position: absolute;
}
.page-pagination .tt-prev::before {
    content: "\f104";
}
.page-pagination .far-prev::before {
    content: "\f100";
}
.page-pagination .tt-next::before {
    content: "\f105";
}
.page-pagination .far-next::before {
    content: "\f101";
}

/* =WordPress Core
-------------------------------------------------------------- */
.bypostauthor {}
.alignnone {
    margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}
.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
a img.alignnone {
    margin: 5px 20px 20px 0;
}
a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}
.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}
.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}
.gallery-caption { font-weight: bold; }
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

.nav ul {padding-left: 0;}
.fl { float: left; }
.fr { float: right; }
ol.commentlist,ul.children {list-style: none;padding-left: 0;}

/* End of WordPress default styles */

/* Margins */
.tt_line{color:#333333;border-bottom: 1px solid #eeeeee; margin-bottom: 15px;}
.mbottom120 { margin-bottom: 120px; }
.mbottom90 { margin-bottom: 90px; }
.mbottom70 { margin-bottom: 70px; }
.mbottom60 { margin-bottom: 60px; }
.mbottom40 { margin-bottom: 40px; }
.mbottom20 { margin-bottom: 20px; }
.mbottom30 { margin-bottom: 30px; }
.mbottom10 { margin-bottom: 10px; }
.mbottom5 { margin-bottom: 5px; }

/* Top nav settings */
.top-line, .top-line a{ color:#d4d2d2; }
.top-line .left-content { float: left; width: 50%; }
.top-line .right-content { float: right; text-align: right; width: 50%; }
.top-line .contact {float:left;}
.top-line .contact span {margin-right:30px;}
.top-line .contact span img{margin-right:6px;margin-bottom: 1px;}
.top-line .contact a {color:#e2e2eb;}
.top-line .contact a:hover {color:#fff;}
.top-line .contact span img{display: inline-block;}
.top-line .social a::after{
    color: #fff;
    font-family: FontAwesome;
    font-size: 12px;
    left: auto;
    position: relative;
    top: 2px;
}
.top-line .social{width: auto;}
.top-line .social a {
    background: #56cc91 none repeat scroll 0 0;
    -moz-border-radius: 42px;
    -webkit-border-radius: 42px;
    border-radius: 42px;
    display: block;
    float: left;
    height: 25px;
    margin-right: 6px;
    text-align: center;
    width: 25px;
}
.top-line .social a:hover::after {opacity: .6;transition: opacity 0.2s linear 0s;}
.top-line .woocommerce-product-search{display:inline-block;vertical-align:middle;}
.top-line .top-nav{display:block;vertical-align:middle;}
.top-line .top-nav li{display:inline-block;vertical-align:middle;}
.top-line .top-nav li:first-child{padding-left:0;}
.top-line .top-nav .menu-item-has-children{padding-bottom:0;}
.top-line .social{vertical-align: middle;}

.top-line .social a.facebook::after { content: "\f09a"; }
.top-line .social a.twitter::after { content: "\f099"; }
.top-line .social a.youtube::after { content: "\f16a"; }
.top-line .social a.subscribe::after { content: "\f09e"; }


.top-line .social a.flickr::after { content: "\f16e"; }
.top-line .social a.linkedin::after { content: "\f08c"; }
.top-line .social a.pinterest::after { content: "\f0d2"; }
.top-line .social a.instagram::after { content: "\f16d"; }
.top-line .social a.googleplus::after { content: "\f0d4"; }


.section table {
    margin: 20px 0;
    width: 100%;
    border: 1px solid #ddd;
    border-collapse: separate;
    border-left: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.section table th, .section table td {
    padding: 8px;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    vertical-align: top;
    text-align: left;
    line-height: 18px;
}
.section table thead:first-child tr:first-child th,
.section table tbody:first-child tr:first-child th,
.section table tbody:first-child tr:first-child td {
    border-top: 0;
}
body{
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}
img {
    max-width: 100%;
    height: auto;
}
/* Form elements */
/* these common styles to be styled as per the theme look */
button, input, select, textarea {
    color: #888;
    font-size: 12px;
    padding: 13px 20px 14px 20px;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 center;
    border: 1px solid #ececec;
    border-radius: 5px;
}
input:focus, select:focus, textarea:focus {
    outline: 0;
    border-color: #56cc91;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    background: #56cc91 none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    /*padding: 14px 20px;*/
    position: relative;
    text-transform: uppercase;
    transition: background 0.4s linear 0s;
    border: 2px solid #56cc91;
}
button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
    background: #fff;
    color: #56cc91;
}
textarea { width: 100%; }
.page-numbers.dots { display: none; }

/* Sticky */

.sticky .post-title a{
    padding-left: 25px;
}
.sticky .post-title a:before{
    color: #56cc91;
    font-family: FontAwesome;
    font-size: 20px;
    content: '\f005';
    left: 0;
    line-height: 40px;
    position: absolute;
    top: 0;
}


.video-title {text-align: center;}
.wpcf7-form select {
    z-index: 5555555;
    background: transparent;
    -moz-appearance: none;
}
.title-block h1 {
    color: #fff;
}
.section.start-section {
    text-align: center;
}
/* WPML styles */
/*

.widget_icl_lang_sel_widget.widget li::after { display: none;}
.top-language{	float: left;margin-right: 20px; }
#lang_sel_click { display: block; }
#lang_sel, #lang_sel_click {
    background: none repeat scroll 0 0 #FFFFFF;
    border: medium none;
}
#lang_sel li, #lang_sel_click li  {
    width: 95px;
}
#lang_sel_click a, #lang_sel_click a:visited,
#lang_sel_click ul ul a, #lang_sel_click ul ul a:visited,
#lang_sel a, #lang_sel a:visited,
#lang_sel ul ul a, #lang_sel ul ul a:visited { border: none; line-height: 30px; color: #706A64 !important; }
#lang_sel_click ul ul,
#lang_sel ul ul { top: 30px; border:none; width: 95px; }
#lang_sel_click img.iclflag,
#lang_sel img.iclflag { float:left; top:10px; margin-right: 3px; }
#lang_sel_click li ul li img.iclflag,
#lang_sel li ul li img.iclflag { margin-right: 2px; }

#icl_lang_sel_widget #lang_sel_click ul ul li,
#icl_lang_sel_widget #lang_sel ul ul li,
#lang_sel_list.lang_sel_list_vertical a ,
#lang_sel_list.lang_sel_list_vertical ul { border:none !important; }
#lang_sel_list a, #lang_sel_list a:visited { font-size: 12px; line-height: 15px !important; }
ul.b #lang_sel_list { display: none;}
.menu-item-language img.iclflag { position: relative; top: -8px; }
.menu-item-language ul.submenu-languages img.iclflag { top: -5px; }
#lang_sel ul, #lang_sel li { padding: 0 !important; }
#tools ul.lang_sel_click:first-child li { padding: 0; }
#lang_sel{display:block;margin-top:2px;}
#lang_sel ul ul{z-index:100;}
#lang_sel li, #lang_sel_click li { width: auto; }
*/

/* Common Comments styles */
.comment-head .date {
    color: #666;
    display: inline-block;
    font-size: 13px;
    line-height: 24px;
    position: relative;
}
.comment-head .perma, .comment-head .edit {
    font-size: 12px;
}
.comment-text .name {
    font-size: 15px;
    line-height: 19px;
    text-transform: capitalize;
}

/* Fixes */
.top-line{padding: 20px 0;}
.top-line .left-content{width: 40%;}
.top-line .right-content{width: 60%;}
.top-line .top-nav{display:inline-block;}
.top-line .social{display:inline-block;}
.widget_search{border:none;}
.widget_search form{border:1px solid #56cc91;border-radius:5px;position: relative;}
.widget_text select{width:100%;}
.widget-block ul li{margin-bottom:10px;}
.widget_recent_entries ul li:last-child{margin-bottom:0;}
.widget_recent_comments ul li {margin-bottom:10px;}
.widget_recent_comments ul li:last-child{margin-bottom:0;}
.widget_recent_comments .comment-author-link{font-weight:600;color: #555;}
.widget_meta ul li{margin-bottom:5px;}
.widget_meta ul li:last-child{margin-bottom:0;}
.widget_archive select{width:100%;}
.widget-block select{width:100%;}
.widget_pages ul li{margin-bottom:5px;}
.widget_pages ul li:last-child{margin-bottom:0;}
.widget_rss ul li{margin-bottom:10px;}
.widget_rss ul li:last-child{margin-bottom:0;}widget_nav_menu
.widget_text .textwidget p{margin-bottom:30px;}
.widget_nav_menu ul li{margin-bottom:5px;}
.widget_nav_menu ul li:last-child{margin-bottom:0;}
.widget_nav_menu .sub-menu{position:static;visibility:visible;opacity:1;margin-top:0;background:transparent;padding:5px 0 0 15px;}
.widget_nav_menu .sub-menu a:hover{color:#56cc91 !important;}
.widget_nav_menu .sub-menu li a, .sub-menu li.active a{font-size:14px;text-transform:none;}
.widget_nav_menu .menu-item-has-children{padding-bottom: 5px;}
.widget_nav_menu .menu-item-has-children:hover > a{color:#333;}
.widget_nav_menu .sub-menu a:hover{color:#333!important;text-decoration:none!important;}
.footer .calendar_wrap{color:#777;}
.footer .calendar_wrap a{color:#fff;}
.footer .calendar_wrap table{width:100%;}
.footer .widget_archive select{border-color:#777;}
.footer .widget_categories select{width:100%;border-color:#777;}
.footer .widget_recent_comments .recentcomments{color:#777;}
.footer .widget_rss ul li{color:#555;}
.footer .widget_search form{border-color:#777;}
.footer .widget_nav_menu .menu-item-has-children:hover > a{color:#777;}
.footer .widget_nav_menu .sub-menu a:hover{color:#777!important;text-decoration:underline!important;}

.main-container{overflow:hidden;}
.nav > ul > li > ul > li > a:before{
    content: '\f105';
    display:inline-block;
    font-family: 'FontAwesome';
    color: #fff;
    padding-right: 10px;
    vertical-align:middle;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;

}
@media screen and (max-width: 992px){
    .logo{margin-top: 40px;}
    .hdr-overlap .overlay-nav-active {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(55, 160, 107, 0.97)!important;
        z-index: 99999;
        overflow-y: auto;
    }
}
.main-container.page { padding-top: 40px; padding-bottom: 120px; }
.no-tpadd .main-container.page { padding-top: 0; }
.no-bpadd .main-container.page { padding-bottom: 0; }
/* Hero shortcode classes */

.overlay-clr {
	height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
h1.tt-title {
    color: #fff;
    font-size: 40px;
    font-weight: 800;
    letter-spacing: 2px;
    margin: 0;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
}

.scrollup {
    background-color: #56CC91;
    background-image: url("images/to-top.png");
    background-position: center center;
    background-repeat: no-repeat;
    bottom: 15px;
    display: none;
    height: 40px;
    outline: medium none;
    position: fixed;
    right: 15px;
    text-indent: -9999px;
    transition: all 0.3s ease 0s;
    width: 40px;
    z-index: 999997;
}
.scrollup:hover{opacity: .6;transition: opacity 0.2s linear 0s; }
.map-block {
    height: 400px;
}
.wa-mainbg {
    background-color: #56cc91;
}
.comm-social .fa{ color: #fff;}
.powerfull-info-text ul{margin-left: 26px;}
.post-img:hover:after{background-color: #56CC91;opacity:0.4;}
.widget_search .searchsubmit-btn{width:20px;height:20px;position:absolute;right:12px;top:13px;}
.widget_search .searchsubmit-btn #searchsubmit{position:absolute;top:0;left:0;right:0;bottom:0;}
.widget_search .searchsubmit-btn .fa{font-size:20px;line-height:20px;color:#5EB986;}
.menu-item span.arrow-down-green{background:none;position:relative;text-indent:0;}
.menu-item span.arrow-down-green .fa{position:absolute;top:50%;left:50%;font-size:20px;color:#5EB986;margin-top:-10px;margin-left:-6px;}
.element-social a .fa{text-align:center;line-height:30px;color:#fff;}
.element-social a:hover .fa{color:#5EB986;}
.nav .sub-menu > li, .nav .sub-menu > li a{-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;}
/*menu language*/
.nav > ul > li:last-child .sub-menu{right:0;left:auto;}
.nav .menu-item-language .sub-menu{min-width:156px;width:auto;}
.nav .menu-item-language .sub-menu > li{float:none;padding-right:14px;}
.nav .menu-item-language .sub-menu > li > a{display:block;width:100%;white-space:nowrap;padding-right:14px;}
.nav .menu-item-language:hover .sub-menu > li > a > span{margin-left:0;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}

/*element-social*/
.element-social{display:inline-block;}
.element-social li{display:inline-block;}

/*search*/
.widget_search .searchsubmit-btn #searchsubmit{background:url(images/search.png) no-repeat center center;opacity:1;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;}
.widget_search .searchsubmit-btn #searchsubmit:hover{opacity:0.7;}
.widget_search .searchsubmit-btn .fa{display:none;}

.contact-block:before{content:'';display:block;clear:both;}
.contact-block .fa{float:left;font-size:35px;color:#5EB986;}
.contact-block .content{padding-left:50px;}
.contact-block h4{margin-bottom:0;font-size:16px;line-height:28px;font-weight:bold;color:#555;text-transform:uppercase;}
.contact-block p{font-size:14px;line-height:26px;color:#8E8D8D;font-weight:500;margin-bottom:30px;letter-spacing:0.42px;}


/*menu hover*/
.sub-menu li{padding-left:14px;padding-right:14px;}
.nav ul.sub-menu a{position:relative;padding-left:0;padding-right:0;border-bottom:1px solid transparent;}
.nav ul.sub-menu a:hover{text-decoration:underline!important;border-color:transparent;}

/*slider arrows*/
.arrow-left-cus, .arrow-right-cus, .arrow-left, .arrow-right{font-size:23px;text-align:center;line-height:41px;color:#5EB986;}
.arrow-left-cus:hover, .arrow-right-cus:hover, .arrow-left:hover, .arrow-right:hover{color:#5EB986;}

/*footer middle menu*/
.textwidget:after{content:'';display:table;clear:both;}
.ftr-list{float:left;width:50%;}
.ftr-list.leftaligned{padding-right:30px;}
.ftr-list li a{position:relative;padding-left:15px;}
.ftr-list li a:before{content: "\f105";position:absolute;top:1px;left:0;display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:13px;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}

/* wpml switcher styles */
/*top lang*/
.top-line .container{z-index:100;}
#lang_sel{display:inline-block;position:relative;height:21px;vertical-align:middle;}
#lang_sel img.iclflag{top:0;}
#lang_sel a.lang_sel_sel{font-size:11px;color:#d4d2d2;background:transparent;border-color:transparent;text-transform:uppercase;}
#lang_sel a.lang_sel_sel:hover{background:transparent;color:#d4d2d2;}
#lang_sel .icl_lang_sel_current:after{content:'\f107';display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:13px;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-left:5px;color:#5EB986;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;}
#lang_sel li:hover .icl_lang_sel_current:after{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
#lang_sel li{width:auto;}
#lang_sel ul img.iclflag{margin-right:3px;}
#lang_sel ul li ul{height:auto;background:#50ba83;padding:10px 0!important;z-index:100;}
#lang_sel ul ul{position:absolute;top:20px;right:0;border:none;left:auto;right:0;opacity:0;visibility:hidden;-webkit-transform:translateY(10px);-moz-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px);-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;}
#lang_sel > ul >li:hover > ul{opacity:1;visibility:visible;transform:translateY(0);}
#lang_sel ul ul li{margin-bottom:5px!important;}
#lang_sel ul ul li:last-child{margin-bottom:0!important;}
#lang_sel li ul a,#lang_sel li ul a:link,#lang_sel ul ul a:visited{font-size:13px;background:transparent;color:#fff;border:none;white-space:nowrap;padding:0 25px 0 10px;}
#lang_sel ul ul a:hover{text-decoration:underline!important;}

.widget_icl_lang_sel_widget #lang_sel a.lang_sel_sel{display:block;background:#50ba83;padding:5px 15px 5px 10px;color:#fff;}
.widget_icl_lang_sel_widget #lang_sel ul ul{top:100%;left:0;right:auto;}
.widget_icl_lang_sel_widget #lang_sel .icl_lang_sel_current:after{color:#fff;}
.btn-box i.button-icon { color: #56cc91; }

.webapp-imgoverlay{
    position:relative;
}
.webapp-imgoverlay:before{
    display:block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
}

/*pricing*/
.offers-container{
    position:relative;
    overflow:hidden;
}
.offers-container .highlight{
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:150px;
    background: #56cc91;
    color:#fff;
    padding:5px 15px;
    margin-left: -35px;
    margin-top: 25px;
    -webkit-transform:rotate(-45deg);
       -moz-transform:rotate(-45deg);
        -ms-transform:rotate(-45deg);
            transform:rotate(-45deg);
    -webkit-transition: background .4s linear, color .4s linear;
    -moz-transition: background .4s linear, color .4s linear;
    transition: background .4s linear, color .4s linear;
}
.offers-container:hover .highlight{
    color: #56cc91;
    background:#fff;
}
.offers-title,.offers-status,.offers-list{
    -webkit-transition: background .4s linear, color .4s linear;
    -moz-transition: background .4s linear, color .4s linear;
    transition: background .4s linear, color .4s linear;
}
.start-now.button i{
    font-size: 18px !important;
    margin-right:10px;
}
.arrow-left-cus:focus,.arrow-left-cus:active,.arrow-right-cus:focus,.arrow-right-cus:active,.arrow-left:focus,.arrow-left:active,.arrow-right:focus,.arrow-right:active{
    color: #5EB986;
}
.webapp-imgoverlay{
    position:relative;
}
.webapp-imgoverlay:before,
.webapp-imgoverlay .slide-home:after{
    content:'';
    display:block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index:1;
}
.webapp-imgoverlay > *{
    position:relative;
    z-index:3;
}
/*sliader space*/
.slider-modern .tour-slide{
    padding-top:45px;
}

/* List style */
.wa-list  li {
    padding: 0 0 10px 23px;
    color: #fff;
    position: relative;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
}

.wa-list  li i {
    display: inline-block;
    margin-right: 10px;
    position: absolute;
    left: 0;
    top: 1px;
    font-size: 16px;
}


.list-num li {
    padding-left: 0;
}

.list-num li  i{
    display: none;
}

ol.list-num {
    padding-left: 0;
    margin-left: 0;
}

.wa-list.col_2 li {
    float: left;
    width: 50%;
    padding-right: 15px;
}
.topnav-spacer{display:inline-block;width:15px;}

#lang_sel {
	text-align: left;
}
.footer .sidebar-widget-title .title, .ftr-widget .ftr-title {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.5px;
    line-height: 17px;
    margin-bottom: 25px;
    margin-top: 10px;

}
.footer .sidebar-widget-title .title:after, .ftr-widget .ftr-title:after {
	content: '';
	display: block;
	width: 34px;
	height: 2px;
	background: #56cb94;
	margin-top: 18px;
}
.widget-lpinfo {
	font-size: 14px;
	line-height: 24px;
	font-weight: 400;
	color: #6f6f6f;
	letter-spacing: 0.5px;
}
.footer-read-more{
	margin-bottom:30px;
}
.footer-read-more a {
	display: inline-block;
	color: #57cf92;
	margin-top: 10px;
}
.footer .widget-social-links a {
	display: inline-block;
	width: 30px;
	height: 30px;
	font-size: 13px;
	line-height:28px;
	color: #6a6a6a;
	text-align:center;
	border-radius: 50%;
	border: 1px solid #6a6a6a;
	margin-right:10px;
	-webkit-transition:all 300ms ease-in-out;
	-moz-transition:all 300ms ease-in-out;
	transition:all 300ms ease-in-out;
}
.footer .widget-social-links a:last-child{
	margin-right:0;
}
.footer .widget-social-links a:hover{
	background:#56cc90;
	border-color:#56cc90;
	color:#fff;
}
.ftr-list li{
	margin-bottom:4px;
}
.ftr-list li a{
    text-transform: initial;
    font-size: 14px;
    letter-spacing: 0.5px;
}
.ftr-contact{
	margin-bottom: 20px;
}
.ftr-contact,.ftr-contact a{
	font-size: 14px;
	color: #6f6f6f;
}
.ftr-contact.contact-mail:before{
	top:5px;
}
.footer{
	padding-bottom:0;
	padding-top: 50px;
	background:#1e1e1e;
}
.copy{
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.5px;
	text-transform:initial;
	margin-top:0;
	color:#5a5a5a;
}
.copy span,.copy a{
	color:#5a5a5a;
}
.footer-line{
	background: #191919;
	margin-top:50px;
	padding: 26px 0;
}
.ftr-social a{
    line-height: 28px;
    color: #6a6a6a;
    text-align: center;
    border-radius: 50%;
    border: 1px solid #6a6a6a;
    margin-right: 10px;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.ftr-social a i{
	position:static;
}
.ftr-social a:hover{
	background: #56cc90;
    border-color: #56cc90;
    color: #fff;
}
@media (max-width: 767px) {
	.footer-line{
		margin-top:30px;
	}
	.copy.fl,.copy.fr{
		float:none;
		text-align:center;
	}
}

/*menu*/
.nav > ul > li > ul > li > a:before{
	position:relative;top:-2px;
}

/*overlay*/
.webapp-imgoverlay.webapp-imgoverlay:before{
	display:block;
}

/*btn icon*/
.btn-box i{
    display: inline-block;
    vertical-align: middle;
}
.wa-contact input[type="text"],
.wa-contact input[type="email"]{
    width:100%;
    font-size: 14px;
    padding: 11px 40px 12px 20px;
}
.wa-contact textarea{
    font-size: 14px;height: 180px;
}
.wa-contact textarea{
}
.wa-contact input[type="text"],
.wa-contact input[type="email"] {
	width: 100%;
	font-size: 14px;
	padding: 11px 40px 12px 20px;
}

.wa-contact textarea {
	font-size: 14px;
}

/*header-sticky*/
.header-sticky .overlay-nav {
	position: fixed;
	top: 0;
	left: 0;
	padding-bottom: 20px;
	-webkit-transition:all 300ms ease-in-out;
	-moz-transition:all 300ms ease-in-out;
	transition:all 300ms ease-in-out;
}

@media (min-width:768px) {
	.header-sticky.scrolled .top-line {
		opacity: 0;
	}
	.header-sticky.scrolled .overlay-nav {
		top: -80px;
	}
	.header-sticky.admin-bar.scrolled .overlay-nav {
		top: -50px;
	}
}

@media (min-width:992px) {
	.header-sticky.scrolled .overlay-nav {
		background-color: rgba(0, 0, 0, 0.7);
		top: -40px;
	}
	.header-sticky.admin-bar.scrolled .overlay-nav {
		top: -10px;
	}
}

@media (max-width:991px) {
	.header-sticky .overlay-nav:not(.overlay-nav-active) {
		background-color: rgba(0, 0, 0, 0.7);
	}

}


/* End */