/*   
Theme Name: Silvertoad - Reshape
Description: Silvertoad Theme for Reshape Fitness
Author: Silvertoad Ltd
Author URI: https://silvertoad.co.uk
Version: 2.0
Theme URI: https://silvertoad.co.uk
Text Domain: larch
License:2
*/
a,
abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: 0 0
}

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

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

a {
    text-decoration: none
}

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

embed,
iframe,
object {
    max-width: 100%
}

input {
    border-radius: 0
}


body,
html {
    overflow-x: hidden
}

body {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 15px;
    line-height: 1.5em;
    color: #4a4a4a;
    font-weight: 400 !important;
    overflow-x: hidden !important;
    -webkit-font-smoothing: antialiased;
    visibility: hidden
}

.aio-icon-description,
.related_posts_listing .related_post .excerpt,
.smile_icon_list li .icon_description p,
a,
li,
p {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    line-height: 1.5em;
    font-weight: 400;
    color: #707070;
    font-size: 15px
}

p {
    margin-bottom: 1em !important
}

li {
    margin: .5em 0
}

a {
    margin: 0;
    font-weight: 400
}
img,
img:focus,
img:hover {
    text-decoration: none;
    outline: 0 !important;
    border: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Source Code Pro', 'Helvetica Neue', Arial, sans-serif;
    text-rendering: optimizelegibility;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 15px
}

h1 {
    font-size: 36px;
    margin-bottom: 0
}

h2 {
    font-size: 32px;
    margin-bottom: 10px;
    line-height: 1.3em
}

h3 {
    font-size: 25px;
    margin-bottom: 10px;
    line-height: 1.3em
}

section.page_content:not(body.single) {
    overflow-y: hidden;
    overflow-x: hidden
}


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

#back-top a,
#cbpw-filters82 .cbp-filter-item,
#commentform .form-submit #submit,
#contacts .form-success,
#contacts .form-success p,
#contacts .mail_chimp_form_container input.button,
#contacts input,
#contacts input:hover,
#contacts textarea,
#contacts textarea:hover,
#respond input,
#respond textarea,
.aio-icon-read,
.aio-icon-read:before,
.bird,
.bt-contact a span input,
.btn-contact-left input,
.cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft,
.cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft:hover,
.cbp-l-caption-alignCenter .cbp-l-caption-buttonRight,
.cbp-l-caption-alignCenter .cbp-l-caption-buttonRight:hover,
.custom-widget li,
.custom-widget li a,
.dl-back:after,
.dl-menu li,
.dropdown-menu>li>a,
.errorbutton,
.esg-grid a,
.filter li a,
.flex-direction-nav a,
.flip-box-wrap .flip_link a,
.footer_sidebar ul li,
.footer_sidebar ul li a,
.header_social_icons,
.header_social_icons div.social_container i,
.header_social_icons_wrapper,
.intro_continue_arrow a,
.intro_continue_text a,
.just-icon-align-left .aio-icon,
.larch-form-simple.dark .bt-contact a span input,
.larch_breadcrumbs a,
.larch_dynamic_shopping_bag,
.larch_minicart_wrapper,
.light #contacts .contact-form input:focus,
.light #contacts .contact-form input:hover,
.light #contacts .contact-form textarea:focus,
.light #contacts .contact-form textarea:hover,
.master_container a,
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.metas-container a,
.nav-container,
.nav-container .larch_minicart li a,
.nav-next,
.nav-next-nav1 a,
.nav-next-nav1:after,
.nav-previous,
.nav-previous-nav1,
.nav-previous-nav1 a,
.nav-previous-nav1:before,
.navbar,
.navbar-brand,
.navbar-brand img,
.navbar-collapse,
.navbar-default .style4_social_search,
.navbar-header,
.navbar-nav .dropdown-menu a i,
.p-button,
.page-template-blog-masonry-grid-template .metas a,
.page-template-blog-masonry-grid-template .posts_category_filter li,
.page-template-blog-masonry-template .metas a,
.page-template-blog-masonry-template .posts_category_filter li,
.page-template-blog-template .wideblog .post-listing .metas-container,
.post-content .featured-image img,
.post-content a:hover .post-quote,
.post-listing .post a .post-quote blockquote,
.post-quote,
.product-title,
.projects-overlay #pagecontent .scrollbar,
.projects-overlay #pagecontent .thumb,
.projects-overlay #projects-loader.transitioned,
.readmore,
.related_posts_listing .related_post .title,
.search_trigger,
.search_trigger i,
.search_trigger_mobile i,
.signup,
.single_about_author a,
.skillbar,
.slick-next,
.slick-prev,
.slidecontent-bi .project-title-bi p a,
.social-shares ul li a,
.social-shares ul li a i,
.special_tabs.horizontal.text .tab-selector .label,
.style1 .larch_little_shopping_bag,
.tagcloud a,
.team_member_profile_content .aio-icon.circle,
.the_title h2 a,
.tp-caption a,
.ult_design_1 .ult_pricing_table .ult_price_link .ult_price_action_button,
.widget li,
.widget ul li a,
.widget-newsletter form input.button,
.widget_followers li,
.widget_nav_menu li,
.woocommerce ul.products li.product a.add_to_cart_button,
.woocommerce-page ul.products li.product a.add_to_cart_button,
.woocommerce-page.woocommerce-page ul.products li.product a.add_to_cart_button,
.wpcf7 .larch-form-main-slider .slider-button input,
.wpcf7 input:focus,
.wpcf7 textarea:focus,
a.go-about,
a.navbar-brand,
a.p-button.hide-icon i,
a.p-button.hide-icon span.text,
a.social:before,
h2.post-title.post-link,
header .top-bar a,
header .top-bar ul.phone-mail li a,
header.navbar .navbar-collapse ul li ul li a,
li.larch_mega_menu li.menu-item-depth-1 li,
li:not(.larch_mega_menu) ul.menu-depth-1 li,
widget_followers li {
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear
}

.tparrows {
    -webkit-transition: background .2s linear;
    -moz-transition: background .2s linear;
    transition: background .2s linear
}

.tparrows:before {
    -webkit-transition: color .2s linear;
    -moz-transition: color .2s linear;
    transition: color .2s linear
}

header {
    -webkit-transition: background .2s linear !important;
    -moz-transition: background .2s linear !important;
    transition: background .2s linear !important
}

.nav-container {
    margin: 0 auto
}

.nav-container img {
    width: auto;
    display: block;
    max-width: 100%;
    float: none
}

.style1 .nav-container img,
.style2 .nav-container img {
    float: left
}

.style1 .nav-container>.navbar-collapse.collapse {
    display: inline-flex !important;
    width: auto;
    float: right;
    margin-top: 0
}

.navbar-brand {
    float: left;
    font-size: 18px;
    line-height: 74px;
    margin: 0;
    z-index: 9999999
}

.navbar-default {
    border: none
}
.navbar-nav {
    margin: 0
}

.navbar-default .navbar-nav>li>a {
    position: relative;
    text-decoration: none;
    text-decoration: none;
    display: block;
    outline: 0;
    padding: 0 15px;
    margin: 0;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear
}
.navbar {
    z-index: 99999
}

header,
header .navbar-brand h1.logo,
header .top-bar,
header .top-bar>.container,
header button.navbar-toggle {
    height: auto;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear
}


header .navbar-brand img:not(.logo_after_scroll) {
    display: block
}

header .navbar-brand img.logo_after_scroll {
    display: none
}

header.header_after_scroll .navbar-brand img:not(.logo_after_scroll) {
    display: none
}

header.header_after_scroll .navbar-brand img.logo_after_scroll {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

section#home {
    width: 100%
}

.forcefullwidth_wrapper_tp_banner,
.rev_slider_wrapper,
.tp-revslider-mainul,
section#home {
    overflow-y: hidden;
    overflow-x: hidden
}
.metis.tparrows:before {
    font-size: 20px !important
}

#secondary_footer {
    padding: 40px 0 20px
}

#secondary_footer p {
    margin: 0 !important;
    font-size: 13px;
    color: #b3b3b3
}

#secondary_footer .footer_custom_text {
    position: relative;
    float: left;
    width: auto;
    display: inline-block
}


.footer_custom_text.wide {
    width: 100% !important;
    text-align: center
}

body>#big_footer>#secondary_footer .container.only_custom_text .footer_custom_text.wide {
    margin: 0 !important;
    padding: 0 !important
}

.slick-dots {
    bottom: -65px !important
}

.container {
    z-index: 99
}

#big_footer {
    position: relative;
    float: left;
    width: 100%;
    clear: both;
    z-index: 1
}

.wpcf7 {
    position: relative
}

textarea {
    max-width: 100%;
    -webkit-appearance: none
}

.wpcf7 {
    width: 100%
}


.wpcf7 label {
    text-align: left;
    position: relative;
    float: left;
    left: 0;
    width: 100%;
    padding-bottom: 0;
    font-weight: 400
}


.wpcf7 input[type=email],
.wpcf7 input[type=text] {
    position: relative;
    float: left;
    width: 100%;
    padding: 10px 20px;
    outline: 0;
    margin: 10px 0;
    background: #f9f9f9;
    border: 1px solid #cacaca
}

.wpcf7 input[type=email],
.wpcf7 input[type=text] {
    border: 2px solid #cacaca;
    background: #fff
}

.wpcf7 form.wpcf7-form p {
    position: relative;
    font-weight: 400;
    margin: 0 0 20px !important;
    float: left;
    width: 100%;
    z-index: 10
}

span.wpcf7-form-control-wrap {
    position: relative;
    width: 100%;
    z-index: 999;
    display: block
}


li,
ul {
    list-style: disc
}

ul li {
    line-height: 1.5em;
    margin-left: 20px;
    margin-top: .8em;
    margin-bottom: .8em
}

ul.nav li {
    position: relative;
    display: block;
    line-height: 13px;
    margin-left: 0;
    margin: 0
}

.nav>li {
    pointer-events: none
}

.navbar-default:not(.style4) .navbar-nav>li:last-child>a {
    padding-right: 0 !important
}

header a.navbar-brand img {
    max-width: none
}

header .nav-container {
    z-index: 10;
    position: relative
}

header .navbar-header {
    display: block;
    vertical-align: middle;
    float: left;
    width: auto;
    z-index: 9999;
    position: relative;
    background-color: transparent
}

header.navbar .navbar-collapse * {
    transition: none;
    -webkit-transition: none;
    -moz-transition: none
}

header.navbar .navbar-collapse a {
    font-weight: 500
}

body.single-post header.headerclone {
    position: relative
}

header.headerclone,
header.headerclone * {
    visibility: hidden;
    transition: none !important
}


header.navbar.header_after_scroll {
    -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .3)
}

.larch_right_header_icons {
    position: relative;
    float: right;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear
}

header.style1 .larch_right_header_icons {
    position: relative !important
}

header.style1 .larch_right_header_icons .header_social_icons {
    float: right
}

header .dl-menuwrapper {
    display: none !important;
    width: 100%
}

body.home.blog #main>.fullwidth-container,
body>#main>:not(.fullwidth-container):not(.master_container) {
    -webkit-transition: margin-top .4s ease;
    -moz-transition: margin-top .4s ease;
    -ms-transition: margin-top .4s ease;
    -o-transition: margin-top .4s ease;
    transition: margin-top .4s ease
}

body.page-template-blog-template>#main>*,
body.single-post>#main>*,
body:not(.content_after_header).page-template>#main>*,
body:not(.content_after_header).search-results>#main>* {
    -webkit-transition: margin-top .4s ease;
    -moz-transition: margin-top .4s ease;
    -ms-transition: margin-top .4s ease;
    -o-transition: margin-top .4s ease;
    transition: margin-top .4s ease
}

header .larch-header-button,
header .larch-header-button a {
    display: inline-block;
    float: right;
    -webkit-transition: all .2s linear !important;
    -moz-transition: all .2s linear !important;
    transition: all .2s linear !important
}

header .larch-header-button a {
    position: relative;
    top: -8px;
    padding: 8px 20px;
    margin-right: 10px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0
}

header .larch-header-button {
    position: relative;
    float: left;
    right: -10px
}

.slick-list.draggable {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: -ms-grab;
    cursor: -o-grab;
    cursor: grab
}

#back-top {
    position: fixed;
    bottom: 0;
    right: 15px;
    z-index: 99999;
    margin: 0;
    display: none
}

.wpb_content_element,
.wpb_row {
    margin-bottom: 0 !important
}

.wpb_button,
.wpb_content_element,
.wpb_row,
ul.wpb_thumbnails-fluid>li {
    margin-bottom: 0 !important
}

button.ubtn {
    margin-right: 10px !important;
    margin-top: 10px !important
}

a.ubtn-link {
    margin: 15px 0 0 -15px !important
}

a.ubtn-link {
    margin-top: 0 !important
}

.slick-slider {
    margin-bottom: auto !important
}

.slick-prev {
    left: 0 !important
}

.slick-next {
    right: 0 !important
}

.uvc-sub-heading p {
    line-height: 1.7em !important
}

.mobile-apple-btn .ubtn-text,
.mobile-google-btn .ubtn-text {
    margin-left: 25px !important
}

.serv3-box-padding {
    padding-top: 150px !important;
    padding-right: 150px !important;
    padding-bottom: 150px !important;
    padding-left: 150px !important
}

.map_info_text {
    padding: 8px 2px 2px
}

.wpb_single_image .vc_box_border.vc_box_border_grey,
.wpb_single_image .vc_box_border_circle.vc_box_border_grey {
    background-color: #f5f5f5 !important
}

.wpb_single_image .vc_single_image-wrapper.vc_box_border,
.wpb_single_image .vc_single_image-wrapper.vc_box_border_circle {
    padding: 3px
}

.slidedown .col-sm-12 {
    padding: 0
}

.navbar .social-icons-fa a i {
    font-size: 14px
}

.cbp-l-filters-alignCenter.container {
    padding: 0 !important
}

.gyges .tp-tab-date {
    text-align: left
}

.gyges .tp-tab {
    border-bottom: none !important
}

.blog-default.wideblog .container {
    opacity: 0
}

.single .blog-default.wideblog .container {
    opacity: 1;
    padding: 0
}

#simpleselect_billing_country {
    display: none !important
}

.top-bar .social-icons-fa ul li:last-child {
    margin-right: 0 !important
}

#menu_top_bar>li ul li a {
    text-align: left !important
}

body#boxed_layout {
    width: 100%;
    height: 100%;
    background-attachment: fixed !important
}

.boxed_layout {
    width: 1400px;
    margin: 0 auto;
    overflow: hidden;
    z-index: 9999999999;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .15)
}

body#boxed_layout #main {
    background: 0 0
}

body#boxed_layout #main .boxed_layout>section {
    background: #fff;
    z-index: 2;
    position: relative
}

body#boxed_layout #main .boxed_layout .blog-default,
body#boxed_layout #main .boxed_layout .fullwidth-container,
body#boxed_layout #main .boxed_layout .master_container {
    z-index: 2
}

body#boxed_layout #main .boxed_layout .tp-bgimg[data-bgcolor=undefined] {
    background-color: #fff
}

body#boxed_layout #big_footer {
    max-width: 1400px;
    margin: 0 auto;
    float: none
}

body#boxed_layout #big_footer.reveal-footer {
    left: 0;
    right: 0
}

.boxed_layout header.navbar {
    width: 1400px;
    margin: 0 auto;
    float: none
}

.cbp-popup-singlePage .cbp-popup-content {
    max-width: 1170px !important
}

.cbp-popup-singlePage .cbp-popup-content .proj-content {
    width: 100% !important
}

.vc_btn3-container.vc_btn3-left {
    float: left !important;
    margin-right: 20px !important
}

.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a {
    font-weight: 700 !important;
    padding: .7em 1em !important
}

.stats-left .aio-icon-left {
    padding-right: 25px !important
}

.vc_progress_bar .vc_single_bar:last-child {
    margin-bottom: 20px !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.vc_single_bar .pointerval .vc_label_units {
    background: 0 0;
    padding: 0;
    z-index: 99;
    font-size: 10px;
    line-height: 38px;
    float: left;
    font-weight: 300;
    right: 0 !important;
    position: relative;
    text-transform: capitalize !important;
    font-size: 12px !important;
    font-weight: 600 !important
}

.vc_progress_bar .vc_single_bar .vc_bar {
    transition: width .9s linear;
    -moz-transition: width .9s linear;
    -webkit-transition: width .9s linear;
    -o-transition: width .9s linear
}

.vc_progress_bar .vc_single_bar {
    background: rgba(0, 0, 0, .1) !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.dark-progressbar-bg.vc_progress_bar .vc_single_bar {
    background: rgba(255, 255, 255, .15) !important
}

.vc_single_bar .pointerval {
    position: absolute;
    bottom: -2px;
    background: 0 0;
    width: 0
}

.ult_tabmenu.style2 li.ult_tab_li a {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important
}

.rev-btn:not[.VideoControls-Play] {
    padding: 14px 22px 15px !important;
    font-family: Heebo, Arial, sans-serif !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    letter-spacing: 1px !important
}

.vc_btn3.vc_btn3-size-sm {
    padding: 9px 20px !important
}

.vc_btn3.vc_btn3-size-sm.vc_btn3-icon-right {
    padding: 12px 40px 12px 20px !important
}

.rev-btn.rev-uppercase,
.rev-btn.rev-uppercase:visited {
    letter-spacing: 0 !important;
    font-size: 14px !important;
    font-weight: 700 !important
}

.rev-btn.rev-medium,
.rev-btn.rev-medium:visited {
    font-size: 12px !important;
    padding: 12px 25px !important
}

.rev-btn.rev-small,
.rev-btn.rev-small:visited {
    font-size: 11px !important;
    padding: 10px 20px !important
}

.ultimate-vticker ul li {
    font-weight: 700 !important
}

.upb_video_class {
    overflow-y: hidden !important;
}

.upb_video-wrapper .inline-YTPlayer {
    position: inherit !important;
}

.upb_video-wrapper .upb_video-bg {
    position: absolute !important;
    overflow-y: hidden !important;
} 

.ultimate-typed-main {
    margin: 0 !important
}

html .typed-cursor,
html .uvc-type-wrap {
    line-height: 1.3em !important
}

.partners-container .slick-track {
    display: inline-block !important
}

.ult-modal-input-wrapper {
    position: relative
}

.ult-modal-input-wrapper[data-modal-type=image] .modal-icon {
    transition: transform .3s linear
}

.ult-modal-input-wrapper[data-modal-type=image]:hover .modal-icon {
    transform: translate3d(-50%, -50%, 0) scale(1.1) !important
}

.vc_btn3.vc_btn3-shape-rounded {
    border-radius: 3px !important
}

.rev-btn.rev-hiddenicon i {
    font-size: 14px !important
}

.vc_btn3.vc_btn3-style-custom {
    background-image: none !important
}

.vc_single_bar .pointerval {
    transition: width 1s linear;
    -moz-transition: width 1s linear;
    -webkit-transition: width 1s linear;
    -o-transition: width 1s linear
}

.vc_progress_bar .vc_single_bar .vc_label {
    padding: 0 !important;
    margin-bottom: 35px;
    height: 5px;
    padding-left: 0 !important;
    top: -26px;
    letter-spacing: 0
}

.vc_progress_bar .vc_single_bar .vc_bar {
    border-radius: 0 !important;
    font-size: 11px !important
}

.ubtn-ctn-left .ubtn {
    float: left !important
}

.ifb-flip-box-section.ifb-flip-box-section-vertical-middle {
    -moz-transform: translateY(0) !important;
    -ms-transform: translateY(0) !important
}

.flip-box-wrap .ifb-flip-box {
    display: inline-block !important
}

.larch_icon_container {
    display: none
}

.vc_custom_1437260036157 {
    padding-right: 40px !important
}

.des_recent_posts_widget .ult-carousel-wrapper .slick-dots li i {
    color: transparent !important;
    border: 1px solid #212121;
    border-radius: 50px;
    font-size: 7px
}

.des_recent_posts_widget .ult-carousel-wrapper .slick-dots li.slick-active i {
    color: #212121 !important;
    border: 1px solid #212121;
    background: #212121
}

.video-controls {
    width: 100%
}

.logo_normal {
    position: relative
}

.logo_retina {
    position: relative;
    display: none !important
}

#back_top,
#homePATH,
#templatepath,
.larch_demo_status,
.larch_icon_container {
    display: none
}

.larch_icon_container .clear {
    height: 10px
}

.larch_little_shopping_bag {
    background: 0 0 !important
}

#html5video {
    position: relative;
    float: left;
    width: 100%
}

.master_container {
    background-color: #fff
}

.ult-carousel-wrapper.cbp-ready .cbp>*>* {
    visibility: visible
}

.aio-icon-tooltip .aio-icon.circle:after {
    pointer-events: none;
    border-radius: 50%;
    content: '';
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.aio-icon-tooltip .aio-icon.square:after {
    pointer-events: none;
    content: '';
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.cbp-popup-content #larch_website_load {
    display: none !important
}

.aio-icon-tooltip .aio-icon {
    -webkit-transition: background .2s, color .2s !important;
    -moz-transition: background .2s, color .2s !important;
    transition: background .2s, color .2s !important;
    cursor: pointer
}

.tooltip-icon .aio-icon {
    position: relative !important
}

.aio-icon-tooltip .aio-icon:after {
    margin-top: -7px;
    left: -7px;
    padding: 7px;
    box-shadow: 0 0 0 2px #fff;
    -webkit-transition: -webkit-transform .2s, opacity .2s;
    -webkit-transform: scale(.8);
    -moz-transition: -moz-transform .2s, opacity .2s;
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    transition: transform .2s, opacity .2s;
    transform: scale(.5);
    opacity: 0;
    position: absolute;
    width: inherit;
    height: inherit
}

.aio-icon-tooltip .aio-icon:hover:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(.95);
    opacity: 1
}

.aio-icon-tooltip .aio-icon:hover {
    color: #fff
}

.aio-icon-tooltip .aio-icon:hover {
    color: #fff
}

.aio-icon-box.tooltip-icon .aio-icon-description {
    top: auto;
    bottom: 100%;
    min-width: 240px;
    left: 4px;
    padding: 20px;
    margin-bottom: 30px;
    position: absolute;
    display: none;
    background: #000;
    background: rgba(0, 0, 0, .95);
    opacity: 0;
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    animation-delay: .3s;
    font-weight: 400;
    z-index: 99;
    text-align: center
}

.aio-icon-box.tooltip-icon .aio-icon-header {
    margin-top: 20px !important
}

.aio-icon-description ul {
    margin-top: 10px !important
}

.aio-icon-box.tooltip-icon .aio-icon-description.visible,
.aio-icon-box.tooltip-icon .aio-icon-description:hover {
    display: block;
    opacity: 1;
    -webkit-animation: all ease-in 1s;
    -moz-animation: all ease-in 1s;
    animation: all ease-in 1s;
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    animation-delay: .3s
}

.aio-icon-box.tooltip-icon .aio-icon-description .tooltip-arrow-down {
    position: absolute;
    left: 50%;
    margin-left: -12px;
    top: 100%;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid rgba(0, 0, 0, .95)
}

.aio-icon-box.tooltip-icon .aio-icon-description :not(ul):not(li) {
    line-height: 1em;
    margin: 0;
    font-weight: 400 !important
}

.aio-icon-box.tooltip-icon .aio-icon-description li,
.aio-icon-box.tooltip-icon .aio-icon-description ul {
    line-height: 1em;
    margin-top: 0;
    margin-bottom: 0
}

.ult_modal-body:not(.ult-youtube) {
    padding: 20px !important;
    background: #fff
}

.ult-carousel-wrapper.ult_horizontal .slick-prev {
    left: -10px !important
}

.ult-carousel-wrapper.ult_horizontal .slick-next {
    right: -10px !important
}

.ult_pricing_table .ult_price_features ul li {
    text-align: center !important
}

.full-wide-height-img img {
    width: 100% !important;
    height: 100% !important
}

.flip-box-wrap .flip_link a {
    display: block;
    position: relative;
    display: inline-block !important;
    color: #fff;
    font-size: 11px !important;
    font-weight: 700;
    padding: 5px 15px !important;
    margin: 0 !important;
    border-radius: 3px
}

.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading {
    border-color: transparent !important;
    background-color: transparent !important
}

.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title>a,
.vc_tta.vc_general .vc_tta-panel-title>a {
    padding: 5px 0 5px !important;
    font-size: 17px
}

.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title.vc_tta-controls-icon-position-left>a,
.vc_tta.vc_general .vc_tta-panel-title.vc_tta-controls-icon-position-left>a {
    padding: 5px 35px 5px !important
}

.vc_tta-controls-align-left .vc_tta-panel-body {
    padding-left: 35px !important
}

.vc_tta-controls-align-left .vc_tta-panel-body .vc_column-inner {
    padding: 0 !important
}

.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title>a {
    font-weight: 600 !important
}

.vc_tta.vc_general .vc_tta-panel-title {
    margin: 0;
    line-height: 1;
    border: none;
    padding: 5px 0;
    margin-bottom: 5px !important;
    background: 0 0;
    color: #333
}

.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title>a {
    padding: 14px 0
}

.vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left.vc_tta-panel-title>a {
    padding-left: 35px !important
}

.vc_tta.vc_general .vc_tta-panel-title>a {
    padding: 14px 30px
}

.vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left .vc_tta-controls-icon {
    background: 0 0 !important;
    width: 20px;
    height: 20px;
    border-radius: none;
    left: 0 !important
}

.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title>a i.vc_tta-controls-icon,
.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title>a i.vc_tta-controls-icon {
    background: 0 0 !important;
    top: 50%;
    opacity: .5
}

.vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-plus::before {
    left: 5px !important;
    width: 10px
}

.vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-plus::after {
    top: 5px !important;
    height: 10px !important
}

.vc_tta-color-grey.vc_tta-style-classic .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::after,
.vc_tta-color-grey.vc_tta-style-classic .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::before,
.vc_tta-color-grey.vc_tta-style-classic .vc_tta-controls-icon::after,
.vc_tta-color-grey.vc_tta-style-classic .vc_tta-controls-icon::before {
    border-color: #101010 !important
}

.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body,
.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading {
    background-color: transparent !important;
    border-color: transparent !important
}

.vc_tta.vc_general.vc_tta-tabs .vc_tta-panel-body {
    padding-left: 20px !important;
    padding-top: 20px !important
}

.vc_tta.vc_general.vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-panel-body {
    padding-left: 35px !important;
    padding-top: 0 !important
}

h2.secondaryTitle {
    line-height: 1.45em !important
}

.right h2.secondaryTitle {
    text-align: right;
    right: 0;
    float: right
}

.center h2.secondaryTitle {
    max-width: 48%;
    margin-left: auto;
    margin-right: auto;
    letter-spacing: .5px
}

.vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-triangle::before {
    border-width: 10px !important
}

.ult_pricing_table .ult_price_link .ult_price_action_button {
    font-size: 12px !important;
    font-family: Heebo, Arial, sans-serif !important;
    font-weight: 700 !important
}

.ult_pricing_table .ult_pricing_heading {
    padding: 20px 0 0 !important
}

.ult_pricing_table .ult_pricing_heading h5 {
    margin: -3px 20px 10px !important
}

#price-table-wrap-4808 .ult_price_figure {
    margin: 10px 0 3px !important
}

.ult_design_5 .ult_pricing_table {
    border-bottom: 2px solid #f3f3f5 !important
}

.ult_pricing_table .ult_price_features {
    padding: 25px !important
}

.ult_pricing_table .ult_price_link {
    padding: 0 0 30px 0 !important
}

.icon-absolute-boxes {
    position: absolute;
    top: 4%;
    left: -55px
}

.icon-absolute-boxes-right {
    position: absolute;
    top: 4%;
    right: -38px;
    z-index: 9
}

.icon-absolute-boxes .vc_icon_element-icon {
    -ms-transform: rotate(180deg) !important;
    -webkit-transform: rotate(180deg) !important;
    transform: rotate(180deg) !important
}

.gyges .tp-tab.selected,
.gyges .tp-tab:hover {
    background: rgba(255, 255, 255, .1) !important
}

.des_shortcode_hidden {
    display: none
}

.vc_btn3.vc_btn3-size-sm.vc_btn3-style-flat {
    padding: 13px 20px !important
}

.vc_general.vc_btn3 {
    margin-right: 15px;
    letter-spacing: 1px
}

.vc_tta-color-grey.light-accordion.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title>a {
    color: #fff !important
}

.vc_btn3.vc_btn3-size-md {
    font-size: 13px !important
}

.uavc-icons,
.wpb_column .wpb_wrapper .uavc-icons {
    margin-bottom: 0 !important
}

.cbp-nav-next,
.cbp-nav-prev {
    background: 0 0 !important;
    height: 40px !important;
    width: 40px !important;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear
}

.single-format-standard .postpagelinks,
.single-format-standard a .postpagelinks {
    padding: 11px 15px
}

.button-dark span {
    z-index: 2;
    position: relative;
    color: #f2f2f2 !important
}

.cbp-nav-controls {
    top: 37% !important;
    width: 100%
}

.ult-carousel-wrapper .slick-dots {
    bottom: -25px !important
}

.vc_row-o-full-height {
    overflow-y: hidden !important
}

.vc_tta-controls-align-left.vc_tta-tabs.vc_tta-tabs-position-top:not([class*=vc_tta-gap]):not(.vc_tta-o-no-fill) .vc_tta-panels {
    border: none !important
}

.des-button-white {
    border: none;
    font-family: Helvetica, Arial;
    font-size: 12px !important;
    color: inherit;
    cursor: pointer;
    padding: 10px 25px !important;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 0;
    font-weight: 600 !important;
    outline: 0;
    position: relative;
    -webkit-transition: all .3s !important;
    -moz-transition: all .3s !important;
    transition: all .3s !important;
    border: 1px solid #fff !important;
    background: 0 0 !important;
    color: #fff !important
}

.des-button-white:after {
    content: '';
    position: absolute;
    z-index: 1;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.des-button-white span {
    z-index: 2;
    position: relative
}

.des-button-white-1d:active,
.des-button-white-1d:hover {
    color: #04acbb !important;
    border: 1px solid #fff !important;
    color: #212121 !important
}

.des-button-white-1d:after {
    width: 0;
    height: 103%;
    top: 50%;
    left: 50%;
    background: #fff;
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.des-button-white-1d:hover:after {
    width: 102%;
    opacity: 1
}

.des-button-white-1d:active:after {
    width: 101%;
    opacity: 1
}

.des-button-dark {
    border: none;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px !important;
    color: inherit;
    cursor: pointer;
    padding: 10px 25px !important;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 0;
    font-weight: 600 !important;
    outline: 0;
    position: relative;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    border: 1px solid #212121 !important;
    background: 0 0 !important;
    color: #212121 !important
}

.des-button-dark:after {
    content: '';
    position: absolute;
    z-index: 1;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.des-button-dark span {
    z-index: 2;
    position: relative;
    color: #222121 !important
}

.des-button-dark-1d:after {
    width: 0;
    height: 103%;
    top: 50%;
    left: 50%;
    background: #7dc771;
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.button-dark-1d:active,
.button-dark-1d:active span,
.button-dark-1d:hover span {
    color: #f2f2f2 !important
}

.button-dark:hover {
    color: #fff !important;
    background: #101010 !important;
    border: 1px solid #101010 !important
}

.des-button-dark-1d:hover:after {
    width: 102%;
    opacity: 1
}

.des-button-dark-1d:active:after {
    width: 101%;
    opacity: 1
}

.des-button-color {
    border: none;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px !important;
    color: inherit;
    cursor: pointer;
    padding: 10px 25px !important;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 0;
    font-weight: 600 !important;
    outline: 0;
    position: relative;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    background: 0 0 !important;
    color: #04acbb;
    border: 1px solid #04acbb
}

.des-button-color:after {
    content: '';
    position: absolute;
    z-index: 1;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.des-button-color span {
    z-index: 2;
    position: relative
}

.des-button-color-1d:after {
    width: 0;
    height: 103%;
    top: 50%;
    left: 50%;
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background-color: #04acbb
}

.des-button-color-1d:active,
.des-button-color-1d:active span,
.des-button-color-1d:hover span {
    color: #fff !important
}

.des-button-color-1d:hover:after {
    width: 102%;
    opacity: 1
}

.des-button-color-1d:active:after {
    width: 101%;
    opacity: 1
}

.extrapadding-form {
    padding: 0 130px !important
}

@media only screen and (min-width:994px) and (max-width:1300px) {
    .extrapadding-form {
        padding: 0 80px !important
    }
}

@media only screen and (min-width:993px) and (max-width:1079px) {
    .extrapadding-form {
        padding: 0 20px !important
    }
}

@media only screen and (min-width:768px) and (max-width:993px) {
    .extrapadding-form {
        padding: 0 20px !important
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .extrapadding-form {
        padding: 0 20px !important
    }
}

.featured-image a .post_overlay {
    background-color: rgba(0, 0, 0, .4) !important
}

.larch-masonry-grid .featured-image a .post_overlay,
.larch-masonry-grid .post_overlay {
    background-color: rgba(0, 0, 0, .2) !important
}

.larch-masonry-grid .featured-image a:hover .post_overlay,
.larch-masonry-grid .light:hover .post_overlay {
    background-color: rgba(0, 0, 0, .75) !important
}

.larch-form-simple-wide-captcha .bt-contact {
    float: left;
    width: 40%;
    text-align: right;
    margin: 23px 0 0
}

.ult_pricing_table.info_min_ht .ult_pricing_heading {
    padding: 60px 0 20px !important
}

.ult_pricing_table.info_min_ht .ult_price_features {
    padding: 35px !important
}

.ult_design_1 .ult_pricing_table .ult_price_link {
    background: 0 0 !important
}

.ult_design_1 .ult_pricing_table .ult_price_link {
    padding-top: 0 !important;
    padding-bottom: 50px !important
}

.ult_design_1 .ult_pricing_table .ult_price_link .ult_price_action_button {
    background: 0 0 !important;
    font-weight: 400 !important;
    border: 2px solid #fff !important;
    border-radius: 3px !important;
    padding: 13px 35px !important
}

.ult_design_1 .ult_pricing_table .ult_price_link .ult_price_action_button:hover {
    background: #fff !important;
    border: 2px solid #fff !important;
    color: #303030 !important
}

.ult_info_table.ult_design_4 .ult_pricing_table .ult_price_link {
    padding: 0 0 31px !important
}

.box-paddingl {
    padding-left: 50px !important
}

.vc_empty_space {
    display: -webkit-box;
    width: 100%
}

.cbp-popup-lightbox {
    background: rgba(0, 0, 0, .9) !important
}

.cbp-popup-singlePageInline .cbp-popup-close {
    right: 0 !important
}

.ult-item-wrap.link .metas,
.ult-item-wrap.link .title,
.ult-item-wrap.quote .metas,
.ult-item-wrap.quote .title {
    display: none !important
}

.ult-item-wrap.image .featured-image {
    max-height: 320px;
    overflow: hidden;
    position: relative
}

.vc_sep_shadow {
    opacity: .6 !important
}

.cbp-nav-pagination {
    bottom: -80px !important
}

.cbp-nav-pagination-item {
    width: 12px !important;
    height: 12px !important
}

.home-padding1 {
    padding-right: 100px !important;
    padding-left: 200px !important
}

.home-padding1.homef {
    padding-right: 0 !important;
    padding-left: 90px !important
}

.home-padding2 {
    padding-left: 40px !important
}

.home-padding3 {
    padding-right: 80px !important;
    padding-left: 80px !important
}

.home-padding3.makeawidebox {
    padding-right: 0 !important;
    padding-left: 80px !important
}

.home-corp1 {
    margin-top: -120px !important
}

.home-boxes1 {
    margin-top: 120px !important
}

.home-boxes2 {
    padding-left: 15px !important
}

.home-boxes4 {
    padding-right: 20px !important;
    padding-left: 15px !important
}

.home-boxes5 {
    padding: 30px 0 30px 15px !important
}

.home-boxes6 {
    padding: 30px 0 0 0 !important
}

.home-boxes7 {
    padding: 30px 15px !important
}

.home-boxes8 .vc_column-inner {
    padding: 50px !important
}

.home-boxes10 .vc_column-inner,
.home-boxes11 .vc_column-inner,
.home-boxes9 .vc_column-inner {
    padding: 40px !important
}

.hboxes-absolute-partners {
    margin-top: -35px !important;
    padding: 0 50px !important
}

.home-form1 {
    padding-top: 150px !important;
    padding-bottom: 150px !important
}

.home-form2 {
    padding-right: 100px !important;
    padding-left: 100px !important
}

.boxed_layout .vc_row-fluid.upb_video_class {
    margin-left: -30px !important
}

body#boxed_layout #main {
    background: 0 0
}

body#boxed_layout #main section.page_content {
    background: #fff
}

body#boxed_layout #big_footer {
    max-width: 1400px;
    margin: 0 auto;
    float: none
}

.home-boxes2-greenbox {
    padding: 50px !important
}

.add-side-paddings.add-side-paddings-box {
    padding-left: 50px !important
}

.vc_btn3.vc_btn3-size-sm.vc_btn3-icon-right:not(.vc_btn3-o-empty) {
    padding-right: 39px !important
}

.box-shadow-cforms {
    margin-top: -120px !important;
    padding-top: 20px !important;
    padding-right: 20px !important;
    padding-bottom: 20px !important;
    padding-left: 20px !important
}

[data-animation*=fadeIn]:not(.animated) {
    opacity: 0
}

.fullwidth-container.bg-pattern {
    background-size: inherit !important
}

.des_active_ss,
.simpleselect,
.simpleselect .options .option {
    z-index: 99 !important
}

.vc_btn3.vc_btn3-size-sm.vc_btn3-icon-left:not(.vc_btn3-o-empty) {
    padding-left: 38px !important
}

.ult_modal-header>.modal-icon {
    Xdisplay: none !important
}

.ult_modal-body {
    padding: 40px !important
}

.ult-overlay-close {
    width: 15px !important;
    height: 15px !important
}

h3.ult_modal-title {
    padding: 20px 40px !important
}

.btn-modal-lg {
    padding: 13px 20px !important;
    font-size: 13px !important;
    line-height: 1.33 !important;
    border-radius: 3px !important;
    text-transform: uppercase !important;
    font-family: Heebo, Arial, sans-serif !important;
    font-weight: 700 !important;
    box-shadow: none !important;
    border: none !important
}

.btn-modal-lg:hover {
    opacity: .8 !important
}

.ult_modal-content {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -o-box-shadow: none !important;
    -ms-box-shadow: none !important;
    box-shadow: none !important
}

.serif-italic-font {
    font-family: Tangerine, Georgia !important;
    font-weight: 700
}

.cbp-popup-singlePage .cbp-popup-prev {
    background-position: 15px -92px !important
}

.cbp-popup-singlePage .cbp-popup-prev:hover {
    background-position: 15px -138px !important
}

.widget .ult-carousel-wrapper button {
    opacity: 0;
    transition: all .2s linear .5s
}

.widget .ult-carousel-wrapper:hover button {
    opacity: 1;
    transition: all 0 linear 0
}

pre {
    background: #f2f2f2;
    padding: 10px;
    border: 1px solid #ededed
}

.ultb3-box a.ultb3-btn i {
    font-size: 15px !important;
    right: 12px !important
}

.cbp-popup-singlePage .cbp-popup-navigation-wrap {
    z-index: 999999 !important
}

.des_recent_posts_widget .flexslider .slides li:first-child {
    display: list-item
}

.info-c-full-br .info-c-full {
    padding: 30px !important
}

header.navbar.menu-rounded .navbar-collapse ul li.larch_mega_menu>ul {
    top: auto;
    margin-top: 20px
}

header.navbar.menu-square .navbar-collapse ul li.larch_mega_menu>ul {
    top: auto;
    margin-top: 20px
}

header.navbar.menu-simple .navbar-collapse ul li.larch_mega_menu>ul {
    top: auto
}

header.header-full-width .search_input>.search_container :not(.hidden):not(.ajax_search_results) {
    margin-left: 20px
}

header.header-full-width .search_close {
    margin-right: 25px
}

.header-full-width .nav-container {
    padding: 0 30px;
    width: 100%
}

.header-full-width.style2 .header_style2_contact_info,
.header-full-width.style2 .header_style2_menu {
    margin: 0 30px
}

header.style2:not(.header-full-width) .header_style2_contact_info,
header.style2:not(.header-full-width) .header_style2_menu {
    margin: 0 15px
}

header.style2 .social_container {
    display: table-cell
}

header.style2 .larch_right_header_icons span.social_container:first-of-type {
    padding-left: 35px
}

header.style2 .larch_right_header_icons span.social_container {
    top: -3px;
    position: relative
}

header.style2 .larch_right_header_icons span.social_container i {
    font-size: 17px !important;
    padding: 0 5px !important;
    cursor: pointer
}

header.style2 .larch-header-button {
    float: right;
    display: table-cell;
    margin: auto;
    right: unset;
    padding-left: 60px
}

header.style2 .larch-header-button a {
    margin-right: 0
}

header .top-bar-bg>.clearfix:not(.container) {
    margin: 0 30px
}

.dark .larch_little_shopping_bag .overview span.minicart_items {
    background: #fff !important;
    color: #212121
}

body .light .larch_little_shopping_bag .overview span.minicart_items {
    background: #101010 !important;
    color: #fff
}

.navbar .nav-container .custom-font-icon i {
    font-size: 22px;
    top: -1px;
    position: relative
}

.larch-push-sidebar-opened .navbar .nav-container .custom-font-icon .icon:not(.dripicons-cross) {
    display: none
}

.navbar .nav-container .custom-font-icon .icon.dripicons-cross {
    display: none
}

.larch-push-sidebar-opened .navbar .nav-container .custom-font-icon .icon.dripicons-cross {
    display: block;
    font-size: 24px
}

.display-table {
    display: table;
    width: 100%;
    height: 100%
}

.larch-push-sidebar-content {
    padding: 40px
}

.larch-push-sidebar.larch-push-sidebar-right {
    background-color: #1a1a1a;
    background-color: #1a1a1a
}

.larch-push-sidebar {
    position: fixed;
    width: 300px;
    z-index: 12;
    height: 100%;
    overflow: auto
}

.menu-icon {
    border-top-width: 4px;
    border-style: solid;
    border-color: inherit;
    display: block;
    margin-bottom: 3px;
    width: 4px;
    -webkit-transition: -webkit-transform .4s ease, opacity .4s ease, top .4s ease;
    -moz-transition: -moz-transform .4s ease, opacity .4s ease, top .4s ease;
    -o-transition: -o-transform .4s ease, opacity .4s ease, top .4s ease;
    transition: transform .4s ease, opacity .4s ease, top .4s ease;
    cursor: pointer;
    top: 0;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    border-radius: 4px
}

body:not(.rtl) .larch-push-sidebar.larch-push-sidebar-right {
    right: -300px;
    -webkit-transition: right .4s ease;
    -moz-transition: right .4s ease;
    -o-transition: right .4s ease;
    transition: right .4s ease
}

body:not(.rtl) .larch-push-sidebar.larch-push-sidebar-right.opened {
    right: 0;
    z-index: 999
}

body:not(.rtl) #main {
    -webkit-transition: right .4s ease, -webkit-transform .4s ease;
    -moz-transition: right .4s ease, -moz-transform .4s ease;
    -o-transition: right .4s ease, -o-transform .4s ease;
    transition: right .4s ease, transform .4s ease;
    position: relative;
    right: 0;
    float: left;
    width: 100%;
    z-index: 2;
    background: #fff
}

body #main {
    overflow-y: hidden;
    overflow-x: hidden
}

body:not(.rtl) #main header {
    -webkit-transition: all .4s ease !important;
    -moz-transition: all .4s ease !important;
    -o-transition: all .4s ease !important;
    transition: all .4s ease !important;
    right: 0;
    left: 0
}

body:not(.rtl).larch-push-sidebar-opened #main {
    right: 300px
}

body:not(.rtl).larch-push-sidebar-opened #main #header #header-inner-wrap.no-transparent.top-animate,
body:not(.rtl).larch-push-sidebar-opened #main header {
    right: 300px;
    left: auto
}

body:not(.rtl).larch-push-sidebar-opened #main header.header-full-width.header_not_fixed,
body:not(.rtl).larch-push-sidebar-opened #main header.header-with-container {
    right: 0
}

body:not(.rtl).larch-push-sidebar-opened #main header.header-full-width.navbar-fixed-top:not(.header_not_fixed),
body:not(.rtl).larch-push-sidebar-opened #main header.header-with-container.navbar-fixed-top:not(.header_not_fixed) {
    right: 300px;
    left: -300px
}

.footer-full-width #primary_footer>.no-fcontainer {
    padding-left: 30px;
    padding-right: 30px;
    position: relative;
    display: inline-block
}

.footer-full-width #secondary_footer .container {
    width: 100%;
    padding-left: 40px;
    padding-right: 40px;
    position: relative;
    display: inline-block
}

.ult_tabmenu li {
    list-style: none !important
}

.ult_tabmenu.style2 li.ult_tab_li a {
    margin-top: 9px !important
}

.ult_tabmenu.style2 li.current a,
.ult_tabmenu.style2 li.ult_tab_li a:hover {
    margin-top: 0 !important
}

.ult_tabcontent.style2 {
    border: 1px solid #dedddd;
    position: relative;
    top: -1px
}

.none-transition,
body #main header.none-transition {
    transition: none !important;
    -webkit-transition: none !important;
    -moz-transition: none !important
}

.des_partners_widget .slick-slider {
    border: 1px solid #e0e0e0;
    font-weight: 700;
    background: #f9f9f9
}

#des-team-1 .slick-prev,
.tparrows.gyges.tp-leftarrow {
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

#des-team-1 .slick-next,
.tparrows.gyges.tp-rightarrow {
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.vc_progress_bar .vc_single_bar .vc_label {
    text-shadow: none !important
}

.absolute-icon-aligment {
    position: absolute !important;
    top: 35px !important;
    right: -30px !important
}

.hermes.tparrows {
    opacity: 1;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.cbp-popup-lightbox .cbp-popup-prev:after {
    position: absolute;
    top: 10px;
    left: 22px;
    font-size: 38px;
    font-family: FontAwesome;
    content: '\f104';
    -webkit-font-smoothing: antialiased;
    color: #fff;
    line-height: 1
}

.cbp-popup-lightbox .cbp-popup-next:after {
    position: absolute;
    top: 10px;
    left: 22px;
    font-size: 38px;
    font-family: FontAwesome;
    content: '\f105';
    -webkit-font-smoothing: antialiased;
    color: #fff;
    line-height: 1
}

.cbp-popup-lightbox .cbp-popup-close:after {
    position: absolute;
    top: 19px;
    left: 21px;
    font-size: 22px;
    font-family: FontAwesome;
    content: '\f00d';
    -webkit-font-smoothing: antialiased;
    color: #fff;
    line-height: 1
}

.cbp-popup-lightbox .cbp-popup-next:hover:after,
.cbp-popup-lightbox .cbp-popup-prev:hover:after {
    color: #fff
}

.smile_icon_list li .icon_description p {
    line-height: 1.55em !important;
    margin-top: 10px !important
}

.modal-popup-btn {
    text-align: center;
    display: block;
    background: #212121;
    padding: 10px;
    font-weight: 700;
    border-radius: 3px;
    margin: 40px 10px 0;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear
}

.vc_general.vc_cta3 h2,
.vc_general.vc_cta3 h4 {
    margin-bottom: 20px !important;
    letter-spacing: normal
}

.vc_btn3-container button {
    margin-top: 20px !important;
    margin-bottom: 20px !important
}

.flip-box-wrap .flip_link {
    margin-top: 20px !important;
    margin-bottom: 0
}

.flip-box-wrap .ifb-back,
.flip-box-wrap .ifb-front {
    transform-style: none !important;
    -webkit-backface-visibility: none !important;
    -moz-backface-visibility: none !important;
    -o-backface-visibility: none !important;
    -ms-backface-visibility: none !important;
    backface-visibility: none !important
}

.flip-box-wrap .ifb-front * {
    backface-visibility: none !important
}

.left-icon .aio-icon-left .aio-icon,
.left-icon .aio-icon-left .aio-icon-img {
    margin-right: 15px !important
}

.vc_tta.vc_general .vc_tta-panel.vc_active,
.vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-body {
    padding: 0;
    padding-bottom: 10px
}

.extra-padding-photohome {
    padding-right: 30px !important;
    padding-left: 30px !important
}

.button-app-slider i {
    font-size: 30px;
    margin-right: 10px;
    position: relative;
    top: 3px
}

.cdemo-padding-contacts {
    padding: 40px 80px !important
}

.small-letter-spacing {
    letter-spacing: 3px !important
}

.medium-letter-spacing {
    letter-spacing: 16px !important
}

.big-letter-spacing {
    letter-spacing: 30px !important
}

.cbp-l-filters-list .cbp-filter-item {
    z-index: 999
}

.ultb3-info {
    padding: 0 50px !important
}

.ultb3-desc {
    margin-top: 10px
}

.tooltip-icon h3 {
    text-align: center !important
}

.about2-mobile-adjustment {
    padding-right: 50px !important;
    padding-left: 50px !important
}

.aboutme {
    padding-top: 140px !important;
    padding-right: 100px !important;
    padding-bottom: 20px !important;
    padding-left: 100px !important
}

.home-box1-mobile {
    padding-right: 40px !important
}

.stats-top .aio-icon-top {
    margin-bottom: 10px !important
}

.aio-icon-top .ult-just-icon-wrapper .align-icon {
    padding-top: 3px
}

.extra-right-margin {
    padding-right: 80px !important
}

.fancytext-typewriter-background-enabled {
    margin-left: 7px
}

.wpb_single_image .vc_single_image-wrapper.vc_box_rounded,
.wpb_single_image .vc_single_image-wrapper.vc_box_rounded img {
    border-radius: 6px !important
}

.wpb_single_image a {
    overflow: hidden;
    position: relative
}

.wpb_single_image a img {
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear
}

.wpb_single_image a:hover img {
    transform: scale(1.05);
    opacity: .9
}

.cbp-nav-next:before,
.cbp-nav-prev:before {
    top: 9px !important
}

.ultimate-typed-main {
    margin-left: 10px
}

.extra-large-font {
    font-size: 4.5em !important;
    line-height: 1em
}

.modal-icon i {
    color: #fff;
    font-size: 5em !important
}

.ult_modal-body {
    padding: 0 !important
}

.overlay-fade .ult_modal-content {
    border: none !important
}

.cbp-nav-next,
.cbp-nav-prev {
    border: 2px solid transparent !important
}

.cbp-nav-next,
.cbp-nav-prev {
    border: 2px solid transparent !important
}

.search-results .page_content {
    margin: 50px 0
}

.search-results .des-pages {
    position: relative;
    text-align: center;
    margin: 0 auto;
    display: table
}

.projects_nav1 {
    margin-top: 40px
}

.slick-dots li {
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0);
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    width: 8px !important;
    height: 8px !important;
    border: 2px solid #fff
}

.ult-carousel-wrapper .slick-dots li {
    border: none !important
}

.ult-carousel-wrapper .slick-dots li i:after {
    display: none !important
}

.slick-dots li i:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out
}

.style-dark .slick-dots li {
    border: 1px solid #36383a;
    opacity: .75;
    margin: 0 5px
}

h1.heading-error {
    color: #fff !important;
    margin-top: -50px
}

.special_tabs.horizontal.text .tab-selector .label .title a:before,
header.navbar-default.larch-underlining .navbar-nav>li>a:before {
    position: absolute;
    top: 100%;
    left: 0;
    width: 0;
    margin-top: -2px;
    border-bottom: 2px solid transparent;
    content: '';
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

.special_tabs.horizontal.text .tab-selector .label:hover .title a:before,
.ult_btn10_span:hover:before,
header.navbar-default.larch-underlining .navbar-nav>li:hover>a:before {
    width: 100%;
    margin-left: 0
}

.use-as-lists .default-icon .aio-icon-default .aio-icon {
    margin-top: 5px
}

.use-as-lists.aio-icon-component {
    margin-bottom: -10px
}

a.ult_colorlink {
    letter-spacing: 2px !important;
    font-size: 11px !important;
    margin-top: 20px !important
}

#footer-instagram .instagram-pics li,
#footer-instagram .jr-insta-thumb ul li {
    opacity: 1;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s
}

#footer-instagram .instagram-pics li:hover,
#footer-instagram .jr-insta-thumb ul li:hover {
    opacity: 1
}

#footer-instagram .instagram-pics li {
    display: inline-block;
    margin: 0;
    padding: 0
}

#footer-instagram .instagram-pics li img,
#footer-instagram .jr-insta-thumb ul li img {
    max-width: 100%;
    height: auto;
    vertical-align: middle
}

#footer-instagram .jr-insta-thumb .thumbnails>li {
    padding: 0 !important
}

#footer-instagram .jr-insta-thumb .thumbnails {
    padding: 0 !important
}

1 #footer-instagram .instagram-heading {
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 15px;
    margin-bottom: 15px
}

.instagram-pics {
    top: -41px;
    position: relative
}

.footer_sidebar .instagram-pics {
    top: 0
}

.custom-widget.null-instagram-feed h4 {
    top: -41px;
    position: relative;
    color: #fff !important
}

#footer-instagram h4 {
    position: relative;
    top: -40px;
    font-size: 11px;
    color: #3e3b3a !important;
    font-family: Heebo, Arial, sans-serif;
    font-weight: 700;
    font-size: 11px !important;
    letter-spacing: 2px !important
}

.custom-widget.null-instagram-feed p.clear {
    position: absolute;
    width: 100%;
    bottom: 33px
}

#footer-instagram {
    text-align: center;
    float: left;
    width: 100%;
    position: relative;
    z-index: 9999
}

#footer-instagram p.clear {
    position: absolute;
    width: 100%;
    bottom: 18px
}

#footer-instagram p.clear a {
    background: #565453;
    padding: 7px 18px;
    border-radius: 20px;
    top: 0;
    font-size: 11px;
    letter-spacing: 1px;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    color: #fff;
    font-weight: 600 !important
}

.sidebar .instagram_widget p.clear a {
    padding: 0;
    top: 15px;
    font-size: 12px;
    letter-spacing: 0;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    font-weight: 600 !important;
    text-align: left;
    margin: 0;
    position: relative
}

.instagram_widget p.clear {
    text-align: center;
    top: 10px;
    position: relative
}

.sidebar .instagram_widget p.clear {
    text-align: left;
    top: 5px
}

#footer-instagram p.clear a:hover {
    background: #171717;
    border-color: #171717;
    color: #fff !important
}

.upper_icon_index-0 .aio-icon:after {
    margin-left: 0 !important
}

div.pp_pic_holder {
    z-index: 999999 !important
}

div.pp_overlay {
    z-index: 99999 !important
}

.align-icontop-left .aio-icon-description,
.align-icontop-left .aio-icon-title,
.align-icontop-left .align-icon {
    text-align: left !important
}

.ult_cl_link_4 a .ult_link_btm4 {
    display: none
}

.align-icontop-left a.aio-icon-read {
    float: left
}

.align-icon-left {
    float: left;
    width: auto;
    margin: 5px 10px 5px 0;
    opacity: .6
}

@media only screen and (min-width:1201px) and (max-width:1390px) {
    .boxed_layout {
        width: 1250px;
        margin: 0 auto;
        overflow: hidden;
        z-index: 9999999999;
        background-color: #fff
    }
    body#boxed_layout #big_footer {
        max-width: 1250px;
        margin: 0 auto;
        float: none
    }
    .boxed_layout .des_cubeportfolio_widget,
    .boxed_layout body>.search_input.fade,
    .boxed_layout body>.search_input.none {
        width: 1250px;
        margin: 0 auto;
        overflow: hidden;
        float: none
    }
    .boxed_layout header.navbar {
        width: 1250px;
        margin: 0 auto
    }
    .extra-large-font {
        font-size: 4em !important
    }
    .home-padding3.makeawidebox {
        padding-right: 20px !important;
        padding-left: 20px !important
    }
}

@media only screen and (min-width:994px) and (max-width:1200px) {
    .boxed_layout {
        width: 1000px;
        margin: 0 auto;
        overflow: hidden;
        z-index: 9999999999;
        background-color: #fff
    }
    body#boxed_layout #big_footer {
        max-width: 1000px;
        margin: 0 auto;
        float: none
    }
    .boxed_layout .des_cubeportfolio_widget,
    .boxed_layout body>.search_input.fade,
    .boxed_layout body>.search_input.none {
        width: 1000px;
        margin: 0 auto;
        overflow: hidden;
        float: none
    }
    .boxed_layout header.navbar {
        width: 1000px;
        margin: 0 auto;
        float: none
    }
    .home-boxes1 {
        margin-top: 110px !important
    }
    .home-boxes2 {
        padding-left: 0 !important
    }
    .home-boxes4 {
        padding-right: 15px !important;
        padding-left: 15px !important
    }
    .home-boxes5 {
        padding: 30px 0 0 15px !important
    }
    .home-boxes4 .vc_column-inner {
        padding: 0 !important
    }
    .home-boxes11 .vc_btn3.vc_btn3-size-xs.vc_btn3-icon-right:not(.vc_btn3-o-empty) {
        padding-right: 22px;
        text-align: left
    }
    .home-boxes7 {
        padding: 0 15px !important
    }
    .home-boxes7 {
        padding: 30px 0 !important
    }
    .home-boxes8 .vc_column-inner {
        padding: 5px 20px !important
    }
    .home-boxes8 .vc_column-inner h5 {
        font-size: 12px !important
    }
    .home-boxes8 .vc_column-inner h2,
    .home-boxes9 .vc_column-inner h2 {
        font-size: 46px !important
    }
    .home-boxes10 .vc_column-inner,
    .home-boxes11 .vc_column-inner,
    .home-boxes9 .vc_column-inner {
        padding: 10px 20px !important
    }
    .extra-large-font {
        font-size: 4em !important
    }
    .home-padding3.makeawidebox {
        padding-right: 20px !important;
        padding-left: 20px !important
    }
}

@media only screen and (min-width:993px) and (max-width:1079px) {
    header.style5 .larch-header-button {
        padding-left: 20px
    }
    header.style5 .larch_right_header_icons.with-woocommerce-cart {
        top: 0
    }
    header.style5 .larch-header-button a {
        margin-right: 0
    }
    .archive .blog-default-bg {
        padding: 0 20px 40px 0;
        padding-right: 0 !important
    }
    .single-post .page_content.left .blog-default-bg {
        padding-right: 0
    }
    .blog-default-bg-masonry .featured-image {
        max-height: 415px !important
    }
    .page .page_content.left:not(.sidebar) {
        padding: 50px 20px 50px 0 !important
    }
    .nav-next-thumb img,
    .nav-previous-thumb img {
        margin-top: calc(0% - 5%)
    }
    .page .page_content.right:not(.sidebar) {
        padding: 50px 0 50px 20px !important;
        overflow: hidden
    }
    .vc_col-sm-6.aboutme,
    .vc_col-sm-6.max-wide-box {
        width: 100% !important
    }
    .cdemo-padding-contacts {
        padding: 20px 40px !important
    }
    .cbp-nav-next {
        right: -40px !important
    }
    .cbp-nav-prev {
        left: -40px !important
    }
    .flex-direction-nav a.flex-prev {
        left: -40px
    }
    .flex-direction-nav a.flex-NEXT {
        right: -40px
    }
    .wpcf7 .larch-form-simple .f-email,
    .wpcf7 .larch-form-simple .f-name,
    .wpcf7 .larch-form-simple .f-subject,
    .wpcf7 .larch-form-simple.dark .f-email,
    .wpcf7 .larch-form-simple.dark .f-name,
    .wpcf7 .larch-form-simple.dark .f-subject {
        width: 32.6%
    }
    .s1-mobile-link .tp-button.mini {
        margin-left: -8px !important
    }
    .adjusts-tablet-portrait .ultimate-typed-main {
        font-size: 70px !important
    }
    header .search_trigger i {
        padding-top: 0
    }
    #flickr li {
        width: 60px;
        height: 60px;
        margin: 0 5px 5px 0
    }
    .woocommerce.widget_shopping_cart ul.cart_list span.amount {
        top: -30px
    }
    .woocommerce.widget_shopping_cart .quantity {
        top: 49px
    }
    .woocommerce.widget_shopping_cart ul.cart_list li a {
        padding: 40px 0 3px 68px !important
    }
    .widget_product_search input[type=search] {
        width: 65%
    }
    .woocommerce-page a.button {
        margin-left: 1px
    }
    .woocommerce-page a.button.wc-forward,
    .woocommerce-page a.button.wc-forward.checkout {
        padding: 10px
    }
    header.navbar .navbar-collapse ul li.larch_mega_menu>ul {
        width: 100vw !important
    }
    .fullcoveredvideo video,
    .fullscreenvideo video {
        height: 100%
    }
    .home-boxes1 {
        margin-top: 110px !important
    }
    .home-boxes2 {
        padding-left: 0 !important
    }
    .home-boxes4 {
        padding-right: 15px !important;
        padding-left: 15px !important
    }
    .home-boxes5 {
        padding: 30px 0 0 15px !important
    }
    .home-boxes11 .vc_btn3.vc_btn3-size-xs.vc_btn3-icon-right:not(.vc_btn3-o-empty) {
        padding-right: 22px;
        text-align: left
    }
    .home-boxes7 {
        padding: 0 15px !important
    }
    .home-boxes7 {
        padding: 30px 0 !important
    }
    .home-boxes8 .vc_column-inner {
        padding: 5px 20px !important
    }
    .home-boxes8 .vc_column-inner h5 {
        font-size: 12px !important
    }
    .home-boxes8 .vc_column-inner h2,
    .home-boxes9 .vc_column-inner h2 {
        font-size: 46px !important
    }
    .home-boxes10 .vc_column-inner,
    .home-boxes11 .vc_column-inner,
    .home-boxes9 .vc_column-inner {
        padding: 10px 20px !important
    }
    .home-form2 {
        padding-right: 100px !important;
        padding-left: 40px !important
    }
    .ult-carousel-wrapper.ult_horizontal .slick-next {
        right: -25px !important
    }
    .ult-carousel-wrapper.ult_horizontal .slick-prev {
        left: -25px !important
    }
    .partners-container .slick-next,
    .partners-container .slick-prev {
        top: 42% !important
    }
    .adjust-boxes-on-mobile .ult-content-box {
        min-height: 355px !important
    }
    header.style1 .larch_right_header_icons {
        margin-left: 30px
    }
    body>.search_input .search_close {
        top: 20px;
        margin-right: 20px;
        padding: 0
    }
    .fullwidth-container {
        background-size: cover !important
    }
    .increase-size-tablet {
        width: 50% !important
    }
    .vc_col-sm-8 .wpcf7 .larch-form-simple .f-email,
    .vc_col-sm-8 .wpcf7 .larch-form-simple .f-name,
    .vc_col-sm-8 .wpcf7 .larch-form-simple .f-subject {
        width: 32.25%
    }
    .error-c {
        padding: 40px 100px
    }
    .error404 .text-error {
        font-size: 21px;
        line-height: 24px
    }
    .home-box1-mobile {
        width: 100% !important;
        padding-left: 20px !important
    }
    .h3adjust-size-mobile {
        font-size: 32px !important;
        line-height: 35px !important
    }
    .agency-fs-align {
        top: -40px !important
    }
    .shadow-text-position .uvc-sub-heading {
        margin-top: -80px !important
    }
    .cbp-l-filters-list.des-align-center {
        z-index: 2;
        position: relative
    }
    .navbar-default.menu-rounded .navbar-nav>li,
    .navbar-default.menu-square .navbar-nav>li {
        padding-right: 5px !important;
        padding-left: 5px !important
    }
    .navbar-default.menu-square .navbar-nav>li:first-child {
        padding-left: 0 !important
    }
    header.style2 .nav-container {
        width: 100% !important
    }
    .home-padding1 {
        padding-right: 60px !important;
        padding-left: 30px !important
    }
    .special_tabs.icontext .label .title {
        margin: 8px 0 8px 60px
    }
    .about2-mobile-adjustment {
        padding-right: 20px !important;
        padding-left: 20px !important
    }
    .extra-large-font {
        font-size: 3em !important
    }
    .ult-ih-container ul.ult-ih-list li.ult-ih-list-item,
    .ult-ih-image-block,
    .ult-ih-item.ult-ih-square {
        margin: 15px !important;
        width: 260px !important;
        height: 260px !important
    }
    .projects_media.left_media {
        padding-right: 40px
    }
    .home-padding3 {
        padding-right: 20px !important;
        padding-left: 20px !important
    }
}

@media only screen and (min-width:768px) and (max-width:993px) {
    .blog-default.wideblog .page_content.col-md-12 .vc_col-sm-6 .blog_excerpt,
    .blog-default.wideblog .page_content.col-md-12 .vc_col-sm-6 .metas-container,
    .blog-default.wideblog .page_content.col-md-12 .vc_col-sm-6 .the_title {
        padding-left: 0
    }
    header.style4 .new-menu-wrapper {
        top: 0
    }
    header.style6 .larch_right_header_icons {
        padding-top: 10px !important;
        padding-bottom: 25px
    }
    header.style6.header_after_scroll .larch_right_header_icons {
        padding-top: 5px !important
    }
    .home-boxes4 .vc_column-inner {
        padding: 0 !important
    }
    .contentbox-1 .ult-content-box,
    .contentbox-2 .ult-content-box,
    .contentbox-3 .ult-content-box {
        padding-right: 20px !important;
        padding-left: 20px !important;
        background-position: -100px !important
    }
    .single-post .page_content.left .blog-default-bg {
        padding-right: 0 !important
    }
    .nav-next-thumb img,
    .nav-previous-thumb img {
        margin-top: calc(0% - 0%)
    }
    .navigation .nav-title {
        font-size: 1.6em
    }
    .nav-next .navcontentens-side,
    .nav-previous .navcontentens-side {
        margin: 50px
    }
    .nav-next,
    .nav-previous {
        height: 180px
    }
    .archive .blog-default-bg.normal,
    .archive .blog_excerpt,
    .page-template-blog-template .wideblog .post-listing,
    .single-post .blog-default-bg {
        max-width: 90%;
        margin: 40px auto 0 !important
    }
    .archive .the_title h2 a,
    .home.blog .blog-default.wideblog .container .the_title h2 a,
    .page-template-blog-template .the_title h2 a {
        line-height: 1.2em
    }
    .archive .metas-container,
    .home.blog .blog-default.wideblog .metas-container,
    .page-template-blog-template .metas-container {
        margin-top: 20px !important
    }
    .page .page_content.right:not(.sidebar) {
        padding: 50px 0 50px 0 !important
    }
    .page .page_content.left:not(.sidebar) {
        padding: 50px 0 50px 0 !important;
        overflow: hidden
    }
    .extra-right-margin {
        padding-right: 0 !important
    }
    .noscroller .partner-item {
        float: left;
        margin-bottom: 40px;
        width: 25%;
        padding: 0
    }
    .wide-div-mobile.vc_col-sm-3 {
        width: 50% !important
    }
    .wide-div-mobile.vc_col-sm-8 {
        width: 100% !important
    }
    .metas-container {
        padding: 0 !important
    }
    .page_content .metas-container p {
        margin-right: 10px
    }
    .ult-ih-container ul.ult-ih-list li.ult-ih-list-item,
    .ult-ih-image-block,
    .ult-ih-item.ult-ih-square {
        margin: 10px !important;
        width: 200px !important;
        height: 200px !important
    }
    .special_tabs.icontext .label .title {
        margin: 8px 0 8px 60px
    }
    .ultb3-info {
        padding: 0 20px !important
    }
    .extra-padding-photohome {
        padding-right: 10px !important;
        padding-left: 0 !important
    }
    .serv3-box-padding {
        padding-top: 50px !important;
        padding-right: 50px !important;
        padding-bottom: 50px !important;
        padding-left: 50px !important
    }
    .vc_col-sm-6.aboutme,
    .vc_col-sm-6.max-wide-box {
        width: 100% !important
    }
    .box-paddingr {
        padding-right: 15px !important
    }
    .add-side-paddings {
        padding-right: 30px !important;
        padding-left: 30px !important
    }
    #primary_footer .footer_sidebar:last-child .widget-contact-content {
        margin-bottom: 0
    }
    .ultb3-title {
        font-size: 23px !important;
        line-height: 26px !important;
        margin-bottom: 20px !important
    }
    .cdemo-padding-contacts {
        padding: 10px 30px !important
    }
    #flickr li {
        width: 44px;
        height: 44px
    }
    div.pp_default .pp_content {
        max-width: 99%
    }
    div.ppt {
        max-width: 97%
    }
    .pp_hoverContainer {
        max-width: 96%
    }
    .des_active_ss,
    .simpleselect,
    .simpleselect .options .option {
        z-index: 99 !important
    }
    div.pp_default .pp_content_container .pp_details,
    div.pp_overlay,
    div.pp_pic_holder {
        max-width: 100%
    }
    .ifb-back .ifb-flip-box-section {
        padding: 0 !important
    }
    .flip-box-wrap .ifb-back p {
        font-size: 10px !important
    }
    .small-text-mobile {
        font-size: 50px !important
    }
    #section-199 .upb_row_bg {
        background-position: 75% 0 !important
    }
    .boxed_layout {
        width: 780px;
        margin: 0 auto;
        overflow: hidden;
        z-index: 9999999999;
        background-color: #fff
    }
    body#boxed_layout #big_footer {
        max-width: 780px;
        margin: 0 auto;
        float: none
    }
    .boxed_layout .des_cubeportfolio_widget,
    .boxed_layout body>.search_input.fade,
    .boxed_layout body>.search_input.none {
        width: 780px;
        margin: 0 auto;
        overflow: hidden;
        float: none
    }
    .boxed_layout header.navbar {
        width: 780px;
        margin: 0 auto;
        float: none
    }
    .wpb_wrapper {
        word-break: break-word
    }
    #primary_footer .footer_sidebar {
        margin-bottom: 0
    }
    .fullcoveredvideo video,
    .fullscreenvideo video {
        height: 100%
    }
    header .top-bar a,
    header .top-bar ul.phone-mail li a {
        font-size: 11px !important
    }
    .top-bar-menu li {
        margin: 7px 10px
    }
    .demo10-left-btn {
        left: 20px !important
    }
    header.style1 .header_social_icons.with-social-icons,
    header.style2 .header_social_icons.with-social-icons {
        display: none
    }
    .wpcf7 .larch-form-simple-captcha .f-captcha {
        margin-left: 10px
    }
    .wpcf7 .larch-form-simple-captcha .f-message {
        width: 65.4%
    }
    .wpcf7 .larch-form-simple-captcha .f-email,
    .wpcf7 .larch-form-simple-captcha .f-name,
    .wpcf7 .larch-form-simple-captcha .f-subject {
        width: 32%
    }
    header .dl-menuwrapper {
        display: table-cell !important
    }
    header.style4 .dl-menuwrapper {
        display: none !important
    }
    .nav-container>.navbar-collapse.collapse,
    .style1 .nav-container>.navbar-collapse.collapse {
        display: none !important
    }
    .dl-menuwrapper button {
        float: right
    }
    .dl-menuwrapper .dl-menu {
        top: 100%;
        top: calc(100% + 20px);
        z-index: 999
    }
    .header_after_scroll .dl-menuwrapper .dl-menu {
        top: calc(100% + 5px)
    }
    .mail-box .mail-news {
        padding: 0 0
    }
    .adjusts-tablet-portrait .vc_col-sm-8 {
        width: 55%
    }
    .adjusts-tablet-portrait .vc_col-sm-4 {
        width: 45%
    }
    .vc_col-sm-8 .wpcf7 .larch-form-simple .f-email,
    .vc_col-sm-8 .wpcf7 .larch-form-simple .f-name,
    .vc_col-sm-8 .wpcf7 .larch-form-simple .f-subject {
        width: 31.8%
    }
    .wpcf7 .larch-form-simple .f-email,
    .wpcf7 .larch-form-simple .f-name,
    .wpcf7 .larch-form-simple .f-subject,
    .wpcf7 .larch-form-simple.dark .f-email,
    .wpcf7 .larch-form-simple.dark .f-name,
    .wpcf7 .larch-form-simple.dark .f-subject {
        width: 32.4%
    }
    .uvc-type-no-prefix {
        line-height: 50px !important
    }
    .small-wide {
        font-size: 12px;
        line-height: 18px
    }
    .flip-box-wrap .flip-box h3 {
        padding: 0 !important
    }
    .flip-box-wrap .ifb-back,
    .flip-box-wrap .ifb-front {
        min-height: 245px !important
    }
    .projects_media.fullwidth_media {
        top: -36px
    }
    .widget_product_search input[type=search] {
        width: 90%
    }
    .page_content.left,
    .page_content.left.sidebar {
        padding: 30px 0 50px;
        border-right: none;
        padding-right: 0 !important
    }
    .fullwidth-container {
        background-size: cover !important
    }
    .flex-control-nav,
    .flex-direction-nav {
        z-index: 99
    }
    .flex-control-nav li {
        margin: 0 6px
    }
    .vc_btn3-container.vc_btn3-left {
        margin-right: 2px !important
    }
    .vc_btn3.vc_btn3-size-md {
        font-size: 12px
    }
    .vc_btn3.vc_btn3-size-md.vc_btn3-icon-right:not(.vc_btn3-o-empty) {
        padding-right: 35px
    }
    .vc_col-sm-12 .partners-container.noscroller.innerborder .partners-row,
    .vc_col-sm-6 .partners-container.noscroller.innerborder .partners-row,
    .vc_col-sm-8 .partners-container.noscroller.innerborder .partners-row {
        width: 50%;
        padding: 0;
        margin: 0;
        float: left
    }
    .vc_col-sm-6 .partners-container.noscroller.innerborder .partners-row .partner-item:last-child {
        border-bottom: 1px solid #ededed
    }
    .vc_col-sm-6 .wpcf7 .larch-form-simple .f-email,
    .vc_col-sm-6 .wpcf7 .larch-form-simple .f-name,
    .vc_col-sm-6 .wpcf7 .larch-form-simple .f-subject {
        width: 31.4%
    }
    .tp-button {
        padding: 10px 13px !important
    }
    .special_tabs.text .label {
        width: 100%
    }
    .cbp-popup-singlePage-open .proj-content {
        margin: 140px auto 0
    }
    .vc_col-sm-12 .partners-container.noscroller.innerborder .partners-row:last-child,
    .vc_col-sm-8 .partners-container.noscroller.innerborder .partners-row .partner-item:last-child {
        border-bottom: 1px solid #ededed
    }
    .vc_col-sm-8 .partners-container.noscroller.innerborder .partners-row {
        border-bottom: none
    }
    .fullwidth-container .titlesleftcrumbsright .larch_breadcrumbs,
    .fullwidth-container .titlesleftcrumbsright .pageTitle {
        width: 100%;
        max-width: 100%
    }
    .blog-default.wideblog .page_content .container {
        padding: 0
    }
    .fullwidth-container .titlesleftcrumbsright .larch_breadcrumbs {
        float: left;
        text-align: left
    }
    .cbp-l-grid-gallery .cbpw-ajax-block {
        padding: 0
    }
    .flip-box-wrap .flip-box-icon {
        margin: 0 20px auto
    }
    .flip-box-wrap .flip-box h3 {
        margin: 15px 0 12px !important
    }
    .special_tabs.icontext .larch_icon_special_tabs i {
        top: 0;
        left: 0
    }
    .special_tabs.icontext .label a {
        font-size: 12px !important
    }
    .special_tabs.icontext .label {
        padding: 17px 15px 15px
    }
    .tab-container.col-sm-11 {
        width: 87.666667%
    }
    .single .blog-default.wideblog {
        padding-top: 0
    }
    .single .featured-image-thumb a {
        margin-bottom: 40px
    }
    .single-post .page_content.right,
    .single-post .page_content.right.sidebar {
        padding-left: 0;
        padding-top: 0
    }
    .single-post .blog-default.wideblog .page_content,
    .single-post .blog-default.wideblog .page_content .container {
        width: auto !important;
        padding: 0
    }
    .woocommerce-page .page_content.right,
    .woocommerce-page .page_content.right.sidebar {
        padding-left: 0
    }
    .archive .page_content.left {
        border-right: none;
        padding-right: 0 !important
    }
    .product_list_widget {
        width: 100%
    }
    header.navbar .navbar-collapse ul li.larch_mega_menu>ul {
        width: 100vw !important
    }
    .blog-default.wideblog {
        padding-top: 20px
    }
    header.navbar .navbar-collapse ul li.larch_mega_menu>ul>li>a {
        min-height: 50px
    }
    .page .page_content.left.sidebar {
        padding: 50px 0 0
    }
    .page .page_content.left .container {
        padding: 0
    }
    .page .page_content.left {
        padding-right: 0;
        border: none;
        padding-top: 30px;
        padding-bottom: 0
    }
    .page .page_content.right,
    .page_content.right {
        border-left: none;
        padding: 0
    }
    .page-template-blog-masonry-grid-template .journal-post,
    .page-template-blog-masonry-template .journal-post {
        margin-bottom: 80px !important
    }
    .contact-widget-container .forms {
        width: 100%
    }
    .blog-default-bg {
        padding-right: 0 !important
    }
    .page_content.right.sidebar .blog-sidebar-bg {
        margin-bottom: 50px
    }
    p.home-slide-content {
        font-size: 70px !important;
        letter-spacing: 0
    }
    .ult_dual_button .ulitmate_dual_buttons .ult_dualbutton-wrapper {
        width: 49% !important;
        float: left !important
    }
    .ult_dual_button .ulitmate_dual_buttons .ult_dualbutton-wrapper:first-child .ult_ivan_button {
        border-top-left-radius: 40px !important;
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
        border-bottom-left-radius: 40px !important;
        height: 30px !important;
        width: 150px !important
    }
    .ult_dualbutton-wrapper .ult_ivan_button.icon-after .text-btn,
    .ult_dualbutton-wrapper .ult_ivan_button.icon-before .text-btn {
        font-size: 12px !important
    }
    .ult_dual_button .middle-text {
        top: 51% !important;
        right: 0 !important;
        border-width: 0 !important
    }
    .ult_dual_button .ulitmate_dual_buttons .ult_dualbutton-wrapper:last-child .ult_ivan_button {
        border-top-left-radius: 0 !important;
        border-top-right-radius: 40px !important;
        border-bottom-right-radius: 40px !important;
        border-bottom-left-radius: 0 !important;
        height: 30px !important;
        width: 150px !important
    }
    header.style3 a.navbar-brand {
        margin-bottom: 15px !important
    }
    header.style3 .dl-menuwrapper {
        display: inline-block !important;
        width: 80%;
        float: right;
        margin-top: 55px;
        -webkit-transition: all .2s linear;
        -moz-transition: all .2s linear;
        transition: all .2s linear
    }
    header.style3 .dl-menuwrapper .dl-trigger-wrapper {
        display: table;
        text-align: center;
        margin: 0 auto
    }
    header.style3 .dl-menuwrapper button {
        margin-right: 0
    }
    header.style3:not(.header_after_scroll) .header_social_icons {
        position: absolute;
        top: 10px;
        width: 100% !important;
        height: 40px !important
    }
    header.style3.header_after_scroll .dl-menuwrapper {
        margin-top: 15px
    }
    header.style3 .nav-container .header_social_icons .header_social_icons_wrapper {
        height: auto !important;
        float: left
    }
    header.style3 .search_trigger_mobile {
        position: absolute;
        right: 20px;
        top: 12px;
        display: block;
        z-index: 9999999;
        display: none
    }
    header.style3.header_after_scroll .search_trigger_mobile {
        top: 22px
    }
    header.style3 .search_trigger i,
    header.style3 .search_trigger_mobile i {
        top: 0
    }
    header.style3 .nav-container .header_social_icons {
        display: block !important
    }
    header.style3.header_after_scroll .nav-container .header_social_icons>:not(.search_trigger_mobile) {
        display: none !important
    }
    .s1-mobile-link .tp-button.mini {
        padding: 6px 10px !important;
        font-size: 8px !important;
        margin-left: 5px !important;
        top: -5px !important
    }
    .adjust-boxes-on-mobile .vc_col-sm-4 {
        width: 100% !important
    }
    .adjust-boxes-on-mobile .vc_col-sm-4 .ult-content-box {
        min-height: 330px !important
    }
    .cover-test-img:before {
        top: 25px;
        left: 25px
    }
    .noscroller .partner-item.col-md-2 {
        width: 45%;
        margin-right: 2.5%;
        float: left
    }
    .tparrows:before {
        font-size: 14px;
        line-height: 37px
    }
    .aio-icon-box.tooltip-icon .aio-icon-description {
        margin-left: -25px
    }
    .home-padding1 {
        padding: 25px !important;
        width: 100% !important
    }
    .home-padding1-1 {
        width: 100% !important
    }
    .home-padding1.homef {
        padding-right: 0 !important;
        padding-left: 20px !important
    }
    .home-padding1:not(.homef) .ult-spacer {
        height: 0 !important
    }
    #home-freelancer-about .vc_col-sm-6,
    .max-wide-box {
        width: 100% !important
    }
    .home-padding2 {
        padding-left: 15px !important
    }
    .home-padding3 {
        padding-left: 15px !important
    }
    .home-corp1 {
        margin-top: -80px !important
    }
    .home-boxes1 {
        margin-top: 80px !important
    }
    .home-boxes2 {
        padding-left: 0 !important
    }
    .home-boxes4 {
        padding-right: 15px !important;
        padding-left: 15px !important
    }
    .home-boxes5.wpb_column {
        padding: 38px 0 38px 5px !important;
        width: 100% !important
    }
    .home-boxes6.wpb_column {
        padding: 0 0 38px 5px !important;
        width: 100% !important
    }
    .contentbox-4 {
        padding: 20px !important
    }
    .home-boxes11 .vc_btn3.vc_btn3-size-xs.vc_btn3-icon-right:not(.vc_btn3-o-empty) {
        padding-right: 22px;
        text-align: left
    }
    .home-boxes7 {
        padding: 0 15px !important
    }
    .home-boxes7 {
        padding: 30px 0 !important
    }
    .home-boxes8 .vc_column-inner {
        padding: 5px 20px !important
    }
    .home-boxes8 .vc_column-inner h5 {
        font-size: 12px !important
    }
    .home-boxes8 .vc_column-inner h2,
    .home-boxes9 .vc_column-inner h2 {
        font-size: 32px !important
    }
    .home-boxes10 .vc_column-inner,
    .home-boxes11 .vc_column-inner,
    .home-boxes9 .vc_column-inner {
        padding: 10px 20px !important
    }
    .highlight-heading {
        margin-left: 15px !important
    }
    .home-boxes11 .highlight-heading {
        margin-left: 6px !important
    }
    .hboxes-absolute-partners {
        position: relative !important;
        top: -24px !important;
        padding-top: 0 !important;
        padding-right: 15px !important;
        padding-bottom: 0 !important;
        padding-left: 15px !important
    }
    .home-form1 {
        padding-top: 100px !important;
        padding-bottom: 100px !important
    }
    .home-form2 {
        padding-right: 15px !important;
        padding-left: 15px !important
    }
    .extrapadding-form {
        padding: 0 15px !important
    }
    .larch_minicart_wrapper {
        padding-top: 14px !important;
        right: 0;
        width: 100%
    }
    header .nav-container .navbar-header {
        position: relative;
        z-index: 99
    }
    header .nav-container .dl-menuwrapper {
        padding-bottom: 0;
        margin-top: 17px;
        z-index: 9;
        position: absolute;
        width: 100%;
        padding: 0;
        -webkit-transition: all .2s linear;
        -moz-transition: all .2s linear;
        transition: all .2s linear
    }
    header .nav-container {
        width: 100%;
        padding: 0 !important;
        margin: 0
    }
    body>.search_input input.search_input_value {
        font-size: 15px !important;
        margin-top: 5px
    }
    body>.search_input .search_close {
        top: 23px;
        margin-right: 8px;
        padding: 0
    }
    header .search_trigger {
        z-index: 999
    }
    header .search_trigger.next-to-shopping-bag {
        position: relative
    }
    header .nav-container .navbar-header {
        position: relative;
        z-index: 99;
        margin: 20px 7px;
        position: relative;
        z-index: 99;
        text-align: left;
        margin-left: 20px !important
    }
    header.header_after_scroll.style3 .nav-container .navbar-header,
    header.style3 .nav-container .navbar-header {
        margin: 0 !important
    }
    .navbar-default .navbar-nav>li>a,
    .navbar-default.header_after_scroll .navbar-nav>li>a {
        padding-right: 10px !important;
        padding-left: 10px !important
    }
    header.style4 .nav-container .navbar-header .navbar-brand,
    header.style4 .nav-container .navbar-nav {
        margin-left: 10px !important;
        margin-right: 10px !important
    }
    header.style1 .menu-controls.menu-next-to-shopping-bag {
        top: -4px
    }
    .header_social_icons {
        display: none
    }
    header .nav-container .dl-menuwrapper {
        width: 96%;
        margin-right: 15px;
        margin-top: 17px
    }
    header.style1 .nav-container .dl-menuwrapper {
        margin-top: 17px
    }
    .dl-menuwrapper button {
        float: right;
        right: 0;
        top: 0;
        position: relative;
        margin-right: 0
    }
    header.style3 .dl-menuwrapper button {
        float: left
    }
    .shadow-text-position .uvc-sub-heading {
        margin-top: -65px !important
    }
    .wpcf7 .larch-form-main-slider {
        padding: 20px
    }
    .ult-carousel-wrapper.ult_horizontal .slick-next {
        right: -18px !important
    }
    .ult-carousel-wrapper.ult_horizontal .slick-prev {
        left: -18px !important
    }
    .wpcf7 .larch-form-main-slider h3 {
        font-size: 17px !important
    }
    .partners-container .slick-next,
    .partners-container .slick-prev {
        top: 39% !important
    }
    .big-on-table.vc_col-sm-6 {
        width: 74% !important;
        margin-left: -12% !important
    }
    .search-results .page_content.right.sidebar {
        padding-left: 0
    }
    .fullwidth-container {
        background-position: 100% 0 !important
    }
    .center h2.secondaryTitle {
        max-width: 75%
    }
    .page-id-191 .fullwidth-container {
        background-position: 50% 0 !important
    }
    .page-id-191 h2.secondaryTitle {
        font-size: 44px !important;
        margin-top: 0 !important
    }
    .increase-size-tablet {
        width: 50% !important
    }
    .small-size-bgicon .aio-icon {
        height: 1em !important;
        width: 1em !important
    }
    .error-c {
        margin: 90px auto 80px;
        padding: 40px
    }
    .error404 .text-error {
        font-size: 21px;
        line-height: 24px
    }
    .blog-default.wideblog .container {
        padding: 0 20px !important
    }
    .page-template-blog-masonry-grid-template .posts_category_filter li,
    .page-template-blog-masonry-template .posts_category_filter li {
        margin: 0 5px
    }
    header.style1 .larch_right_header_icons {
        position: relative;
        float: right;
        top: 0;
        margin-right: 75px;
        padding-top: 20px !important
    }
    header.style1.header_after_scroll .larch_right_header_icons {
        padding-top: 16px !important
    }
    header.style1 .larch_little_shopping_bag_wrapper {
        top: -1px;
        padding-bottom: 0
    }
    .larch_little_shopping_bag .title i {
        margin-bottom: 0;
        padding-bottom: 0
    }
    body>.search_input .search_close i {
        right: 20px;
        top: 13px
    }
    .top-bar .phone-mail li {
        margin: 7px 2px
    }
    .top-bar-menu li {
        margin: 7px 4px
    }
    .top-bar-menu #menu_top_bar>li:not(:first-child)>a {
        padding-left: 5px
    }
    .navbar .phone-mail .fa-map-marker,
    .top-bar .phone-mail i,
    .top-bar .phone-mail li:first-child i {
        font-size: 13px;
        top: 0
    }
    .navbar i {
        font-size: 13px
    }
    .home-box1-mobile {
        width: 100% !important;
        padding-left: 40px !important
    }
    .wide-box-mobile {
        width: 100% !important
    }
    .adjust-boxes-on-mobile .vc_col-sm-3 {
        width: 50% !important
    }
    .home-padding3 {
        padding-right: 15px !important
    }
    .ifb-flip-box-section-content.ult-responsive {
        padding: 0 20px;
        line-height: 18px
    }
    .navbar .nav-container .custom-font-icon .icon.dripicons-cross {
        padding-right: 0;
        right: 2px;
        position: relative
    }
    .style5 .larch_right_header_icons {
        right: 70px;
        top: -3px
    }
    .style5.header_after_scroll .larch_right_header_icons {
        top: 0
    }
    .header_style2_contact_info>* .icon {
        display: none
    }
    .header_style2_contact_info {
        top: -27px;
        right: 70px;
        z-index: 99999
    }
    .header_style2_contact_info .telephone-contact .email {
        font-size: 20px
    }
    header.style2 .nav-container .navbar-header {
        width: 29%;
        float: left;
        text-align: left;
        margin: 0;
        margin-top: 25px;
        margin-bottom: 18px;
        margin-left: 20px
    }
    header.style2 {
        padding-bottom: 10px !important
    }
    header.style2 .nav-container .dl-menuwrapper {
        width: 96%;
        margin-right: 20px;
        margin-top: 30px
    }
    header.style2 .larch-header-button {
        padding-left: 30px
    }
    .header_style2_contact_info>* {
        margin-left: 20px
    }
    .header_style2_contact_info .email-contact .email a {
        font-size: 14px
    }
    .header_style2_contact_info .slogan {
        font-size: 12px
    }
    header.style3 .nav-container .dl-menuwrapper {
        z-index: 999;
        display: none !important
    }
    header.style3 .nav-container {
        position: relative;
        width: 100%;
        margin: 0 auto
    }
    header.style3 .nav-container .navbar-header a.navbar-brand {
        margin-top: 40px !important;
        margin-bottom: 40px !important
    }
    header.style3.header_after_scroll .nav-container a.navbar-brand {
        margin-top: 20px !important;
        margin-bottom: 20px !important
    }
    header.style3 .nav-container .navbar-header a.navbar-brand img {
        max-height: 100px !important
    }
    header.style3.header_after_scroll .nav-container a.navbar-brand img {
        max-height: 50px !important
    }
    div#jivo-iframe-container.jivo-iframe-container-bottom iframe,
    div#jivo-iframe-container.jivo-iframe-container-bottom.jivo_shadow.jivo-expanded:after,
    div#jivo-iframe-container.jivo-iframe-container-bottom.jivo_shadow.jivo-state-widget:after {
        display: none !important;
        visibility: hidden !important
    }
    header.style5 .larch_right_header_icons.with-woocommerce-cart {
        margin-right: 90px;
        right: 0;
        padding-top: 20px;
        padding-bottom: 24px
    }
    header.header_after_scroll .larch-header-button {
        z-index: 9999
    }
    header.header_after_scroll .nav-container .dl-menuwrapper {
        margin-top: 13px
    }
    .home-box1-mobile {
        padding: 0 40px !important
    }
    .footer_sidebar .widget-contact-content {
        margin-bottom: 40px
    }
    #primary_footer .footer_sidebar:last-child .widget-contact-content {
        margin-bottom: 0
    }
    .big-letter-spacing {
        letter-spacing: 20px !important
    }
    .about2-mobile-adjustment {
        padding-right: 20px !important;
        padding-left: 20px !important
    }
    .vc_custom_1524680363282 .vc_col-sm-8 {
        width: 100%
    }
    .blog-default-bg-masonry .featured-image {
        max-height: 370px !important
    }
    .extra-large-font {
        font-size: 3.4em !important
    }
    .makeawidebox .extra-large-font {
        font-size: 5.4em !important
    }
    .makeawidebox.wpb_column {
        width: 100% !important
    }
    .page .page_content.left.sidebar {
        padding: 40px 0 !important
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .extra-right-margin {
        padding-right: 0 !important
    }
    #footer-instagram p.clear {
        bottom: -20px
    }
    .home-padding1.homef {
        padding-right: 0 !important;
        padding-left: 0 !important
    }
    header.header_after_scroll .larch-header-button {
        z-index: 9999
    }
    .top-bar .phone-mail .dripicons-message,
    .top-bar .phone-mail .dripicons-phone,
    .top-bar .phone-mail .dripicons-pin {
        display: none
    }
    .nav-next-thumb img,
    .nav-previous-thumb img {
        margin-top: calc(0% - 0%)
    }
    .navigation .nav-title {
        font-size: 1.8em;
        margin-top: 10px
    }
    .nav-next .navcontentens-side,
    .nav-previous .navcontentens-side {
        margin: 45px
    }
    .nav-next,
    .nav-previous {
        height: 150px
    }
    header.style6 .larch_right_header_icons {
        padding-top: 10px !important;
        padding-bottom: 25px
    }
    header.style6.header_after_scroll .larch_right_header_icons {
        padding-top: 5px !important
    }
    .page .page_content.right:not(.sidebar) {
        padding: 50px 0 50px 0 !important
    }
    .special_tabs.horizontal.icontext .tab-selector .label {
        padding: 2px 0 2px 5px
    }
    .agency-fs-align.slide1-h1 {
        top: -60px !important;
        left: -160px;
        font-size: 40px !important;
        min-width: 300px !important;
        line-height: 44px !important
    }
    .big-letter-spacing {
        letter-spacing: 10px !important
    }
    .noscroller .partner-item {
        float: left;
        margin-bottom: 40px
    }
    .serv3-box-padding {
        padding-top: 50px !important;
        padding-right: 50px !important;
        padding-bottom: 50px !important;
        padding-left: 50px !important
    }
    div#jivo-iframe-container.jivo-iframe-container-bottom iframe,
    div#jivo-iframe-container.jivo-iframe-container-bottom.jivo_shadow.jivo-expanded:after,
    div#jivo-iframe-container.jivo-iframe-container-bottom.jivo_shadow.jivo-state-widget:after {
        display: none !important;
        visibility: hidden !important
    }
    .agency-fs-align.slide3-h1 {
        top: -40px !important;
        left: -100px;
        font-size: 40px !important;
        min-width: 300px !important;
        line-height: 44px !important
    }
    .agency-fs-align-last.slide5-h1 {
        top: -130px !important;
        left: 0;
        font-size: 40px !important;
        min-width: 500px !important;
        line-height: 44px !important
    }
    .agency-fs-align-last.slide5-h2 {
        top: -140px !important;
        left: 0;
        font-size: 13px !important;
        min-width: 500px !important;
        line-height: 18px !important
    }
    .agency-fs-align-last.slide5-button1 {
        left: -137px;
        top: -305px;
        font-size: 13px !important;
        line-height: 40px !important
    }
    .agency-fs-align-last.slide5-button2 {
        left: -150px;
        top: -305px;
        font-size: 13px !important;
        line-height: 40px !important
    }
    .agency-fs-align-last.slide5-img1,
    .agency-fs-align-last.slide5-img2,
    .agency-fs-align-last.slide5-img3,
    .agency-fs-align-last.slide5-img4 {
        top: -105px
    }
    .agency-fs-align-last.slide5-img1 {
        left: -40px !important
    }
    .agency-fs-align-last.slide5-img2 {
        left: -100px !important
    }
    .agency-fs-align-last.slide5-img3 {
        left: -160px !important
    }
    .agency-fs-align-last.slide5-img4 {
        left: -220px !important
    }
    .agency-fs-align-last.slide5-img1 img,
    .agency-fs-align-last.slide5-img2 img,
    .agency-fs-align-last.slide5-img3 img,
    .agency-fs-align-last.slide5-img4 img {
        width: 55px !important;
        height: 40px !important
    }
    .agency-fs-align-last.slide6-h1,
    .agency-fs-align.slide4-h1 {
        top: -50px !important;
        left: -80px;
        font-size: 40px !important;
        min-width: 335px !important;
        line-height: 44px !important
    }
    .agency-fs-align-left.slide3-button1 {
        left: -150px;
        top: -10px;
        font-size: 13px !important;
        line-height: 40px !important
    }
    .agency-fs-align-left.slide4-button1 {
        left: -105px;
        top: -40px;
        font-size: 13px !important;
        line-height: 40px !important
    }
    .agency-fs-align-left.slide6-button1 {
        left: -146px;
        top: -20px;
        font-size: 13px !important;
        line-height: 40px !important
    }
    .box-paddingl {
        padding-left: 0 !important
    }
    .agency-fs-align-left.slide1-button1 {
        left: -160px;
        top: -150px;
        font-size: 13px !important;
        line-height: 40px !important;
        min-width: 160px !important
    }
    .hermes.tp-bullets {
        left: 130% !important;
        top: 70% !important
    }
    .agency-fs-align.slide2-h1 {
        top: -70px !important;
        left: -160px;
        font-size: 40px !important;
        min-width: 500px !important;
        line-height: 44px !important
    }
    .agency-fs-align.slide2-h2 {
        top: -80px !important;
        left: -160px;
        font-size: 13px !important;
        min-width: 480px !important;
        line-height: 18px !important
    }
    .agency-fs-align.slide2-button1 {
        top: -188px !important;
        left: -160px;
        min-width: 30px !important;
        font-size: 13px !important;
        line-height: 40px !important
    }
    .agency-fs-align.slide2-button2 {
        top: -188px !important;
        left: -160px;
        min-width: 30px !important;
        font-size: 13px !important;
        line-height: 40px !important
    }
    div.pp_default .pp_content {
        max-width: 99%
    }
    div.ppt {
        max-width: 97%
    }
    .pp_hoverContainer {
        max-width: 96%
    }
    .des_active_ss,
    .simpleselect,
    .simpleselect .options .option {
        z-index: 99 !important
    }
    body .style1 .nav-container>.navbar-collapse.collapse {
        display: none !important
    }
    .nav-container>.navbar-collapse.collapse.in,
    .nav-container>.navbar-collapse.collapsing {
        display: block !important;
        height: 1px
    }
    header .nav-container {
        width: 100%;
        padding: 10px
    }
    header .dl-menuwrapper {
        display: table-cell !important
    }
    .s1-mobile-link .tp-button.mini {
        padding: 6px 10px !important;
        font-size: 7px !important;
        margin-left: -4px !important;
        top: -2px !important
    }
    .mobile-text-center h2 {
        text-align: center !important;
        padding-top: 0 !important
    }
    .mobile-text-center .uvc-sub-heading {
        text-align: center !important;
        padding-bottom: 30px
    }
    header.style3 .dl-menuwrapper {
        display: inline-block !important;
        width: 80%;
        position: relative;
        right: 0;
        float: right;
        -webkit-transition: all .2s linear;
        -moz-transition: all .2s linear;
        transition: all .2s linear
    }
    header.style3.header_after_scroll .dl-menuwrapper {
        margin-top: 2px !important
    }
    header.style3.header_after_scroll .header_social_icons {
        display: none !important
    }
    header.style3.header_after_scroll .dl-menuwrapper {
        margin: 0
    }
    header.style4 .new-menu-bearer {
        display: none !important
    }
    header.style4 .dl-menuwrapper {
        display: inline-block !important;
        margin: -10px 5px 20px 0
    }
    header.style4.header_after_scroll .dl-menuwrapper {
        margin: 0 5px 10px 0
    }
    header.style3 .header_social_icons {
        position: relative;
        width: 100% !important;
        left: 0
    }
    header.style3 .search_trigger {
        display: none
    }
    header.style3 .search_trigger_mobile {
        display: inline-block
    }
    header.style3:not(.header_after_scroll) .navbar-header {
        margin: 0 !important
    }
    header.style3:not(.header_after_scroll) .header_social_icons {
        position: absolute;
        top: 10px;
        width: 100% !important;
        height: 40px !important
    }
    header.style3 .nav-container .header_social_icons .header_social_icons_wrapper {
        height: auto !important;
        float: left
    }
    header.style3 .search_trigger_mobile {
        position: absolute;
        right: 20px;
        top: 32px;
        display: block;
        z-index: 9999999
    }
    header.style3 .search_trigger i,
    header.style3 .search_trigger_mobile i {
        top: 0
    }
    header.style3 a.navbar-brand {
        margin-bottom: 0 !important
    }
    header.style3.header_after_scroll .navbar-header {
        margin: 0 !important
    }
    header.style3 .nav-container .header_social_icons {
        display: block !important
    }
    header.style3.header_after_scroll .nav-container .header_social_icons>:not(.search_trigger_mobile) {
        display: none !important
    }
    header.style4 .style4_social_search .search_trigger {
        margin-right: 20px
    }
    header.style4 .nav-container .navbar-header .navbar-brand,
    header.style4 .nav-container .navbar-nav {
        margin-left: 15px
    }
    header.style4 .style4_social_search_mobile,
    header.style4 .style4_social_search_mobile .search_trigger {
        display: inline-block
    }
    header.style4 .style4_social_search_mobile {
        width: 100%;
        text-align: center;
        margin: 10px 0;
        display: none
    }
    header.style4 .style4_social_search_mobile .search_trigger {
        float: right
    }
    header.style4 .style4_social_search_mobile .header_social_icons {
        width: auto;
        display: inline-block !important;
        float: none;
        padding: 0
    }
    header.style4 .style4_social_search_mobile .header_social_icons .header_social_icons_wrapper {
        float: left;
        width: auto
    }
    header.style4 .nav-container .dl-menuwrapper {
        margin-top: 5px;
        position: relative;
        z-index: 99;
        float: right;
        width: 100%;
        right: 0
    }
    header.style4 .nav-container {
        width: 100%;
        z-index: 999
    }
    header.style4.header_after_scroll .nav-container .navbar-collapse,
    header.style4.header_after_scroll .nav-container .navbar-header {
        height: 45px !important
    }
    header.style4 .style4_social_search_mobile {
        display: none
    }
    .single-post .page_content.left {
        padding: 20px 0;
        border-right: none
    }
    .page_content.right,
    .page_content.right.sidebar {
        padding: 0
    }
    .page_content.left {
        border: none;
        padding-right: 0 !important
    }
    .blog-default-bg {
        padding-right: 0
    }
    .projects_media.fullwidth_media {
        top: -20px
    }
    .vc_col-sm-6 .wpcf7 .larch-form-simple .f-email,
    .vc_col-sm-6 .wpcf7 .larch-form-simple .f-name,
    .vc_col-sm-6 .wpcf7 .larch-form-simple .f-subject,
    .vc_col-sm-8 .wpcf7 .larch-form-simple .f-email,
    .vc_col-sm-8 .wpcf7 .larch-form-simple .f-name,
    .vc_col-sm-8 .wpcf7 .larch-form-simple .f-subject,
    .wpcf7 .larch-form-simple .f-email,
    .wpcf7 .larch-form-simple .f-name,
    .wpcf7 .larch-form-simple .f-subject,
    .wpcf7 .larch-form-simple-captcha .f-email,
    .wpcf7 .larch-form-simple-captcha .f-message,
    .wpcf7 .larch-form-simple-captcha .f-name,
    .wpcf7 .larch-form-simple-captcha .f-subject,
    .wpcf7 .larch-form-simple.dark .f-email,
    .wpcf7 .larch-form-simple.dark .f-name,
    .wpcf7 .larch-form-simple.dark .f-subject {
        width: 100%
    }
    .wpcf7 .larch-form-simple-captcha .f-captcha {
        width: 100%;
        margin-left: 0
    }
    #big_footer .banner,
    #big_footer .mail-news {
        width: 100%
    }
    #big_footer .banner {
        padding: 20px 0 0 20px
    }
    #big_footer .mail-news {
        padding-bottom: 15px
    }
    #big_footer input.button {
        float: left;
        margin-left: 14px
    }
    .modal .close {
        top: 0;
        position: fixed;
        right: 0
    }
    .tooltip-content,
    .tooltip-desc {
        display: none
    }
    #big_footer .mail-news {
        width: 100%;
        padding: 0
    }
    .fullwidth-container {
        background-size: cover !important
    }
    .style4 .dl-menuwrapper button {
        margin-right: 0
    }
    .style4.header_after_scroll .dl-menuwrapper button {
        margin-right: 10px
    }
    .dl-menuwrapper .dl-menu {
        top: 100%;
        top: calc(100% + 16px)
    }
    .dl-back {
        margin-top: -10px
    }
    header..style1.header_after_scroll .navbar-header,
    header.style1 .navbar-header {
        height: 45px !important;
        width: auto !important
    }
    .fullwidth-container .titlesleftcrumbsright .larch_breadcrumbs,
    .fullwidth-container .titlesleftcrumbsright .pageTitle {
        width: 100%;
        max-width: 100%
    }
    .blog-default.wideblog .page_content .container {
        padding: 0
    }
    .fullwidth-container .titlesleftcrumbsright .larch_breadcrumbs {
        float: left;
        text-align: left
    }
    .special_tabs.icontext .tab-container {
        top: 0
    }
    .special_tabs .tab-container .content {
        padding: 45px 0 25px
    }
    .info-wrapper .smile_icon_list li .icon_description .responsive-font-class * {
        font-size: 13px !important
    }
    .special_tabs.icontext .label,
    .special_tabs.icontext .label.current {
        width: 100%
    }
    .special_tabs.icon .label {
        float: left
    }
    .special_tabs.icon .larch_icon_special_tabs {
        margin: 20px 15px 20px 0
    }
    .special_tabs.icon .divider-vertical-tabs {
        display: none
    }
    .special_tabs.icon .tab-container .content {
        padding: 15px;
        width: 100%
    }
    .wpb_column .wpb_wrapper .ult_pricing_table {
        margin-bottom: 50px !important
    }
    .blog-default-bg {
        padding-right: 0;
        padding-bottom: 0
    }
    .align-center-mobile .uvc-heading {
        text-align: center !important
    }
    .align-center-mobile button.ubtn {
        text-align: center;
        width: auto;
        margin: 20px 0 20px 180px
    }
    .extra-mobile-padding {
        padding-left: 30px !important;
        padding-right: 30px !important
    }
    .tp-button {
        padding: 5px 8px !important
    }
    .special_tabs.text .label {
        width: 100%
    }
    .typed-cursor,
    .uvc-type-wrap .ultimate-typed-main {
        font-size: 50px !important;
        line-height: 30px !important
    }
    .post-listing .post blockquote {
        padding: 20px 10px
    }
    .blog-default.wideblog .page_content .container {
        padding: 0
    }
    .blog-default.wideblog {
        padding-top: 20px
    }
    .uvc-type-wrap {
        line-height: 30px !important
    }
    button.ubtn {
        margin-right: 10px;
        font-size: 10px
    }
    .page .page_content.left.sidebar {
        padding: 40px 0 !important
    }
    .page .page_content.left .container {
        padding: 0
    }
    .page .page_content.left {
        padding-right: 0;
        border: none
    }
    .page .page_content.right,
    .page_content.right {
        border-left: none;
        padding: 0
    }
    .change-align-mobile .align-icon {
        text-align: left !important;
        margin: 0 0 20px
    }
    .style1 .larch_minicart_wrapper {
        padding-top: 22px !important
    }
    .vc_col-sm-12 .partners-container.noscroller.innerborder .partners-row,
    .vc_col-sm-6 .partners-container.noscroller.innerborder .partners-row,
    .vc_col-sm-8 .partners-container.noscroller.innerborder .partners-row {
        width: 50%;
        padding: 0;
        margin: 0;
        float: left
    }
    .vc_col-sm-12 .partners-container.noscroller.innerborder .partners-row .partner-item:last-child,
    .vc_col-sm-6 .partners-container.noscroller.innerborder .partners-row .partner-item:last-child {
        border: none !important
    }
    .partners-container.noscroller.innerborder .partners-row {
        border-bottom: none
    }
    .cbp-l-grid-gallery .cbpw-ajax-block {
        padding: 0
    }
    .single-post .page_content.left .blog-default-bg {
        padding-bottom: 0
    }
    .cbp-popup-singlePage .cbp-popup-content {
        width: 100%
    }
    .cbp-popup-singlePage-open .proj-content {
        margin: 100px auto 20px !important
    }
    .projects_media.full_media.col-md-12 {
        margin-bottom: 0
    }
    p.home-slide-content {
        font-size: 42px !important;
        letter-spacing: 0
    }
    .fullcoveredvideo video,
    .fullscreenvideo video {
        height: 100%
    }
    .ult_dual_button .ulitmate_dual_buttons .ult_dualbutton-wrapper {
        width: 49% !important;
        float: left !important
    }
    .ult_dual_button .ulitmate_dual_buttons .ult_dualbutton-wrapper:first-child .ult_ivan_button {
        border-top-left-radius: 40px !important;
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
        border-bottom-left-radius: 40px !important;
        height: 30px !important;
        width: 150px !important
    }
    .ult_dualbutton-wrapper .ult_ivan_button.icon-after .text-btn,
    .ult_dualbutton-wrapper .ult_ivan_button.icon-before .text-btn {
        font-size: 12px !important
    }
    .ult_dual_button .middle-text {
        top: 51% !important;
        right: 0 !important;
        border-width: 0 !important
    }
    .ult_dual_button .ulitmate_dual_buttons .ult_dualbutton-wrapper:last-child .ult_ivan_button {
        border-top-left-radius: 0 !important;
        border-top-right-radius: 40px !important;
        border-bottom-right-radius: 40px !important;
        border-bottom-left-radius: 0 !important;
        height: 30px !important;
        width: 150px !important
    }
    .ultb3-box img {
        width: 100% !important
    }
    .tp-button.blue-white,
    .tp-button.darkgrey-white,
    .tp-button.green-white,
    .tp-button.lightgrey-white,
    .tp-button.orange-white,
    .tp-button.red-white,
    .tp-button.white-blue,
    .tp-button.white-darkgrey,
    .tp-button.white-green,
    .tp-button.white-lightgrey,
    .tp-button.white-orange,
    .tp-button.white-red,
    .tp-button.white-yellow,
    .tp-button.yellow-white {
        border-width: 1px !important
    }
    .tp-button {
        font-weight: 800 !important
    }
    .adjust-boxes-on-mobile .ult-content-box {
        padding: 40px !important
    }
    .vc_custom_1436025089736 a.ubtn-link {
        margin: 0 -11px !important
    }
    .typed-cursor {
        display: none
    }
    .top-bar .top-bar-menu {
        position: relative;
        float: left;
        padding: 0 0 20px 20px;
        width: 100%;
        text-align: center
    }
    #menu_top_bar {
        position: relative
    }
    .top-bar-menu li {
        margin: 7px 10px;
        float: none
    }
    .top-bar-menu #menu_top_bar>li:not(:first-child)>a {
        padding-left: 5px
    }
    .boxed_layout {
        width: 100%;
        margin: 0 auto;
        overflow: hidden;
        z-index: 9999999999;
        background-color: #fff
    }
    .boxed_layout .des_cubeportfolio_widget,
    .boxed_layout body>.search_input.fade,
    .boxed_layout body>.search_input.none {
        width: 100%;
        margin: 0 auto;
        overflow: hidden;
        float: none
    }
    .boxed_layout header.navbar {
        width: 100%;
        margin: 0 auto;
        float: none
    }
    .page-template-template-under-construction-php {
        padding: 0
    }
    body.page-template-template-under-construction-php .fullwindow_content {
        display: block;
        padding-top: 10px
    }
    h2:not(.uvc-main-heading h2) {
        font-size: 1.4em !important
    }
    .h1,
    .h2,
    .h3,
    .h4,
    .h5,
    .h6,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        line-height: 1.2em
    }
    .tparrows:before {
        font-size: 14px;
        line-height: 37px
    }
    .home-padding1 {
        padding-right: 15px !important;
        padding-left: 15px !important
    }
    .home-padding2 {
        padding-left: 15px !important
    }
    .home-padding3 {
        padding-left: 15px !important
    }
    .home-corp1 {
        margin-top: 0 !important
    }
    .home-boxes1 {
        margin-top: 70px !important
    }
    .home-boxes2 {
        padding-left: 0 !important
    }
    .home-boxes4 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }
    .home-boxes5 {
        padding-top: 0 !important;
        padding-right: 15px !important;
        padding-bottom: 0 !important;
        padding-left: 15px !important
    }
    .home-boxes5 .vc_column-inner {
        padding: 0 !important
    }
    .home-boxes7 {
        padding-top: 0 !important;
        padding-right: 15px !important;
        padding-bottom: 0 !important;
        padding-left: 15px !important
    }
    .home-boxes7 {
        padding-top: 30px !important;
        padding-right: 0 !important;
        padding-bottom: 30px !important;
        padding-left: 0 !important
    }
    .highlight-heading {
        margin-left: 15px !important
    }
    .hboxes-absolute-partners {
        position: relative !important;
        margin-top: -35px !important;
        padding-top: 0 !important;
        padding-right: 15px !important;
        padding-bottom: 0 !important;
        padding-left: 15px !important
    }
    .home-form1 {
        padding-top: 100px !important;
        padding-bottom: 100px !important
    }
    .home-form2 {
        padding-right: 15px !important;
        padding-left: 15px !important
    }
    .extrapadding-form {
        padding: 0 15px !important
    }
    header.style3 .nav-container .header_social_icons {
        display: block !important
    }
    header .menu-controls {
        display: none
    }
    .larch_minicart_wrapper {
        padding-top: 14px !important;
        right: 0;
        width: 100%
    }
    header .nav-container .navbar-header {
        margin: 15px auto 0;
        position: relative;
        z-index: 99
    }
    header .nav-container .dl-menuwrapper {
        padding-bottom: 0;
        margin-top: 40px;
        z-index: 9;
        position: absolute;
        width: 100%;
        padding: 0;
        -webkit-transition: all .2s linear;
        -moz-transition: all .2s linear;
        transition: all .2s linear
    }
    header .menu-controls {
        padding-left: 5px;
        top: 0;
        right: -4px
    }
    header .menu-controls.menu-next-to-shopping-bag {
        top: -6px
    }
    .header_after_scroll .dl-menuwrapper button {
        position: relative;
        position: relative
    }
    header .nav-container {
        width: 100%;
        padding: 0 !important
    }
    header .nav-container .navbar-header {
        margin: 20px 7px;
        position: relative;
        z-index: 99;
        text-align: left;
        margin-left: 20px !important
    }
    header a.navbar-brand img {
        max-width: 80%
    }
    body>.search_input input.search_input_value {
        font-size: 28px !important;
        letter-spacing: normal !important
    }
    body>.search_input .search_close {
        top: 32px;
        margin-right: 45px !important;
        padding: 0
    }
    body>.search_input input.search_input_value {
        padding-left: 0
    }
    .wpcf7 .larch-form-main-slider {
        padding: 20px
    }
    .cbp-l-filters-alignCenter {
        margin-top: 40px !important
    }
    .partners-container .slick-next {
        right: 0 !important
    }
    .partners-container .slick-prev {
        left: 0 !important
    }
    .partners-container .slick-next,
    .partners-container .slick-prev {
        top: 69% !important
    }
    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-xs-1,
    .col-xs-10,
    .col-xs-11,
    .col-xs-12,
    .col-xs-2,
    .col-xs-3,
    .col-xs-4,
    .col-xs-5,
    .col-xs-6,
    .col-xs-7,
    .col-xs-8,
    .col-xs-9,
    .vc_column_container>.vc_column-inner {
        padding-right: 20px;
        padding-left: 20px
    }
    .fullwidth-container {
        background-position: 50% 0 !important
    }
    .search-results .the_title h2 a {
        font-size: 25px !important
    }
    .center h2.secondaryTitle {
        max-width: 70%;
        font-size: 1em !important
    }
    .page-id-191 .pageTitle h1.page_title {
        margin-top: 0 !important
    }
    .special_tabs.text .label.current {
        width: 100%
    }
    .small-text-mobile {
        font-size: 30px !important
    }
    #section-199 .upb_row_bg {
        background-position: 78% 0 !important
    }
    .small-size-bgicon .aio-icon {
        height: 1em !important;
        width: 1em !important
    }
    .error-c {
        margin: 90px auto 80px;
        padding: 40px
    }
    .error404 .text-error {
        font-size: 21px;
        line-height: 24px
    }
    div.pp_default .pp_expand {
        display: none !important
    }
    .blog-default.wideblog .container {
        padding: 0 20px !important
    }
    .page-template-blog-masonry-grid-template .posts_category_filter li,
    .page-template-blog-masonry-template .posts_category_filter li {
        margin: 0 5px
    }
    .fullwidth-container .pagetitle_overlay {
        height: 200%
    }
    .page-template-blog-template .wideblog .post-listing .the_title h2 a {
        line-height: 1.2em;
        font-size: .85em !important
    }
    .page_content .metas-container p {
        margin-right: 10px
    }
    .flex-direction-nav {
        display: none
    }
    .page-template-blog-template .wideblog .post-listing .blog_excerpt {
        max-width: 180%;
        margin: 10px auto 40px
    }
    .page-template-blog-template .post-listing .metas-container {
        padding: 0
    }
    .archive .blog-default-bg,
    .archive .blog_excerpt,
    .page-template-blog-template .wideblog .post-listing,
    .single-post .blog-default-bg {
        max-width: 100%;
        margin: 0 auto;
        padding-right: 0 !important
    }
    .projects_media.full_media.col-md-12 {
        margin: 0
    }
    header.style4 .nav-container .navbar-header {
        margin: 0;
        text-align: left;
        width: 90%;
        z-index: 999999999
    }
    header.style4 .new-menu-wrapper .new-menu-left,
    header.style4 .new-menu-wrapper .new-menu-right {
        display: none
    }
    header.style4 .nav-container .navbar-header .navbar-brand {
        opacity: 1;
        z-index: 99999999999
    }
    header.style4 .nav-container .navbar-header .navbar-brand,
    header.style4 .nav-container .navbar-nav {
        margin-left: 0 !important;
        margin-right: 0 !important;
        display: inline-block
    }
    header.style4 .new-menu-wrapper {
        top: 0
    }
    header.style4 .nav-container .dl-menuwrapper {
        margin-top: 10px;
        margin-top: 25px !important;
        left: 0
    }
    header.style4.header_after_scroll .navbar-brand img.logo_after_scroll {
        margin: 0
    }
    .navbar i {
        font-size: 13px
    }
    .home-box1-mobile {
        width: 100% !important;
        padding-left: 40px !important
    }
    .wide-box-mobile {
        width: 100% !important
    }
    .adjust-boxes-on-mobile .vc_col-sm-3 {
        width: 50% !important
    }
    .home-padding3 {
        padding-right: 15px !important
    }
    .ifb-flip-box-section-content.ult-responsive {
        padding: 0 20px;
        line-height: 18px
    }
    .navbar .nav-container .custom-font-icon .icon.dripicons-cross {
        padding-right: 0;
        right: 7px;
        position: relative
    }
    .navbar .nav-container .custom-font-icon .icon.dripicons-align-justify {
        right: 3px;
        position: relative;
        top: 0
    }
    header.style1 .larch_right_header_icons {
        position: relative;
        float: right;
        margin-right: 60px;
        padding-top: 25px !important
    }
    header.style1.header_after_scroll .larch_right_header_icons {
        padding-top: 16px !important
    }
    .dl-menuwrapper button {
        float: right;
        right: 0;
        top: 0;
        position: relative;
        margin-right: 0
    }
    header.style3 .dl-menuwrapper button {
        float: left
    }
    header .nav-container .dl-menuwrapper {
        width: 100%;
        margin-top: 22px !important;
        left: 0
    }
    header.header_after_scroll .nav-container .dl-menuwrapper {
        margin-top: 11px !important;
        left: 0
    }
    header.style5 .nav-container .dl-menuwrapper {
        width: 100%;
        margin-top: 20px !important;
        left: -5px
    }
    header.header_after_scroll.style5 .nav-container .dl-menuwrapper {
        margin-top: 12px !important;
        left: -5px
    }
    header.header_after_scroll .dl-menuwrapper .dl-menu {
        top: calc(100% + 6px)
    }
    header .search_trigger.next-to-shopping-bag {
        position: relative
    }
    header .search_trigger {
        z-index: 999
    }
    header a.navbar-brand img {
        max-width: 100%
    }
    .absolute-icon-aligment {
        display: none
    }
    header .header_style2_contact_info {
        display: none
    }
    header.style2 {
        padding-bottom: 0 !important
    }
    header.style2 .nav-container .navbar-header {
        width: 50%;
        float: left;
        margin-top: 20px;
        margin-bottom: 20px
    }
    header.style3 .nav-container .dl-menuwrapper {
        z-index: 999
    }
    header.style3 .nav-container {
        position: relative;
        width: 100%;
        margin: 0 auto
    }
    header.style3 .nav-container .navbar-header a.navbar-brand,
    header.style3.header_after_scroll a.navbar-brand {
        margin-top: 20px !important;
        margin-bottom: 20px !important
    }
    .extra-padding-photohome {
        padding-right: 0 !important;
        padding-left: 0 !important
    }
    #demoappslider .rev-btn:not(.Agency-PlayBtn) {
        padding: 3px 12px !important;
        font-size: 8px !important;
        line-height: 16px !important;
        letter-spacing: 0 !important
    }
    .button-app-slider i {
        font-size: 16px;
        top: 1px
    }
    header.header_not_fixed.style3,
    header.header_not_fixed.style4 {
        width: 100%;
        padding: 20px 10px
    }
    header.style4 .nav-container .dl-menuwrapper {
        position: absolute
    }
    header.style5 .larch_right_header_icons.with-woocommerce-cart {
        margin-right: 70px;
        right: 0;
        right: 0;
        padding-top: 25px;
        padding-bottom: 25px
    }
    .footer_sidebar .widget-contact-content {
        margin-bottom: 40px
    }
    #primary_footer .footer_sidebar:last-child .widget-contact-content {
        margin-bottom: 0
    }
    .style5 .larch_right_header_icons {
        right: 60px;
        top: -2px
    }
    h2.secondaryTitle {
        max-width: 80%
    }
    .about2-mobile-adjustment {
        padding-right: 20px !important;
        padding-left: 20px !important
    }
    .add-side-paddings {
        padding-right: 20px !important;
        padding-left: 20px !important
    }
    .add-side-paddings.add-side-paddings-box {
        padding-left: 0 !important
    }
    .planner-padding {
        padding-right: 60px !important;
        padding-left: 60px !important
    }
    .blog-default-bg-masonry .featured-image {
        max-height: 300px !important
    }
    .page .page_content.left:not(.sidebar) {
        padding: 50px 0 50px 0 !important
    }
    header.style3 .search_trigger {
        display: none
    }
    header .top-bar a,
    header .top-bar li,
    header .top-bar ul.phone-mail li a {
        line-height: 20px;
        margin-bottom: 0 !important
    }
    header.style3 .nav-container .navbar-header .navbar-brand img {
        max-height: 60px !important
    }
    header.style3.header_after_scroll .nav-container .navbar-header .navbar-brand img {
        max-height: 40px !important
    }
    header.style3 .search_trigger {
        display: none
    }
    .nav-container>.navbar-collapse.collapse,
    .style1 .nav-container>.navbar-collapse.collapse,
    header.style3 .nav-container .navbar-collapse {
        display: none !important
    }
    .nav-style-6 .cd-primary-nav .menu_items_wrapper {
        overflow-y: scroll !important;
        height: 100vh;
        display: block !important;
        vertical-align: middle !important
    }
    div.nav-style-6>ul>.menu_items_wrapper>li>a {
        font-size: 3.4em !important
    }
    .home-padding1 {
        padding-right: 15px !important;
        padding-left: 15px !important
    }
    .home-padding2 {
        padding-left: 0 !important
    }
    .home-corp1 {
        margin-top: 0 !important
    }
    .home-boxes1 {
        margin-top: 70px !important
    }
    .home-boxes2 {
        padding-left: 0 !important
    }
    .home-boxes4 {
        padding-right: 10px !important;
        padding-left: 10px !important
    }
    .home-boxes5,
    .home-boxes6 {
        padding-top: 0 !important;
        padding-right: 15px !important;
        padding-bottom: 0 !important;
        padding-left: 15px !important
    }
    .home-boxes4 .vc_column-inner,
    .home-boxes5 .vc_column-inner,
    .home-boxes6 .vc_column-inner,
    .home-boxes7 .vc_column-inner {
        padding: 0 !important
    }
    .home-boxes7 {
        padding-top: 0 !important;
        padding-right: 8px !important;
        padding-bottom: 0 !important;
        padding-left: 8px !important
    }
    .contentbox-4 {
        padding: 15px !important
    }
    .home-boxes7 {
        padding-top: 0 !important;
        padding-right: 0 !important;
        padding-bottom: 30px !important;
        padding-left: 0 !important
    }
    .home-boxes8 .vc_column-inner {
        padding: 30px !important
    }
    .home-boxes10 .vc_column-inner,
    .home-boxes11 .vc_column-inner,
    .home-boxes9 .vc_column-inner {
        padding: 30px !important
    }
    .home-padding3 {
        padding-right: 15px !important;
        padding-left: 15px !important
    }
    .contentbox-1 .ult-content-box,
    .contentbox-2 .ult-content-box,
    .contentbox-3 .ult-content-box {
        padding-right: 20px !important;
        padding-left: 20px !important;
        background-position: bottom left !important
    }
}

@media only screen and (max-width:479px) {
    .nav-style-6 .cd-primary-nav .menu_items_wrapper {
        overflow-y: scroll !important;
        height: 100vh;
        display: block !important;
        vertical-align: middle !important
    }
    .small-letter-spacing.customheading-mobile {
        letter-spacing: 0 !important;
        font-size: 14px !important
    }
    .homef-alignotheralign {
        font-size: 13px !important
    }
    .home-padding1.homef {
        padding-right: 0 !important;
        padding-left: 0 !important
    }
    #section_page-13017 .upb_row_bg {
        background-position: -75px 0 !important
    }
    .page-template-template-under-construction .mail-box .mail-news {
        padding: 0
    }
    div.nav-style-6>ul>.menu_items_wrapper>li>a {
        font-size: 3.4em !important
    }
    header.style4 .new-menu-wrapper {
        top: 0
    }
    header .larch_right_header_icons {
        margin-left: 0 !important
    }
    header .top-bar a,
    header .top-bar li,
    header .top-bar ul.phone-mail li a {
        line-height: 20px;
        margin-bottom: 0 !important
    }
    .related_posts_listing .related_post {
        padding-bottom: 3em !important
    }
    header.style3 .nav-container .navbar-header .navbar-brand img {
        max-height: 60px !important
    }
    header.style3.header_after_scroll .nav-container .navbar-header .navbar-brand img {
        max-height: 40px !important
    }
    header.style3 .search_trigger {
        display: none
    }
    .top-bar .phone-mail .dripicons-message,
    .top-bar .phone-mail .dripicons-phone,
    .top-bar .phone-mail .dripicons-pin {
        display: none
    }
    #layerslider_4 {
        margin-top: 50px !important
    }
    .single-post .page_content.left .blog-default-bg {
        padding-right: 0
    }
    .page_content.left {
        padding-right: 0 !important
    }
    .noscroller .partner-item {
        margin-bottom: 50px !important
    }
    #footer-instagram {
        margin: 20px 0 50px
    }
    #footer-instagram h4 {
        top: -55px
    }
    .instagram-pics {
        top: -60px
    }
    #secondary_footer {
        padding-top: 50px !important;
        padding-bottom: 50px !important
    }
    .nav-next-thumb img,
    .nav-previous-thumb img {
        margin-top: calc(0% - 0%)
    }
    .navigation .nav-title {
        font-size: 2em;
        margin-top: 10px
    }
    .nav-next .navcontentens-side,
    .nav-previous .navcontentens-side {
        margin: 46px
    }
    .nav-next,
    .nav-next-thumb,
    .nav-previous,
    .nav-previous-thumb {
        height: 150px;
        width: 100%
    }
    #secondary_footer .footer_logo.align-center {
        margin-bottom: 20px
    }
    .extra-right-margin {
        padding-right: 0 !important
    }
    .archive .metas-container,
    .home.blog .blog-default.wideblog .metas-container,
    .page-template-blog-template .metas-container {
        margin-top: 20px !important
    }
    .blog-default .blog_excerpt {
        padding: 0
    }
    .page .page_content.right:not(.sidebar) {
        padding: 50px 0 50px 0 !important
    }
    .page .page_content.left:not(.sidebar) {
        padding: 50px 0 50px 0 !important
    }
    h2.vc_custom_heading {
        font-size: 2.25em !important;
        line-height: 1.2em !important
    }
    .planner-padding {
        padding-right: 40px !important;
        padding-left: 40px !important
    }
    .about2-mobile-adjustment {
        padding-right: 20px !important;
        padding-left: 20px !important
    }
    div#jivo-iframe-container.jivo-iframe-container-bottom iframe,
    div#jivo-iframe-container.jivo-iframe-container-bottom.jivo_shadow.jivo-expanded:after,
    div#jivo-iframe-container.jivo-iframe-container-bottom.jivo_shadow.jivo-state-widget:after {
        display: none !important;
        visibility: hidden !important
    }
    .ult_modal-body h2 {
        font-size: 28px !important
    }
    div.pp_default .pp_expand {
        display: none !important
    }
    .fullwidth-container .titlesleftcrumbsright .larch_breadcrumbs {
        margin-top: 15px
    }
    .page-template-blog-template .wideblog .post-listing .the_title h2 a {
        line-height: 1.2em;
        font-size: .85em !important
    }
    .page_content .metas-container p {
        margin-right: 10px;
        margin-bottom: 5px !important
    }
    .flex-direction-nav {
        display: none
    }
    .page-template-blog-template .wideblog .post-listing .blog_excerpt {
        max-width: 180%;
        margin: 10px auto 40px
    }
    .page-template-blog-template .post-listing .metas-container {
        padding: 0;
        display: grid;
        margin-bottom: 20px
    }
    .page-template-blog-template .post-listing .metas-container .metas-sep {
        display: none
    }
    .page-template-blog-template .the_title h2 {
        line-height: 10px
    }
    .larch_breadcrumbs,
    .larch_breadcrumbs a,
    .larch_breadcrumbs span {
        font-size: .9em !important
    }
    .cdemo-padding-contacts {
        padding: 20px !important
    }
    .larch_breadcrumbs a,
    .larch_breadcrumbs span {
        padding: 3px 5px 4px
    }
    .footer-full-width #secondary_footer .container {
        padding-left: 20px;
        padding-right: 20px
    }
    .add-side-paddings {
        padding-right: 20px !important;
        padding-left: 20px !important
    }
    .add-side-paddings.add-side-paddings-box {
        padding-left: 0 !important
    }
    .fullcoveredvideo video,
    .fullscreenvideo video {
        height: 100%
    }
    .page-template-template-under-construction-php {
        padding: 0
    }
    .fullwidth-container {
        background-attachment: scroll !important;
        background-size: cover !important
    }
    .journal .journal-post {
        margin-bottom: 60px !important
    }
    .blog-default.wideblog {
        margin-bottom: 100px;
        padding-top: 20px
    }
    .page-template-blog-masonry-grid-template .page_content .navigation,
    .page-template-blog-masonry-template .page_content .navigation {
        margin: 20px 0 0
    }
    .demo2-btn-align-right {
        left: 200px !important
    }
    .page_content.left,
    .page_content.left.sidebar {
        padding-right: 0;
        padding-left: 0;
        padding-bottom: 0
    }
    .page_content.left {
        border: none;
        padding-top: 20px
    }
    .single .postcontent #the_movies {
        margin-bottom: 20px
    }
    .blog-default-bg {
        padding-right: 0
    }
    .cbp-popup-singlePage .cbp-popup-content {
        width: 100%
    }
    .page-id-2068 .fullwidth-container {
        background-position-x: -200px !important
    }
    .single .img-container {
        width: 100%;
        text-align: left;
        min-height: 0
    }
    .page_content.right,
    .page_content.right.sidebar {
        padding-left: 0 !important;
        padding-right: 0;
        margin-bottom: 100px
    }
    .page_content.right.sidebar {
        padding-left: 0 !important;
        margin-top: 50px;
        margin-bottom: 20px
    }
    header .dl-menuwrapper {
        display: block !important
    }
    header .nav-container {
        width: 100%
    }
    header .nav-container {
        padding-bottom: 10px
    }
    header_after_scroll .search_trigger {
        padding-top: 25px !important
    }
    header.style4 .search_trigger {
        display: block
    }
    header .nav-container .navbar-header a {
        float: none;
        display: inline-block;
        left: 5px;
        position: relative
    }
    header.style1 .nav-container .navbar-header a {
        left: 5px
    }
    header .nav-container .navbar-header {
        margin: 22px 7px;
        position: relative;
        z-index: 99;
        text-align: left;
        margin-left: 10px !important
    }
    header.header_after_scroll .nav-container .navbar-header {
        margin: 17px 10px 15px 10px !important
    }
    header:not(.style4) .nav-container .header_social_icons {
        display: none !important;
        position: absolute;
        width: 100%;
        text-align: center;
        float: none;
        bottom: 9px;
        left: 0
    }
    header.style1 .nav-container .header_social_icons.with-social-icons,
    header.style2 .nav-container .header_social_icons.with-social-icons {
        position: relative;
        padding: 15px 0 0 !important;
        bottom: 0
    }
    .projects_media.fullwidth_media {
        top: -20px
    }
    header .header_social_icons .header_social_icons_wrapper {
        display: inline-block !important;
        height: auto !important;
        width: auto;
        float: none
    }
    header .nav-container .dl-menuwrapper {
        margin-top: 0;
        position: relative;
        z-index: 999;
        margin-left: -10px;
        -webkit-transition: all .2s linear;
        -moz-transition: all .2s linear;
        transition: all .2s linear
    }
    .dl-menuwrapper .dl-menu {
        top: 100%;
        top: calc(100% + 9px)
    }
    header.style3 .dl-menuwrapper .dl-menu {
        top: calc(100% + 61px);
        width: 101%
    }
    header.style3.header_after_scroll .dl-menuwrapper .dl-menu {
        top: calc(100% + 18px);
        width: 101%
    }
    .box-paddingr {
        padding-right: 0 !important
    }
    .style4_social_search .larch_minicart_wrapper {
        left: -150px
    }
    .larch_minicart {
        float: right
    }
    .header_after_scroll {
        padding-bottom: 0;
        max-height: 65px
    }
    body>.search_input input.search_input_value {
        font-size: 14px !important;
        letter-spacing: normal !important;
        padding-left: 0;
        position: relative;
        top: 4px
    }
    #cbpw-filters54 .cbp-filter-item,
    #cbpw-filters54 .cbp-filter-item.cbp-filter-item-active {
        font-size: 13px !important;
        padding: 3px 10px 3px 10px !important
    }
    body>.search_input .search_close {
        margin-right: 10px;
        padding: 0
    }
    #cbpw-filters80 .cbp-filter-item,
    #cbpw-filters80 .cbp-filter-item.cbp-filter-item-active {
        margin: 10px 0 0 5px !important
    }
    .cbp-l-grid-gallery .cbpw-ajax-block {
        padding: 0
    }
    .cbpw-ajax-block .wpb_revslider_element {
        margin: -20px 0 40px
    }
    .dl-menuwrapper li a {
        padding: 15px 55px 15px 15px
    }
    .partners-container.noscroller.innerborder .partners-row {
        display: inline-block
    }
    .des_recent_posts_widget.widget .flexslider {
        margin-bottom: 0
    }
    .des_recent_posts_widget .title {
        margin: 20px 0 10px
    }
    header .nav-container .dl-menuwrapper {
        padding-bottom: 0;
        margin-top: 30px;
        z-index: 9;
        position: absolute;
        width: 100%;
        padding: 0
    }
    .dl-menuwrapper button {
        float: right
    }
    header.header_after_scroll .nav-container .dl-menuwrapper {
        margin-top: 9px
    }
    .header_after_scroll .dl-menuwrapper button {
        top: 3px;
        position: relative
    }
    header .dl-menuwrapper .dl-trigger-wrapper {
        z-index: 99;
        width: 100%
    }
    .tp-button {
        padding: 3px 7px !important
    }
    .tp-button.larch-button-dark,
    .tp-button.larch-button-white {
        padding: 7px !important
    }
    .des-btn-mobile {
        margin-top: 10px !important
    }
    header.style3:not(.header_after_scroll) .navbar-header {
        margin: 0 !important
    }
    header.style3:not(.header_after_scroll) .header_social_icons {
        position: absolute;
        top: 10px;
        width: 100% !important;
        height: 40px !important
    }
    header.style3 .nav-container .header_social_icons .header_social_icons_wrapper {
        height: auto !important;
        float: left
    }
    header.style3 .search_trigger_mobile {
        position: absolute;
        right: 20px;
        display: block;
        z-index: 9999999;
        top: 8px
    }
    header.style3.header_after_scroll .search_trigger_mobile {
        top: 22px
    }
    .serv3-box-padding {
        padding-top: 50px !important;
        padding-right: 50px !important;
        padding-bottom: 50px !important;
        padding-left: 50px !important
    }
    header.style3 .search_trigger i,
    header.style3 .search_trigger_mobile i {
        top: -2px
    }
    header.style3 a.navbar-brand {
        margin-bottom: 0 !important
    }
    header.style3.header_after_scroll .navbar-header {
        margin: 0 !important
    }
    header.style3 .nav-container .header_social_icons {
        display: block !important
    }
    header.style3.header_after_scroll .nav-container .header_social_icons>:not(.search_trigger_mobile) {
        display: none !important
    }
    header.style3:not(.header_after_scroll) .dl-menuwrapper {
        margin-top: 15px;
        margin-bottom: 5px
    }
    header .search_trigger_mobile {
        display: none
    }
    .larch_minicart_wrapper {
        padding-top: 14px !important;
        right: 0;
        width: 100%
    }
    header.style4 .style4_social_search {
        top: 5px;
        padding-right: 30px;
        margin-bottom: 10px;
        display: none
    }
    header.style4 .style4_social_search_mobile,
    header.style4 .style4_social_search_mobile .search_trigger {
        display: inline-block
    }
    header.style4 .style4_social_search_mobile {
        width: 100%;
        text-align: center;
        margin: 10px 0
    }
    header.style4 .style4_social_search_mobile .search_trigger {
        float: right
    }
    header.style4 .style4_social_search_mobile .header_social_icons {
        width: auto;
        display: inline-block !important;
        float: none;
        padding: 0
    }
    header.style4 .style4_social_search_mobile .header_social_icons .header_social_icons_wrapper {
        float: left;
        width: auto
    }
    header.style4.header_after_scroll .style4_social_search_mobile {
        display: none
    }
    header.style4 .style4_social_search_mobile {
        display: none
    }
    header.style4 .larch_dynamic_shopping_bag {
        margin-left: 0
    }
    .tweet_list {
        padding: 0 !important
    }
    .vc_col-sm-6 .wpcf7 .larch-form-simple .f-email,
    .vc_col-sm-6 .wpcf7 .larch-form-simple .f-name,
    .vc_col-sm-6 .wpcf7 .larch-form-simple .f-subject,
    .vc_col-sm-8 .wpcf7 .larch-form-simple .f-email,
    .vc_col-sm-8 .wpcf7 .larch-form-simple .f-name,
    .vc_col-sm-8 .wpcf7 .larch-form-simple .f-subject,
    .wpcf7 .larch-form-simple .f-email,
    .wpcf7 .larch-form-simple .f-name,
    .wpcf7 .larch-form-simple .f-subject,
    .wpcf7 .larch-form-simple-captcha .f-email,
    .wpcf7 .larch-form-simple-captcha .f-message,
    .wpcf7 .larch-form-simple-captcha .f-name,
    .wpcf7 .larch-form-simple-captcha .f-subject,
    .wpcf7 .larch-form-simple.dark .f-email,
    .wpcf7 .larch-form-simple.dark .f-name,
    .wpcf7 .larch-form-simple.dark .f-subject,
    .wpcf7 .larch-multiple-fields .f-captcha,
    .wpcf7 .larch-multiple-fields .f-confirm,
    .wpcf7 .larch-multiple-fields .f-email,
    .wpcf7 .larch-multiple-fields .f-name,
    .wpcf7 .larch-multiple-fields .f-service,
    .wpcf7 .larch-multiple-fields .f-subject {
        width: 100%
    }
    .wpcf7 .larch-form-simple-captcha .f-captcha {
        width: 100%;
        margin-left: 0
    }
    #big_footer .banner,
    #big_footer .mail-news {
        width: 100%
    }
    #big_footer .banner {
        padding: 20px 20px 0
    }
    #big_footer .mail-news {
        padding-bottom: 15px
    }
    #big_footer input.button {
        float: left;
        margin: 0 15px
    }
    #secondary_footer .footer_logo.align-left {
        float: none
    }
    #secondary_footer .footer_custom_text.right {
        width: 100%;
        text-align: center
    }
    .modal .close {
        top: 0;
        position: fixed;
        right: 0;
        background-color: #fff;
        margin: 35px 30px 30px 0
    }
    .tooltip-content,
    .tooltip-desc {
        display: none
    }
    #big_footer .mail-news {
        width: 100%;
        margin: 0 auto;
        left: 0;
        position: relative;
        padding: 0 20px
    }
    .mail-box .news-l {
        width: 100%;
        max-width: 100%
    }
    .footer_sidebar .widget-contact-content {
        margin-bottom: 40px
    }
    #primary_footer .footer_sidebar:last-child .widget-contact-content {
        margin-bottom: 0
    }
    .vc_btn3-container.vc_btn3-left {
        margin-right: 5px !important
    }
    .vc_btn3.vc_btn3-size-md {
        font-size: 11px
    }
    .vc_btn3.vc_btn3-size-md.vc_btn3-icon-right:not(.vc_btn3-o-empty) {
        padding-right: 48px;
        text-align: left
    }
    .vc_btn3.vc_btn3-size-md {
        padding: 10px 15px
    }
    .dl-menu li.dl-subviewopen:not(:last-child) {
        border: none !important
    }
    .vc_custom_1435073560780 {
        margin-top: 20px !important
    }
    .cbp-popup-singlePageInline .cbp-popup-close {
        right: 15px !important;
        top: 20px !important
    }
    a.ubtn-link .ubtn {
        margin: 0 9px !important
    }
    a.ubtn-link {
        margin: 10px 0 0 !important
    }
    .special_tabs.icontext .tab-container {
        top: 0;
        margin-top: 40px !important
    }
    .special_tabs .tab-container .content,
    .special_tabs .tab-selector {
        padding: 0 !important
    }
    .info-wrapper .smile_icon_list li .icon_description .responsive-font-class * {
        font-size: 13px !important
    }
    .small-text-mobile {
        font-size: 38px !important
    }
    #section-199 .upb_row_bg {
        background-position: 75% 0 !important
    }
    .special_tabs.icontext .label,
    .special_tabs.icontext .label.current {
        width: 100% !important
    }
    .special_tabs.icon .label {
        float: left
    }
    .special_tabs.icon .larch_icon_special_tabs {
        margin: 20px 15px 20px 0
    }
    .special_tabs.icon .divider-vertical-tabs {
        display: none
    }
    .special_tabs.icon .tab-container .content {
        padding: 15px;
        width: 100%
    }
    .special_tabs.text .label {
        width: 100%
    }
    .wpb_column .wpb_wrapper .ult_pricing_table {
        margin-bottom: 50px !important
    }
    .wpcf7 .larch-multiple-fields .f-message {
        padding-right: 0;
        margin-top: 20px
    }
    .change-align-mobile .align-icon {
        text-align: left !important;
        margin: 0 0 20px
    }
    .fullwidth-container .titlesleftcrumbsright .larch_breadcrumbs,
    .fullwidth-container .titlesleftcrumbsright .pageTitle {
        width: 100% !important;
        max-width: 100% !important;
        text-align: left;
        float: left !important;
        text-align: left !important
    }
    .blog-default.wideblog .page_content .container {
        padding: 0
    }
    .fullwidth-container .titlesleftcrumbsright .larch_breadcrumbs {
        float: left;
        text-align: center;
        padding-bottom: 0;
        position: relative;
        left: -4px
    }
    .cbp-popup-singlePage .cbp-popup-content {
        margin-top: 100px
    }
    .cbp-popup-singlePage .cbp-popup-content #the_movies {
        margin-bottom: 30px
    }
    .single-post .blog-default.wideblog .page_content {
        padding: 0
    }
    .post-listing .post blockquote {
        padding: 20px 10px
    }
    .align-center-mobile .uvc-heading {
        text-align: center !important
    }
    .align-center-mobile button.ubtn {
        text-align: center;
        width: auto;
        margin: 20px 0 20px 60px
    }
    .extra-mobile-padding {
        padding-left: 30px !important;
        padding-right: 30px !important
    }
    button.ubtn {
        margin-right: 10px;
        font-size: 10px
    }
    .page .page_content.left.sidebar {
        padding: 40px 0 !important
    }
    .page .page_content.left .container {
        padding: 0
    }
    .page .page_content.left {
        padding-right: 0;
        border: none;
        padding-top: 20px
    }
    .page .page_content.right,
    .page_content.right {
        border-left: none;
        padding: 0 !important
    }
    .woocommerce .cart-collaterals .cross-sells,
    .woocommerce-page .cart-collaterals .cross-sells {
        width: 100%
    }
    .page-template-blog-template .metas-container {
        margin-top: 5px;
        margin-bottom: 25px
    }
    #secondary_footer .social-icons-fa ul li {
        margin-left: auto;
        margin-right: auto;
        text-align: center
    }
    #secondary_footer .social-icons-fa ul li a {
        margin: 0 3px
    }
    p.home-slide-content {
        font-size: 29px !important;
        letter-spacing: 0
    }
    .ult_dual_button .ulitmate_dual_buttons .ult_dualbutton-wrapper {
        width: 49% !important;
        float: left !important
    }
    .ult_dual_button .ulitmate_dual_buttons .ult_dualbutton-wrapper:first-child .ult_ivan_button {
        border-top-left-radius: 40px !important;
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
        border-bottom-left-radius: 40px !important;
        height: 30px !important;
        width: 150px !important
    }
    .ult_dualbutton-wrapper .ult_ivan_button.icon-after .text-btn,
    .ult_dualbutton-wrapper .ult_ivan_button.icon-before .text-btn {
        font-size: 12px !important
    }
    .ult_dual_button .middle-text {
        top: 51% !important;
        right: 0 !important;
        border-width: 0 !important
    }
    .ult_dual_button .ulitmate_dual_buttons .ult_dualbutton-wrapper:last-child .ult_ivan_button {
        border-top-left-radius: 0 !important;
        border-top-right-radius: 40px !important;
        border-bottom-right-radius: 40px !important;
        border-bottom-left-radius: 0 !important;
        height: 30px !important;
        width: 150px !important
    }
    .larch2xtextwhite {
        font-size: 9px !important
    }
    .larchbigwhite.demo12-bigwhite {
        top: 125px !important;
        font-size: 26px !important
    }
    .btn-demo12 {
        top: 160px !important
    }
    .tp-button.blue-white,
    .tp-button.darkgrey-white,
    .tp-button.green-white,
    .tp-button.larch-button-colored,
    .tp-button.larch-button-dark,
    .tp-button.larch-button-white,
    .tp-button.lightgrey-white,
    .tp-button.orange-white,
    .tp-button.red-white,
    .tp-button.white-blue,
    .tp-button.white-darkgrey,
    .tp-button.white-green,
    .tp-button.white-lightgrey,
    .tp-button.white-orange,
    .tp-button.white-red,
    .tp-button.white-yellow,
    .tp-button.yellow-white {
        border-width: 1px !important
    }
    .tp-button {
        font-weight: 800 !important
    }
    .slick-next {
        right: 0 !important
    }
    .slick-prev {
        left: 0 !important
    }
    #twitter-feed .slick-next {
        right: -15px !important
    }
    #twitter-feed .slick-prev {
        left: -15px !important
    }
    .style-light #twitter-feed li {
        font-size: 13px
    }
    .slick-initialized .slick-slide,
    .style-light #twitter-feed li a,
    .twitter-author a {
        font-size: 13px !important
    }
    #twitter-feed {
        padding: 10px 20px
    }
    #big_footer #twitter-feed {
        padding: 10px
    }
    .twitter-slider {
        width: 100% !important
    }
    .demo10-left-btn {
        left: 25px !important
    }
    header .top-bar a,
    header .top-bar ul.phone-mail li a {
        font-size: 11px !important;
        border: none !important
    }
    .vc_custom_1437240114072 {
        padding-left: 15px !important
    }
    .footer_sidebar {
        display: inline-grid
    }
    .footer_sidebar:last-child {
        margin-bottom: 0
    }
    .footer_sidebar .widget.widget-contact-info:last-child {
        margin-bottom: 0
    }
    #footer-instagram p.clear {
        bottom: -15px
    }
    .mobile-h2 {
        top: 0 !important
    }
    .mobile-h3 {
        top: 0 !important
    }
    .s1-mobile-h2 {
        top: 0 !important
    }
    .s1-mobile-h3 {
        top: 0 !important
    }
    .mobile-h4 {
        top: 10px !important;
        left: 45px !important;
        font-size: 10px !important
    }
    .mobile-icon {
        top: 20px !important;
        left: 14px !important
    }
    .mobile-icon i {
        font-size: 28px !important
    }
    .mobile-box-size {
        top: 20px !important
    }
    .mobile-box-size img {
        height: 75px !important;
        width: 400px !important
    }
    .mobile-big-text {
        width: 245px !important;
        white-space: normal !important;
        line-height: 13px !important;
        font-size: 8px !important;
        top: 16px !important;
        left: 45px !important
    }
    .mobile-link {
        top: 20px !important;
        left: 45px !important
    }
    .mobile-link a {
        font-size: 7px !important
    }
    .s1-mobile-link .tp-button.mini {
        padding: 3px !important;
        font-size: 5px !important;
        margin-left: -3px !important;
        top: 0 !important
    }
    .mobile-h42 {
        top: 90px !important;
        left: -63px !important;
        font-size: 10px !important
    }
    .mobile-icon2 {
        top: 105px !important;
        left: -90px !important
    }
    .mobile-icon2 i {
        font-size: 42px !important
    }
    .mobile-box-size2 {
        top: 100px !important;
        left: -150px !important
    }
    .mobile-box-size2 img {
        height: 75px !important;
        width: 400px !important
    }
    .mobile-big-text2 {
        width: 245px !important;
        white-space: normal !important;
        line-height: 13px !important;
        font-size: 8px !important;
        top: 97px !important;
        left: -63px !important
    }
    .mobile-link2 {
        top: 100px !important;
        left: -63px !important
    }
    .mobile-link2 a {
        font-size: 7px !important
    }
    .mobile-h43 {
        top: 165px !important;
        left: -171px !important;
        font-size: 10px !important
    }
    .mobile-icon3 {
        top: 181px !important;
        left: -200px !important
    }
    .mobile-icon3 i {
        font-size: 28px !important
    }
    .mobile-box-size3 {
        top: 180px !important;
        left: -250px !important
    }
    .mobile-box-size3 img {
        height: 75px !important;
        width: 400px !important
    }
    .mobile-big-text3 {
        width: 240px !important;
        white-space: normal !important;
        line-height: 13px !important;
        font-size: 8px !important;
        top: 171px !important;
        left: -172px !important
    }
    .mobile-link3 {
        top: 177px !important;
        left: -172px !important
    }
    .mobile-link3 a {
        font-size: 7px !important
    }
    .mobile-big-text br,
    .mobile-big-text2 br,
    .mobile-big-text3 br {
        display: none
    }
    .adjust-boxes-on-mobile .ult-content-box {
        padding: 40px !important
    }
    .mobile-text-center h2 {
        text-align: center !important;
        padding-top: 30px !important
    }
    .mobile-text-center .uvc-sub-heading {
        text-align: center !important;
        padding-bottom: 30px
    }
    .mobile-text-left .vc_col-sm-8 {
        padding: 20px 40px 80px !important
    }
    .mobile-text-left .vc_col-sm-8 .uvc-sub-heading,
    .mobile-text-left .vc_col-sm-8 .vc_btn3-container,
    .mobile-text-left .vc_col-sm-8 h2 {
        text-align: left !important
    }
    .mobile-no-padding .wpb_column {
        padding: 0 5px !important
    }
    .wpcf7 .larch-form-main-slider {
        padding: 20px
    }
    .push-down {
        display: none
    }
    #big_footer .footer_sidebar .twitter-container {
        margin-top: 200px;
        position: relative;
        top: 0
    }
    .yl-left-align {
        left: -20px !important;
        top: 0 !important
    }
    .yl-right-align {
        left: 5px !important;
        top: 0 !important
    }
    #cbpw-filters77 .cbp-filter-item,
    #cbpw-filters77 .cbp-filter-item.cbp-filter-item-active {
        line-height: 24px !important;
        margin: 5px 5px 0 0 !important;
        padding: 0 15px !important;
        font-size: 10px !important
    }
    .special_tabs.text .label.current {
        width: 100% !important
    }
    .fullwidth-container .larch_breadcrumbs,
    .pageTitle h1.page_title,
    .pageTitle h2.secondaryTitle {
        margin-top: 10px !important
    }
    .single-post .pageTitle h1.page_title {
        margin-top: 10px !important;
        font-size: 2.8em !important;
        line-height: 1.2em
    }
    .page-template-blog-template .align-metas-center,
    .single-post .align-metas-center {
        display: grid;
        text-align: center
    }
    .align-metas-center .metas-sep {
        display: none
    }
    blockquote,
    blockquote p {
        padding: 20px !important
    }
    .archive .page_content.left {
        padding-right: 0 !important
    }
    .page-template-blog-template .page_content.left .the_title h2 a,
    .page-template-blog-template .page_content.right .the_title h2 a {
        font-size: 30px !important;
        line-height: 1.2em
    }
    .author-thumbnail img {
        max-width: 60px
    }
    .author-thumbnail {
        bottom: -36px
    }
    .featured-image-box {
        margin-bottom: 45px
    }
    .archive .blog-default-bg,
    .archive .blog_excerpt,
    .page-template-blog-template .wideblog .post-listing,
    .single-post .blog-default-bg {
        padding: 0;
        max-width: 100%
    }
    .woocommerce-page.woocommerce ul.products li.product,
    .woocommerce-page.woocommerce-page ul.products li.product {
        margin: 0 0 120px !important;
        width: 100% !important
    }
    .woocommerce .woocommerce-ordering,
    .woocommerce-page .woocommerce-ordering {
        float: none !important;
        width: 100% !important;
        top: -10px !important;
        left: -5px !important;
        margin-bottom: 40px
    }
    .woocommerce .woocommerce-result-count,
    .woocommerce-page .woocommerce-result-count {
        margin: 9px 0 0 !important;
        float: none !important;
        text-align: center !important
    }
    .woocommerce #content div.product div.summary,
    .woocommerce div.product div.summary,
    .woocommerce-page #content div.product div.summary,
    .woocommerce-page div.product div.summary {
        float: right !important;
        width: 100% !important
    }
    .woocommerce .col2-set .col-1,
    .woocommerce-page .col2-set .col-1 {
        float: left;
        width: 100% !important
    }
    .woocommerce .col2-set .col-2,
    .woocommerce-page .col2-set .col-2 {
        float: right;
        width: 100% !important;
        margin-top: 20px
    }
    .woocommerce #payment ul.payment_methods,
    .woocommerce-page #payment ul.payment_methods {
        padding: 15px !important
    }
    .woocommerce #content div.product div.images,
    .woocommerce div.product div.images,
    .woocommerce-page #content div.product div.images,
    .woocommerce-page div.product div.images {
        float: left !important;
        width: 100% !important
    }
    .page-id-2670 .fullwidth-container {
        background-position-x: -115px !important
    }
    .page-id-2203 .fullwidth-container {
        background-position-x: -270px !important;
        background-position-y: 100px !important
    }
    .h2-align-center {
        width: 100% !important
    }
    .h2-align-center button.ubtn {
        width: 100%;
        margin: 8px 0 0;
        text-align: center;
        font-size: 11px
    }
    .typed-cursor {
        display: none
    }
    #secondary_footer .footer_custom_text.left {
        float: none;
        width: 100%;
        text-align: left;
        margin: 20px 0;
        border-left: 0;
        padding: 0
    }
    #secondary_footer .social-icons-fa.align-right {
        float: none;
        margin-top: 15px;
        display: table;
        margin: 0 auto
    }
    #secondary_footer .footer_logo.align-left {
        float: none;
        text-align: center;
        margin: 15px auto;
        display: table;
        width: auto
    }
    .top-bar .top-bar-menu {
        position: relative;
        float: left;
        padding: 0 0 10px 20px;
        width: 100%;
        text-align: center
    }
    .gyges .tp-tab {
        width: 270px !important
    }
    #menu_top_bar {
        position: relative
    }
    .top-bar-menu li {
        margin: 7px 10px;
        text-align: center;
        float: none;
        border: none !important
    }
    .top-bar-menu #menu_top_bar>li:not(:first-child)>a {
        padding-left: 5px
    }
    .top-bar .social-icons-fa {
        left: 5px
    }
    .align-left-on-mobile {
        float: left !important;
        margin-left: 77px !important
    }
    input[type=file] {
        font-size: 10px !important;
        line-height: 15px !important
    }
    .page-id-3149 .pageTitle h1.page_title {
        font-size: 38px !important
    }
    .boxed_layout {
        width: 100%;
        margin: 0 auto;
        overflow: hidden;
        z-index: 9999999999;
        background-color: #fff
    }
    .boxed_layout .des_cubeportfolio_widget,
    .boxed_layout body>.search_input.fade,
    .boxed_layout body>.search_input.none {
        width: 100%;
        margin: 0 auto;
        overflow: hidden;
        float: none
    }
    .boxed_layout header.navbar {
        width: 100%;
        margin: 0 auto;
        float: none
    }
    body.page-template-template-under-construction-php .fullwindow_content {
        display: block;
        padding-top: 10px
    }
    .info-circle-responsive .smile_icon_list.left li .icon_list_icon {
        font-size: 22px !important;
        width: 40px !important;
        height: 40px !important;
        line-height: 40px !important;
        position: relative;
        left: -8px;
        top: -8px
    }
    header .nav-container {
        width: 100%;
        padding: 0 !important
    }
    .navbar-header {
        width: 40%;
        text-align: left;
        max-width: 50%
    }
    .style3 .navbar-header {
        max-width: 100%;
        left: 0 !important
    }
    header a.navbar-brand img {
        max-width: 80%
    }
    .cover-test-img {
        width: 30px;
        height: 30px
    }
    .cover-test-img:before {
        top: 28px;
        left: 27px
    }
    .vc_custom_1462480806528 {
        padding-right: 15px !important;
        padding-left: 15px !important
    }
    .aio-icon-box.tooltip-icon .aio-icon-description {
        margin-left: 27px;
        max-width: 300px
    }
    .page-id-23 .tp-revslider-mainul .slotholder .tp-bgimg {
        background-position: 70% 0 !important
    }
    h2:not(.uvc-main-heading h2) {
        font-size: 1.4em !important
    }
    .home-corp-section1 .upb_row_bg {
        background-position-x: -160px !important
    }
    .h1,
    .h2,
    .h3,
    .h4,
    .h5,
    .h6,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        line-height: 1.2em
    }
    h5,
    h6 {
        xfont-size: .9em !important;
        line-height: 1.5em !important
    }
    h1 {
        font-size: 26px !important
    }
    .tparrows:before {
        font-size: 14px;
        line-height: 37px
    }
    .home-padding1 {
        padding-right: 15px !important;
        padding-left: 15px !important
    }
    .home-padding2 {
        padding-left: 0 !important
    }
    .home-corp1 {
        margin-top: 0 !important
    }
    .home-boxes1 {
        margin-top: 70px !important
    }
    .home-boxes2 {
        padding-left: 0 !important
    }
    .home-boxes4 {
        padding-right: 10px !important;
        padding-left: 10px !important
    }
    .home-boxes5,
    .home-boxes6 {
        padding-top: 0 !important;
        padding-right: 8px !important;
        padding-bottom: 0 !important;
        padding-left: 8px !important
    }
    .home-boxes4 .vc_column-inner,
    .home-boxes5 .vc_column-inner,
    .home-boxes6 .vc_column-inner,
    .home-boxes7 .vc_column-inner {
        padding: 0 !important
    }
    .home-boxes7 {
        padding-top: 0 !important;
        padding-right: 8px !important;
        padding-bottom: 0 !important;
        padding-left: 8px !important
    }
    .contentbox-4 {
        padding: 15px !important
    }
    .home-boxes7 {
        padding-top: 0 !important;
        padding-right: 0 !important;
        padding-bottom: 30px !important;
        padding-left: 0 !important
    }
    .home-boxes8 .vc_column-inner {
        padding: 30px !important
    }
    .home-boxes10 .vc_column-inner,
    .home-boxes11 .vc_column-inner,
    .home-boxes9 .vc_column-inner {
        padding: 30px !important
    }
    .home-padding3 {
        padding-right: 15px !important;
        padding-left: 15px !important
    }
    .contentbox-1 .ult-content-box,
    .contentbox-2 .ult-content-box,
    .contentbox-3 .ult-content-box {
        padding-right: 20px !important;
        padding-left: 20px !important
    }
    .highlight-heading {
        margin-left: 0 !important
    }
    .hboxes-absolute-partners {
        position: relative !important;
        margin-top: -35px !important;
        padding-top: 0 !important;
        padding-right: 15px !important;
        padding-bottom: 0 !important;
        padding-left: 15px !important
    }
    .home-form1 {
        padding-top: 100px !important;
        padding-bottom: 100px !important
    }
    .home-form2 {
        padding-right: 15px !important;
        padding-left: 15px !important
    }
    .extrapadding-form {
        padding: 0 15px !important
    }
    .rev-btn.Agency-NavButton {
        display: none !important
    }
    .arrange-on-iphone .aio-icon-description {
        line-height: 22px !important;
        padding-top: 20px
    }
    .arrange-on-iphone .left-icon .aio-ibd-block {
        text-align: center;
        padding: 20px 0 !important
    }
    .arrange-on-iphone .left-icon .aio-icon-left {
        width: 100%;
        text-align: center;
        float: left
    }
    .vc_custom_1463482333004 .upb_row_bg {
        background-position: 60% 0
    }
    .special_tabs.icontext.horizontal .label,
    .special_tabs.text.horizontal .label {
        width: 100% !important;
        float: left;
        padding-left: 0;
        padding: 5px 5px !important;
        border: 1px solid #e0e5e9
    }
    .special_tabs.icontext.horizontal .label a,
    .special_tabs.text.horizontal .label a {
        font-size: 14px
    }
    .agree-terms h5,
    .agree-terms h5 a {
        font-size: 12px !important
    }
    #cbpw-filters130 .cbp-filter-item,
    #cbpw-filters130 .cbp-filter-item.cbp-filter-item-active {
        margin-bottom: 0;
        padding: 0 5px !important;
        font-size: 11px !important
    }
    .cbp-l-filters-alignCenter {
        margin-top: 20px !important
    }
    .partners-container .slick-next {
        right: 0 !important
    }
    .partners-container .slick-prev {
        left: 0 !important
    }
    .partners-container .slick-next,
    .partners-container .slick-prev {
        top: 63% !important
    }
    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-xs-1,
    .col-xs-10,
    .col-xs-11,
    .col-xs-12,
    .col-xs-2,
    .col-xs-3,
    .col-xs-4,
    .col-xs-5,
    .col-xs-6,
    .col-xs-7,
    .col-xs-8,
    .col-xs-9,
    .vc_column_container>.vc_column-inner {
        padding-right: 20px;
        padding-left: 20px
    }
    h1.page_title {
        font-size: 2.2em !important;
        line-height: 1.2em
    }
    .fullwidth-container {
        background-position: 65% 0 !important
    }
    .page-id-191 .fullwidth-container {
        background-position: 32% 0 !important
    }
    .search-results .the_title h2 a {
        font-size: 25px !important
    }
    .center h2.secondaryTitle {
        max-width: 100%;
        font-size: 1em !important;
        line-height: 1.5em !important
    }
    .page-id-191 h2.secondaryTitle {
        font-size: 36px !important;
        text-align: right !important
    }
    .page-id-191 .pageTitle h1.page_title {
        text-align: right !important;
        font-size: 17px !important
    }
    .wide-buttons .vc_btn3,
    .wide-buttons .vc_btn3-container.vc_btn3-left {
        width: 100% !important
    }
    .vc_btn3.vc_btn3-size-sm.vc_btn3-icon-right:not(.vc_btn3-o-empty) {
        padding-right: 39px !important
    }
    .small-size-bgicon .aio-icon {
        height: 1em !important;
        width: 1em !important
    }
    .box-shadow-cforms {
        padding: 0 !important
    }
    .disable-on-mobiles {
        display: none
    }
    .SleekLanding-BottomText {
        display: none
    }
    .template-template-blank .vc_general.vc_btn3 {
        margin-right: 0
    }
    .error-c {
        margin: 90px auto 80px;
        padding: 20px
    }
    .error404 .text-error {
        font-size: 21px;
        line-height: 24px
    }
    .ifb-back .ifb-flip-box-section {
        padding: 0 !important
    }
    .flip-box-wrap .ifb-back p {
        font-size: 10px !important
    }
    .blog-default.wideblog .container {
        padding: 0 20px !important
    }
    .page-template-blog-template .blog-default.wideblog .container {
        padding: 0 !important
    }
    .page-template-blog-template .wideblog .post-listing .blog_excerpt {
        max-width: 100%;
        margin: 10px auto 40px
    }
    .page-template-blog-masonry-grid-template .posts_category_filter li,
    .page-template-blog-masonry-template .posts_category_filter li {
        margin: 0 5px
    }
    .page-template-blog-template .wideblog .post-listing .the_title h2 a {
        font-size: 30px !important;
        line-height: 1.3em
    }
    .fullwidth-container .pagetitle_overlay {
        height: 150%
    }
    .page-template-blog-template .wideblog .post-listing {
        max-width: 100%
    }
    .woocommerce form .form-row-first,
    .woocommerce form .form-row-last,
    .woocommerce-page form .form-row-first,
    .woocommerce-page form .form-row-last {
        width: 100%
    }
    .woocommerce-checkout .master_container {
        margin-top: 0
    }
    .woocommerce table.cart .product-thumbnail,
    .woocommerce-page table.cart .product-thumbnail {
        display: none !important
    }
    .woocommerce-cart .page_content {
        margin: 0 !important
    }
    .woocommerce .shop_table.cart .quantity,
    .woocommerce-page .shop_table.cart .quantity {
        float: none !important
    }
    .woocommerce #content table.cart td.actions .coupon .input-text,
    .woocommerce table.cart td.actions .coupon .input-text,
    .woocommerce-page #content table.cart td.actions .coupon .input-text,
    .woocommerce-page table.cart td.actions .coupon .input-text {
        width: 145px;
        margin-bottom: 15px;
        padding: 4px 10px;
        margin-left: 5px
    }
    .woocommerce .cart .button,
    .woocommerce .cart input.button,
    .woocommerce-page .cart .button,
    .woocommerce-page .cart input.button {
        float: none;
        margin-left: 5px
    }
    .cart-subtotal,
    .cart-subtotal th,
    .order-total,
    .order-total th {
        display: inline-block !important;
        width: 100%;
        background: #f5f5f5;
        margin: 0;
        padding: 7px !important;
        text-align: left;
        width: 100% !important;
        background: #f5f5f5
    }
    .cart-subtotal th,
    .order-total th {
        background: #fdfdfd
    }
    .woocommerce tbody tr:last-child {
        border-bottom: none;
        border-right: none
    }
    #p-slider-938 {
        margin-top: 50px !important
    }
    header .search_trigger {
        z-index: 999
    }
    .nav-container>.navbar-collapse.collapse,
    .style1 .nav-container>.navbar-collapse.collapse,
    header.style3 .nav-container .navbar-collapse {
        display: none !important
    }
    .nav-container {
        -webkit-transition: none;
        -moz-transition: none;
        transition: none
    }
    .projects_media.full_media.col-md-12 {
        margin: 0
    }
    header.style4 .nav-container .navbar-header {
        margin: 0;
        text-align: left
    }
    header.style4 .new-menu-wrapper .new-menu-left,
    header.style4 .new-menu-wrapper .new-menu-right {
        display: none
    }
    header.style4 .nav-container .navbar-header .navbar-brand {
        opacity: 1;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-top: 23px !important;
        margin-bottom: 23px !important
    }
    header.style4.header_after_scroll .nav-container .navbar-header .navbar-brand {
        margin-top: 18px !important;
        margin-bottom: 18px !important
    }
    header.style4.header_after_scroll .nav-container .dl-menuwrapper {
        margin-top: 15px
    }
    header.style4 .nav-container .dl-menuwrapper {
        margin-top: 25px
    }
    header.style4.header_after_scroll .navbar-brand img.logo_after_scroll {
        margin: 0
    }
    header.style1 .larch_right_header_icons {
        position: relative;
        float: right;
        top: -2px;
        margin-right: 60px
    }
    .dl-menuwrapper button {
        float: right;
        right: -7px;
        position: relative
    }
    header .nav-container .dl-menuwrapper {
        width: 100%;
        margin-right: 0;
        margin-top: 19px
    }
    .larch-home-stats .vc_col-sm-3 {
        float: left;
        width: 50% !important
    }
    .stats-left .aio-icon-left {
        padding-right: 10px !important
    }
    header .larch_right_header_icons.with-woocommerce-cart .search_trigger .dripicons-search {
        top: -2px
    }
    header .search_trigger.next-to-shopping-bag {
        position: relative
    }
    header.style1 .larch_little_shopping_bag_wrapper {
        top: -2px;
        padding-bottom: 0
    }
    header .search_trigger {
        z-index: 999
    }
    header a.navbar-brand img {
        max-width: 100%
    }
    .navbar-default.style1,
    .navbar-default.style2 {
        max-height: 85px
    }
    header .menu-controls {
        display: none !important
    }
    .larch-push-sidebar-opened .navbar .nav-container .custom-font-icon .icon.dripicons-cross {
        display: block;
        padding-right: 0;
        position: relative;
        top: 1px;
        right: 3px
    }
    .vc_btn3.vc_btn3-size-md {
        font-size: 12px !important
    }
    .align-center-mobile h3 {
        text-align: center !important;
        margin-left: 35px
    }
    .align-center-mobile .vc_btn3-container.vc_btn3-left {
        text-align: center;
        float: none !important;
        margin-right: 0 !important
    }
    .align-center-mobile .vc_btn3-container.vc_btn3-left a {
        margin-right: -35px
    }
    .adjust-pagetitle-mobile-size {
        font-size: 38px !important;
        line-height: 48px !important
    }
    header .search_trigger i {
        padding-right: 5px;
        top: 2px
    }
    header .search_trigger i,
    header .search_trigger_mobile i {
        top: 0
    }
    header .menu-controls.menu-next-to-shopping-bag {
        top: -2px;
        z-index: 9999999
    }
    .hermes.tp-bullets {
        left: 112% !important;
        top: 85% !important
    }
    .shadow-text-position .uvc-sub-heading {
        margin-top: -30px !important
    }
    .shadow-text-position2 .uvc-sub-heading {
        margin-top: -15px !important
    }
    .box-paddingl {
        padding-left: 0 !important
    }
    header.style1.hide-on-start .menu-controls {
        top: 5px
    }
    .absolute-icon-aligment {
        display: none
    }
    #cbpw-filters31 .cbp-filter-item {
        padding: 0 8px !important
    }
    .cbp-l-filters-list .cbp-filter-item {
        z-index: 999
    }
    header .header_style2_contact_info {
        display: none
    }
    header.style2 {
        padding-bottom: 0 !important
    }
    header.style2 .nav-container .navbar-header {
        width: 50%;
        float: left;
        margin-top: 20px;
        margin-bottom: 20px
    }
    .align-cbutton-left {
        left: -46px !important;
        top: -20px !important
    }
    .box-paddingr {
        padding-right: 0 !important
    }
    header.style3 .nav-container .dl-menuwrapper {
        z-index: 999;
        margin-top: 15px
    }
    header.style3 .dl-menuwrapper button {
        float: left;
        right: -7px
    }
    header.style3 .nav-container {
        position: relative;
        width: 100%;
        margin: 0 auto
    }
    header.style3 .nav-container .navbar-header a.navbar-brand {
        margin-top: 20px !important;
        margin-bottom: 20px !important
    }
    header.style3.header_after_scroll .nav-container a.navbar-brand {
        margin-top: 12px !important;
        margin-bottom: 5px !important
    }
    .extra-padding-photohome {
        padding-right: 0 !important;
        padding-left: 0 !important
    }
    .button-app-slider i {
        font-size: 16px;
        top: 1px
    }
    body:not(.rtl).larch-push-sidebar-opened #main header.header-full-width.navbar-fixed-top:not(.header_not_fixed),
    body:not(.rtl).larch-push-sidebar-opened #main header.header-with-container.navbar-fixed-top:not(.header_not_fixed) {
        right: 220px;
        left: -220px
    }
    body.larch-push-sidebar-opened header .top-bar .down-button,
    body:not(.rtl).larch-push-sidebar-opened #main,
    body:not(.rtl).larch-push-sidebar-opened header .top-bar.opened .down-button {
        right: 220px
    }
    .proj-remove-space {
        height: 20px !important
    }
    .larch-push-sidebar {
        width: 220px
    }
    .serv-2 {
        font-size: 16px !important;
        margin-top: -5px !important
    }
    .larch-push-sidebar-content {
        padding: 20px
    }
    .ult-ih-container ul.ult-ih-list li.ult-ih-list-item {
        margin: 0 !important
    }
    .home-box1-mobile {
        padding: 0 30px !important
    }
    header.header_not_fixed.style3,
    header.header_not_fixed.style4 {
        padding: 20px
    }
    .vc_general.vc_btn3 {
        margin-right: 0
    }
    .aboutme {
        padding-top: 80px !important;
        padding-right: 40px !important;
        padding-bottom: 80px !important;
        padding-left: 40px !important
    }
    .flex-direction-nav a.flex-prev {
        left: -42px
    }
    .flex-direction-nav a.flex-next {
        right: -42px
    }
    header.style5 .larch_right_header_icons.with-woocommerce-cart {
        margin-right: 60px;
        right: 0;
        display: none
    }
    .big-letter-spacing {
        letter-spacing: 6px !important
    }
    .blurslider-gradient {
        margin-top: 100px !important;
        left: -16px !important
    }
    .ultb3-info {
        padding: 0 30px !important
    }
    h2.secondaryTitle {
        max-width: 100%
    }
    .special_tabs.icontext .label .title {
        margin: 13px 0 8px 60px
    }
    .style5 .larch_right_header_icons {
        top: -2px;
        right: 50px
    }
    header.style6 .larch_right_header_icons {
        padding-top: 5px !important;
        padding-bottom: 5px !important
    }
    .ult-content-box {
        padding-top: 50px !important;
        padding-right: 40px !important;
        padding-bottom: 50px !important;
        padding-left: 40px !important
    }
    #homearch-about .ult-content-box {
        padding-top: 50px !important;
        padding-right: 0 !important;
        padding-bottom: 50px !important;
        padding-left: 0 !important
    }
    header.style1 .larch_right_header_icons {
        padding-top: 26px !important
    }
    header.style1.header_after_scroll .larch_right_header_icons {
        padding-top: 18px !important
    }
    .extra-large-font {
        font-size: 45px !important
    }
    .larch-labeled h4 {
        top: -27px;
        padding: 10px 16px;
        font-size: 13px
    }
    .vc_custom_1530806089247 {
        background-position: right !important
    }
    .special_tabs.icontext.horizontal .larch_icon_special_tabs i {
        font-size: 18px !important
    }
    .titlesleftcrumbsright h2.secondaryTitle {
        margin-top: 0 !important
    }
    .partner-item.col-md-3 {
        margin-bottom: 60px
    }
}

@media screen and (max-width:600px) {
    .woocommerce-page table.shop_table,
    .woocommerce-page table.shop_table tbody,
    .woocommerce-page table.shop_table td,
    .woocommerce-page table.shop_table th,
    .woocommerce-page table.shop_table thead,
    .woocommerce-page table.shop_table tr {
        display: block
    }
    .woocommerce-page table.shop_table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px
    }
    header .larch_right_header_icons:not(.with-woocommerce-cart) .menu-controls {
        display: none
    }
    header .larch_right_header_icons:not(.with-woocommerce-cart) .search_trigger i {
        top: -1px
    }
    header.header_after_scroll .larch_right_header_icons:not(.with-woocommerce-cart) .search_trigger i {
        top: 2px
    }
    .woocommerce-page table.shop_table td {
        position: relative;
        padding-left: 36% !important;
        padding: 15px 0 10px;
        border-right: 1px solid #ededed;
        border-left: 1px solid #ededed;
        border-top: 1px solid #ededed
    }
    .woocommerce-page table.shop_table .order-total td {
        padding-left: 8px !important
    }
    .woocommerce-page table.shop_table {
        border: none
    }
    .woocommerce-page table.shop_table td.product-spacer {
        border-color: #fff;
        height: 10px
    }
    .woocommerce-page table.shop_table td:before {
        position: absolute;
        top: 15px;
        left: 13px;
        width: 50%;
        padding-right: 10px;
        white-space: nowrap;
        font-weight: 700
    }
    .woocommerce-page table.shop_table td.product-remove:before {
        content: "DELETE"
    }
    .woocommerce-page table.shop_table td.product-thumbnail:before {
        content: "IMAGE"
    }
    .woocommerce-page table.shop_table td.product-name:before {
        content: "PRODUCT"
    }
    .woocommerce-page table.shop_table td.product-price:before {
        content: "PRICE"
    }
    .woocommerce-page table.shop_table td.product-quantity:before {
        content: "QUANTITY"
    }
    .woocommerce-page table.shop_table td.product-subtotal:before {
        content: "SUBTOTAL"
    }
    .woocommerce-page table.shop_table td.product-total:before {
        content: "TOTAL"
    }
    .woocommerce #content .quantity,
    .woocommerce .quantity,
    .woocommerce-page #content .quantity,
    .woocommerce-page .quantity {
        margin: 0
    }
    .woocommerce-page #content table.cart td.actions,
    .woocommerce-page table.cart td.actions {
        text-align: left;
        border: 0;
        padding-left: 6px !important
    }
    .woocommerce-page #content table.cart td.actions .button.alt,
    .woocommerce-page table.cart td.actions .button.alt {
        float: left;
        margin-top: 10px
    }
    .woocommerce-page #content table.cart td.actions div,
    .woocommerce-page #content table.cart td.actions input,
    .woocommerce-page table.cart td.actions div,
    .woocommerce-page table.cart td.actions input {
        margin-bottom: 10px
    }
    .woocommerce-page .cart-collaterals .cart_totals {
        float: left;
        width: 100%;
        text-align: left;
        margin-bottom: 50px
    }
    .woocommerce-page .cart-collaterals .cart_totals td,
    .woocommerce-page .cart-collaterals .cart_totals th {
        border: 0 !important
    }
    .woocommerce-page .cart-collaterals .cart_totals table tr.cart-subtotal td,
    .woocommerce-page .cart-collaterals .cart_totals table tr.shipping td,
    .woocommerce-page .cart-collaterals .cart_totals table tr.total td {
        padding-left: 6px !important
    }
    .woocommerce-page table.shop_table tr.cart-subtotal td,
    .woocommerce-page table.shop_table tr.shipping td,
    .woocommerce-page table.shop_table tr.total td,
    .woocommerce-page table.shop_table.order_details tfoot td,
    .woocommerce-page table.shop_table.order_details tfoot th {
        padding-left: 6px !important;
        border: 0 !important
    }
    .woocommerce-page table.shop_table tbody {
        padding-top: 10px
    }
    .woocommerce .col2-set .col-1,
    .woocommerce .col2-set .col-2,
    .woocommerce form .form-row-first,
    .woocommerce form .form-row-last,
    .woocommerce-page .col2-set .col-1,
    .woocommerce-page .col2-set .col-2,
    .woocommerce-page form .form-row-first,
    .woocommerce-page form .form-row-last {
        float: none;
        width: 100%
    }
    .woocommerce .order_details,
    .woocommerce .order_details ul,
    .woocommerce-page .order_details,
    .woocommerce-page .order_details ul {
        padding: 0
    }
    .woocommerce .order_details li,
    .woocommerce-page .order_details li {
        clear: left;
        margin-bottom: 10px;
        border: 0
    }
}

@-webkit-keyframes scale {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    45% {
        -webkit-transform: scale(.1);
        transform: scale(.1);
        opacity: .7
    }
    80% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes scale {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    45% {
        -webkit-transform: scale(.1);
        transform: scale(.1);
        opacity: .7
    }
    80% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.ball-pulse>div:nth-child(0) {
    -webkit-animation: scale .75s -.36s infinite cubic-bezier(.2, .68, .18, 1.08);
    animation: scale .75s -.36s infinite cubic-bezier(.2, .68, .18, 1.08)
}

.ball-pulse>div:nth-child(1) {
    -webkit-animation: scale .75s -.24s infinite cubic-bezier(.2, .68, .18, 1.08);
    animation: scale .75s -.24s infinite cubic-bezier(.2, .68, .18, 1.08)
}

.ball-pulse>div:nth-child(2) {
    -webkit-animation: scale .75s -.12s infinite cubic-bezier(.2, .68, .18, 1.08);
    animation: scale .75s -.12s infinite cubic-bezier(.2, .68, .18, 1.08)
}

.ball-pulse>div:nth-child(3) {
    -webkit-animation: scale .75s 0s infinite cubic-bezier(.2, .68, .18, 1.08);
    animation: scale .75s 0s infinite cubic-bezier(.2, .68, .18, 1.08)
}

.ball-pulse>div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: inline-block
}

@-webkit-keyframes ball-pulse-sync {
    33% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }
    66% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes ball-pulse-sync {
    33% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }
    66% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.ball-pulse-sync>div:nth-child(0) {
    -webkit-animation: ball-pulse-sync .6s -.21s infinite ease-in-out;
    animation: ball-pulse-sync .6s -.21s infinite ease-in-out
}

.ball-pulse-sync>div:nth-child(1) {
    -webkit-animation: ball-pulse-sync .6s -.14s infinite ease-in-out;
    animation: ball-pulse-sync .6s -.14s infinite ease-in-out
}

.ball-pulse-sync>div:nth-child(2) {
    -webkit-animation: ball-pulse-sync .6s -.07s infinite ease-in-out;
    animation: ball-pulse-sync .6s -.07s infinite ease-in-out
}

.ball-pulse-sync>div:nth-child(3) {
    -webkit-animation: ball-pulse-sync .6s 0s infinite ease-in-out;
    animation: ball-pulse-sync .6s 0s infinite ease-in-out
}

.ball-pulse-sync>div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: inline-block
}

@-webkit-keyframes ball-scale {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

@keyframes ball-scale {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

.ball-scale>div {
    background-color: #fff;
    border-radius: 100%;
    margin: 2px;
    display: inline-block;
    height: 60px;
    width: 60px;
    -webkit-animation: ball-scale 1s 0s ease-in-out infinite;
    animation: ball-scale 1s 0s ease-in-out infinite
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.ball-rotate {
    position: relative
}

.ball-rotate>div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    position: relative
}

.ball-rotate>div:first-child {
    -webkit-animation: rotate 1s 0s cubic-bezier(.7, -.13, .22, .86) infinite;
    animation: rotate 1s 0s cubic-bezier(.7, -.13, .22, .86) infinite
}

.ball-rotate>div:after,
.ball-rotate>div:before {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    content: "";
    position: absolute;
    opacity: .8
}

.ball-rotate>div:before {
    top: 0;
    left: -28px
}

.ball-rotate>div:after {
    top: 0;
    left: 25px
}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1)
    }
    50% {
        -webkit-transform: rotate(180deg) scale(.6);
        transform: rotate(180deg) scale(.6)
    }
    100% {
        -webkit-transform: rotate(360deg) scale(1);
        transform: rotate(360deg) scale(1)
    }
}

.ball-clip-rotate>div {
    border-radius: 100%;
    margin: 2px;
    border: 2px solid #fff;
    border-bottom-color: transparent;
    height: 25px;
    width: 25px;
    background: 0 0 !important;
    display: inline-block;
    -webkit-animation: rotate .75s 0s linear infinite;
    animation: rotate .75s 0s linear infinite
}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1)
    }
    50% {
        -webkit-transform: rotate(180deg) scale(.6);
        transform: rotate(180deg) scale(.6)
    }
    100% {
        -webkit-transform: rotate(360deg) scale(1);
        transform: rotate(360deg) scale(1)
    }
}

@keyframes scale {
    30% {
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.ball-clip-rotate-pulse {
    position: relative;
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px)
}

.ball-clip-rotate-pulse>div {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 100%
}

.ball-clip-rotate-pulse>div:first-child {
    background: #fff;
    height: 16px;
    width: 16px;
    top: 7px;
    left: -7px;
    -webkit-animation: scale 1s 0s cubic-bezier(.09, .57, .49, .9) infinite;
    animation: scale 1s 0s cubic-bezier(.09, .57, .49, .9) infinite
}

.ball-clip-rotate-pulse>div:last-child {
    position: absolute;
    width: 30px;
    height: 30px;
    left: -16px;
    top: -2px;
    background: 0 0;
    border: 2px solid;
    border-color: #fff transparent;
    -webkit-animation: rotate 1s 0s cubic-bezier(.09, .57, .49, .9) infinite;
    animation: rotate 1s 0s cubic-bezier(.09, .57, .49, .9) infinite;
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1)
    }
    50% {
        -webkit-transform: rotate(180deg) scale(.6);
        transform: rotate(180deg) scale(.6)
    }
    100% {
        -webkit-transform: rotate(360deg) scale(1);
        transform: rotate(360deg) scale(1)
    }
}

.ball-clip-rotate-multiple {
    position: relative
}

.ball-clip-rotate-multiple>div {
    position: absolute;
    left: -20px;
    top: -20px;
    border: 2px solid #fff;
    border-bottom-color: transparent;
    border-top-color: transparent;
    border-radius: 100%;
    height: 35px;
    width: 35px;
    -webkit-animation: rotate 1s 0s ease-in-out infinite;
    animation: rotate 1s 0s ease-in-out infinite
}

.ball-clip-rotate-multiple>div:last-child {
    display: inline-block;
    top: -10px;
    left: -10px;
    width: 15px;
    height: 15px;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    border-color: #fff transparent;
    -webkit-animation-direction: reverse;
    animation-direction: reverse
}

@-webkit-keyframes ball-scale-ripple {
    0% {
        -webkit-transform: scale(.1);
        transform: scale(.1);
        opacity: 1
    }
    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: .7
    }
    100% {
        opacity: 0
    }
}

@keyframes ball-scale-ripple {
    0% {
        -webkit-transform: scale(.1);
        transform: scale(.1);
        opacity: 1
    }
    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: .7
    }
    100% {
        opacity: 0
    }
}

.ball-scale-ripple>div {
    height: 50px;
    width: 50px;
    border-radius: 100%;
    border: 2px solid #fff;
    -webkit-animation: ball-scale-ripple 1s 0s infinite cubic-bezier(.21, .53, .56, .8);
    animation: ball-scale-ripple 1s 0s infinite cubic-bezier(.21, .53, .56, .8)
}

@-webkit-keyframes ball-scale-ripple-multiple {
    0% {
        -webkit-transform: scale(.1);
        transform: scale(.1);
        opacity: 1
    }
    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: .7
    }
    100% {
        opacity: 0
    }
}

@keyframes ball-scale-ripple-multiple {
    0% {
        -webkit-transform: scale(.1);
        transform: scale(.1);
        opacity: 1
    }
    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: .7
    }
    100% {
        opacity: 0
    }
}

.ball-scale-ripple-multiple {
    position: relative;
    -webkit-transform: translateY(-25px);
    -ms-transform: translateY(-25px);
    transform: translateY(-25px)
}

.ball-scale-ripple-multiple>div:nth-child(0) {
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s
}

.ball-scale-ripple-multiple>div:nth-child(1) {
    -webkit-animation-delay: -.6s;
    animation-delay: -.6s
}

.ball-scale-ripple-multiple>div:nth-child(2) {
    -webkit-animation-delay: -.4s;
    animation-delay: -.4s
}

.ball-scale-ripple-multiple>div:nth-child(3) {
    -webkit-animation-delay: -.2s;
    animation-delay: -.2s
}

.ball-scale-ripple-multiple>div {
    position: absolute;
    top: -2px;
    left: -26px;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    border: 2px solid #fff;
    -webkit-animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(.21, .53, .56, .8);
    animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(.21, .53, .56, .8)
}

@-webkit-keyframes ball-beat {
    50% {
        opacity: .2;
        -webkit-transform: scale(.75);
        transform: scale(.75)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes ball-beat {
    50% {
        opacity: .2;
        -webkit-transform: scale(.75);
        transform: scale(.75)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.ball-beat>div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    display: inline-block;
    -webkit-animation: ball-beat .7s 0s infinite linear;
    animation: ball-beat .7s 0s infinite linear
}

.ball-beat>div:nth-child(2n-1) {
    -webkit-animation-delay: -.35s !important;
    animation-delay: -.35s !important
}

@-webkit-keyframes ball-scale-multiple {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }
    5% {
        opacity: 1
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

@keyframes ball-scale-multiple {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }
    5% {
        opacity: 1
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

.ball-scale-multiple {
    position: relative;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px)
}

.ball-scale-multiple>div:nth-child(2) {
    -webkit-animation-delay: -.4s;
    animation-delay: -.4s
}

.ball-scale-multiple>div:nth-child(3) {
    -webkit-animation-delay: -.2s;
    animation-delay: -.2s
}

.ball-scale-multiple>div {
    background-color: #fff;
    border-radius: 100%;
    position: absolute;
    left: -30px;
    top: 0;
    opacity: 0;
    margin: 0;
    width: 60px;
    height: 60px;
    -webkit-animation: ball-scale-multiple 1s 0s linear infinite;
    animation: ball-scale-multiple 1s 0s linear infinite
}

@-webkit-keyframes ball-triangle-path-1 {
    33% {
        -webkit-transform: translate(25px, -50px);
        transform: translate(25px, -50px)
    }
    66% {
        -webkit-transform: translate(50px, 0);
        transform: translate(50px, 0)
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@keyframes ball-triangle-path-1 {
    33% {
        -webkit-transform: translate(25px, -50px);
        transform: translate(25px, -50px)
    }
    66% {
        -webkit-transform: translate(50px, 0);
        transform: translate(50px, 0)
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@-webkit-keyframes ball-triangle-path-2 {
    33% {
        -webkit-transform: translate(25px, 50px);
        transform: translate(25px, 50px)
    }
    66% {
        -webkit-transform: translate(-25px, 50px);
        transform: translate(-25px, 50px)
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@keyframes ball-triangle-path-2 {
    33% {
        -webkit-transform: translate(25px, 50px);
        transform: translate(25px, 50px)
    }
    66% {
        -webkit-transform: translate(-25px, 50px);
        transform: translate(-25px, 50px)
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@-webkit-keyframes ball-triangle-path-3 {
    33% {
        -webkit-transform: translate(-50px, 0);
        transform: translate(-50px, 0)
    }
    66% {
        -webkit-transform: translate(-25px, -50px);
        transform: translate(-25px, -50px)
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@keyframes ball-triangle-path-3 {
    33% {
        -webkit-transform: translate(-50px, 0);
        transform: translate(-50px, 0)
    }
    66% {
        -webkit-transform: translate(-25px, -50px);
        transform: translate(-25px, -50px)
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

.ball-triangle-path {
    position: relative;
    -webkit-transform: translate(-29.99px, -37.51px);
    -ms-transform: translate(-29.99px, -37.51px);
    transform: translate(-29.99px, -37.51px)
}

.ball-triangle-path>div:nth-child(1) {
    -webkit-animation-name: ball-triangle-path-1;
    animation-name: ball-triangle-path-1;
    -webkit-animation-delay: 0;
    animation-delay: 0;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.ball-triangle-path>div:nth-child(2) {
    -webkit-animation-name: ball-triangle-path-2;
    animation-name: ball-triangle-path-2;
    -webkit-animation-delay: 0;
    animation-delay: 0;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.ball-triangle-path>div:nth-child(3) {
    -webkit-animation-name: ball-triangle-path-3;
    animation-name: ball-triangle-path-3;
    -webkit-animation-delay: 0;
    animation-delay: 0;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.ball-triangle-path>div {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    border: 1px solid #fff
}

.ball-triangle-path>div:nth-of-type(1) {
    top: 50px
}

.ball-triangle-path>div:nth-of-type(2) {
    left: 25px
}

.ball-triangle-path>div:nth-of-type(3) {
    top: 50px;
    left: 50px
}

@-webkit-keyframes ball-pulse-rise-even {
    0% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    25% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    50% {
        -webkit-transform: scale(.4);
        transform: scale(.4)
    }
    75% {
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes ball-pulse-rise-even {
    0% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    25% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    50% {
        -webkit-transform: scale(.4);
        transform: scale(.4)
    }
    75% {
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes ball-pulse-rise-odd {
    0% {
        -webkit-transform: scale(.4);
        transform: scale(.4)
    }
    25% {
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    75% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transform: scale(.75);
        transform: scale(.75)
    }
}

@keyframes ball-pulse-rise-odd {
    0% {
        -webkit-transform: scale(.4);
        transform: scale(.4)
    }
    25% {
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    75% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transform: scale(.75);
        transform: scale(.75)
    }
}

.ball-pulse-rise>div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: inline-block;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: cubic-bezier(.15, .46, .9, .6);
    animation-timing-function: cubic-bezier(.15, .46, .9, .6);
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-delay: 0;
    animation-delay: 0
}

.ball-pulse-rise>div:nth-child(2n) {
    -webkit-animation-name: ball-pulse-rise-even;
    animation-name: ball-pulse-rise-even
}

.ball-pulse-rise>div:nth-child(2n-1) {
    -webkit-animation-name: ball-pulse-rise-odd;
    animation-name: ball-pulse-rise-odd
}

@-webkit-keyframes ball-grid-beat {
    50% {
        opacity: .7
    }
    100% {
        opacity: 1
    }
}

@keyframes ball-grid-beat {
    50% {
        opacity: .7
    }
    100% {
        opacity: 1
    }
}

.ball-grid-beat {
    width: 57px
}

.ball-grid-beat>div:nth-child(1) {
    -webkit-animation-delay: -.07s;
    animation-delay: -.07s;
    -webkit-animation-duration: 1.53s;
    animation-duration: 1.53s
}

.ball-grid-beat>div:nth-child(2) {
    -webkit-animation-delay: .72s;
    animation-delay: .72s;
    -webkit-animation-duration: .94s;
    animation-duration: .94s
}

.ball-grid-beat>div:nth-child(3) {
    -webkit-animation-delay: .11s;
    animation-delay: .11s;
    -webkit-animation-duration: 1.25s;
    animation-duration: 1.25s
}

.ball-grid-beat>div:nth-child(4) {
    -webkit-animation-delay: .13s;
    animation-delay: .13s;
    -webkit-animation-duration: 1.01s;
    animation-duration: 1.01s
}

.ball-grid-beat>div:nth-child(5) {
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s
}

.ball-grid-beat>div:nth-child(6) {
    -webkit-animation-delay: .18s;
    animation-delay: .18s;
    -webkit-animation-duration: .97s;
    animation-duration: .97s
}

.ball-grid-beat>div:nth-child(7) {
    -webkit-animation-delay: -.09s;
    animation-delay: -.09s;
    -webkit-animation-duration: .67s;
    animation-duration: .67s
}

.ball-grid-beat>div:nth-child(8) {
    -webkit-animation-delay: .42s;
    animation-delay: .42s;
    -webkit-animation-duration: .92s;
    animation-duration: .92s
}

.ball-grid-beat>div:nth-child(9) {
    -webkit-animation-delay: .52s;
    animation-delay: .52s;
    -webkit-animation-duration: 1.43s;
    animation-duration: 1.43s
}

.ball-grid-beat>div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: inline-block;
    float: left;
    -webkit-animation-name: ball-grid-beat;
    animation-name: ball-grid-beat;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-delay: 0;
    animation-delay: 0
}

@-webkit-keyframes ball-grid-pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        opacity: .7
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes ball-grid-pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        opacity: .7
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.ball-grid-pulse {
    width: 57px
}

.ball-grid-pulse>div:nth-child(1) {
    -webkit-animation-delay: .73s;
    animation-delay: .73s;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s
}

.ball-grid-pulse>div:nth-child(2) {
    -webkit-animation-delay: .32s;
    animation-delay: .32s;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s
}

.ball-grid-pulse>div:nth-child(3) {
    -webkit-animation-delay: .71s;
    animation-delay: .71s;
    -webkit-animation-duration: .88s;
    animation-duration: .88s
}

.ball-grid-pulse>div:nth-child(4) {
    -webkit-animation-delay: .62s;
    animation-delay: .62s;
    -webkit-animation-duration: 1.06s;
    animation-duration: 1.06s
}

.ball-grid-pulse>div:nth-child(5) {
    -webkit-animation-delay: .31s;
    animation-delay: .31s;
    -webkit-animation-duration: .62s;
    animation-duration: .62s
}

.ball-grid-pulse>div:nth-child(6) {
    -webkit-animation-delay: -.14s;
    animation-delay: -.14s;
    -webkit-animation-duration: 1.48s;
    animation-duration: 1.48s
}

.ball-grid-pulse>div:nth-child(7) {
    -webkit-animation-delay: -.1s;
    animation-delay: -.1s;
    -webkit-animation-duration: 1.47s;
    animation-duration: 1.47s
}

.ball-grid-pulse>div:nth-child(8) {
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
    -webkit-animation-duration: 1.49s;
    animation-duration: 1.49s
}

.ball-grid-pulse>div:nth-child(9) {
    -webkit-animation-delay: .73s;
    animation-delay: .73s;
    -webkit-animation-duration: .7s;
    animation-duration: .7s
}

.ball-grid-pulse>div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: inline-block;
    float: left;
    -webkit-animation-name: ball-grid-pulse;
    animation-name: ball-grid-pulse;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-delay: 0;
    animation-delay: 0
}

@-webkit-keyframes ball-spin-fade-loader {
    50% {
        opacity: .3;
        -webkit-transform: scale(.4);
        transform: scale(.4)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes ball-spin-fade-loader {
    50% {
        opacity: .3;
        -webkit-transform: scale(.4);
        transform: scale(.4)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.ball-spin-fade-loader {
    position: relative;
    top: -10px;
    left: -10px
}

.ball-spin-fade-loader>div:nth-child(1) {
    top: 25px;
    left: 0;
    -webkit-animation: ball-spin-fade-loader 1s -.96s infinite linear;
    animation: ball-spin-fade-loader 1s -.96s infinite linear
}

.ball-spin-fade-loader>div:nth-child(2) {
    top: 17.05px;
    left: 17.05px;
    -webkit-animation: ball-spin-fade-loader 1s -.84s infinite linear;
    animation: ball-spin-fade-loader 1s -.84s infinite linear
}

.ball-spin-fade-loader>div:nth-child(3) {
    top: 0;
    left: 25px;
    -webkit-animation: ball-spin-fade-loader 1s -.72s infinite linear;
    animation: ball-spin-fade-loader 1s -.72s infinite linear
}

.ball-spin-fade-loader>div:nth-child(4) {
    top: -17.05px;
    left: 17.05px;
    -webkit-animation: ball-spin-fade-loader 1s -.6s infinite linear;
    animation: ball-spin-fade-loader 1s -.6s infinite linear
}

.ball-spin-fade-loader>div:nth-child(5) {
    top: -25px;
    left: 0;
    -webkit-animation: ball-spin-fade-loader 1s -.48s infinite linear;
    animation: ball-spin-fade-loader 1s -.48s infinite linear
}

.ball-spin-fade-loader>div:nth-child(6) {
    top: -17.05px;
    left: -17.05px;
    -webkit-animation: ball-spin-fade-loader 1s -.36s infinite linear;
    animation: ball-spin-fade-loader 1s -.36s infinite linear
}

.ball-spin-fade-loader>div:nth-child(7) {
    top: 0;
    left: -25px;
    -webkit-animation: ball-spin-fade-loader 1s -.24s infinite linear;
    animation: ball-spin-fade-loader 1s -.24s infinite linear
}

.ball-spin-fade-loader>div:nth-child(8) {
    top: 17.05px;
    left: -17.05px;
    -webkit-animation: ball-spin-fade-loader 1s -.12s infinite linear;
    animation: ball-spin-fade-loader 1s -.12s infinite linear
}

.ball-spin-fade-loader>div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    position: absolute
}

@-webkit-keyframes ball-spin-loader {
    75% {
        opacity: .2
    }
    100% {
        opacity: 1
    }
}

@keyframes ball-spin-loader {
    75% {
        opacity: .2
    }
    100% {
        opacity: 1
    }
}

.ball-spin-loader {
    position: relative
}

.ball-spin-loader>span:nth-child(1) {
    top: 45px;
    left: 0;
    -webkit-animation: ball-spin-loader 2s .9s infinite linear;
    animation: ball-spin-loader 2s .9s infinite linear
}

.ball-spin-loader>span:nth-child(2) {
    top: 30.68px;
    left: 30.68px;
    -webkit-animation: ball-spin-loader 2s 1.8s infinite linear;
    animation: ball-spin-loader 2s 1.8s infinite linear
}

.ball-spin-loader>span:nth-child(3) {
    top: 0;
    left: 45px;
    -webkit-animation: ball-spin-loader 2s 2.7s infinite linear;
    animation: ball-spin-loader 2s 2.7s infinite linear
}

.ball-spin-loader>span:nth-child(4) {
    top: -30.68px;
    left: 30.68px;
    -webkit-animation: ball-spin-loader 2s 3.6s infinite linear;
    animation: ball-spin-loader 2s 3.6s infinite linear
}

.ball-spin-loader>span:nth-child(5) {
    top: -45px;
    left: 0;
    -webkit-animation: ball-spin-loader 2s 4.5s infinite linear;
    animation: ball-spin-loader 2s 4.5s infinite linear
}

.ball-spin-loader>span:nth-child(6) {
    top: -30.68px;
    left: -30.68px;
    -webkit-animation: ball-spin-loader 2s 5.4s infinite linear;
    animation: ball-spin-loader 2s 5.4s infinite linear
}

.ball-spin-loader>span:nth-child(7) {
    top: 0;
    left: -45px;
    -webkit-animation: ball-spin-loader 2s 6.3s infinite linear;
    animation: ball-spin-loader 2s 6.3s infinite linear
}

.ball-spin-loader>span:nth-child(8) {
    top: 30.68px;
    left: -30.68px;
    -webkit-animation: ball-spin-loader 2s 7.2s infinite linear;
    animation: ball-spin-loader 2s 7.2s infinite linear
}

.ball-spin-loader>div {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    background: green
}

@-webkit-keyframes ball-zig {
    33% {
        -webkit-transform: translate(-15px, -30px);
        transform: translate(-15px, -30px)
    }
    66% {
        -webkit-transform: translate(15px, -30px);
        transform: translate(15px, -30px)
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@keyframes ball-zig {
    33% {
        -webkit-transform: translate(-15px, -30px);
        transform: translate(-15px, -30px)
    }
    66% {
        -webkit-transform: translate(15px, -30px);
        transform: translate(15px, -30px)
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@-webkit-keyframes ball-zag {
    33% {
        -webkit-transform: translate(15px, 30px);
        transform: translate(15px, 30px)
    }
    66% {
        -webkit-transform: translate(-15px, 30px);
        transform: translate(-15px, 30px)
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@keyframes ball-zag {
    33% {
        -webkit-transform: translate(15px, 30px);
        transform: translate(15px, 30px)
    }
    66% {
        -webkit-transform: translate(-15px, 30px);
        transform: translate(-15px, 30px)
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

.ball-zig-zag {
    position: relative;
    -webkit-transform: translate(-15px, -15px);
    -ms-transform: translate(-15px, -15px);
    transform: translate(-15px, -15px)
}

.ball-zig-zag>div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px 2px 2px 15px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    position: absolute;
    top: 4px;
    left: -7px
}

.ball-zig-zag>div:first-child {
    -webkit-animation: ball-zig .7s 0s infinite linear;
    animation: ball-zig .7s 0s infinite linear
}

.ball-zig-zag>div:last-child {
    -webkit-animation: ball-zag .7s 0s infinite linear;
    animation: ball-zag .7s 0s infinite linear
}

@-webkit-keyframes ball-zig-deflect {
    17% {
        -webkit-transform: translate(-15px, -30px);
        transform: translate(-15px, -30px)
    }
    34% {
        -webkit-transform: translate(15px, -30px);
        transform: translate(15px, -30px)
    }
    50% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    67% {
        -webkit-transform: translate(15px, -30px);
        transform: translate(15px, -30px)
    }
    84% {
        -webkit-transform: translate(-15px, -30px);
        transform: translate(-15px, -30px)
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@keyframes ball-zig-deflect {
    17% {
        -webkit-transform: translate(-15px, -30px);
        transform: translate(-15px, -30px)
    }
    34% {
        -webkit-transform: translate(15px, -30px);
        transform: translate(15px, -30px)
    }
    50% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    67% {
        -webkit-transform: translate(15px, -30px);
        transform: translate(15px, -30px)
    }
    84% {
        -webkit-transform: translate(-15px, -30px);
        transform: translate(-15px, -30px)
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@-webkit-keyframes ball-zag-deflect {
    17% {
        -webkit-transform: translate(15px, 30px);
        transform: translate(15px, 30px)
    }
    34% {
        -webkit-transform: translate(-15px, 30px);
        transform: translate(-15px, 30px)
    }
    50% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    67% {
        -webkit-transform: translate(-15px, 30px);
        transform: translate(-15px, 30px)
    }
    84% {
        -webkit-transform: translate(15px, 30px);
        transform: translate(15px, 30px)
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@keyframes ball-zag-deflect {
    17% {
        -webkit-transform: translate(15px, 30px);
        transform: translate(15px, 30px)
    }
    34% {
        -webkit-transform: translate(-15px, 30px);
        transform: translate(-15px, 30px)
    }
    50% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    67% {
        -webkit-transform: translate(-15px, 30px);
        transform: translate(-15px, 30px)
    }
    84% {
        -webkit-transform: translate(15px, 30px);
        transform: translate(15px, 30px)
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

.ball-zig-zag-deflect {
    position: relative;
    -webkit-transform: translate(-15px, -15px);
    -ms-transform: translate(-15px, -15px);
    transform: translate(-15px, -15px)
}

.ball-zig-zag-deflect>div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px 2px 2px 15px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    position: absolute;
    top: 4px;
    left: -7px
}

.ball-zig-zag-deflect>div:first-child {
    -webkit-animation: ball-zig-deflect 1.5s 0s infinite linear;
    animation: ball-zig-deflect 1.5s 0s infinite linear
}

.ball-zig-zag-deflect>div:last-child {
    -webkit-animation: ball-zag-deflect 1.5s 0s infinite linear;
    animation: ball-zag-deflect 1.5s 0s infinite linear
}

@-webkit-keyframes line-scale {
    0% {
        -webkit-transform: scaley(1);
        transform: scaley(1)
    }
    50% {
        -webkit-transform: scaley(.4);
        transform: scaley(.4)
    }
    100% {
        -webkit-transform: scaley(1);
        transform: scaley(1)
    }
}

@keyframes line-scale {
    0% {
        -webkit-transform: scaley(1);
        transform: scaley(1)
    }
    50% {
        -webkit-transform: scaley(.4);
        transform: scaley(.4)
    }
    100% {
        -webkit-transform: scaley(1);
        transform: scaley(1)
    }
}

.line-scale>div:nth-child(1) {
    -webkit-animation: line-scale 1s -.4s infinite cubic-bezier(.2, .68, .18, 1.08);
    animation: line-scale 1s -.4s infinite cubic-bezier(.2, .68, .18, 1.08)
}

.line-scale>div:nth-child(2) {
    -webkit-animation: line-scale 1s -.3s infinite cubic-bezier(.2, .68, .18, 1.08);
    animation: line-scale 1s -.3s infinite cubic-bezier(.2, .68, .18, 1.08)
}

.line-scale>div:nth-child(3) {
    -webkit-animation: line-scale 1s -.2s infinite cubic-bezier(.2, .68, .18, 1.08);
    animation: line-scale 1s -.2s infinite cubic-bezier(.2, .68, .18, 1.08)
}

.line-scale>div:nth-child(4) {
    -webkit-animation: line-scale 1s -.1s infinite cubic-bezier(.2, .68, .18, 1.08);
    animation: line-scale 1s -.1s infinite cubic-bezier(.2, .68, .18, 1.08)
}

.line-scale>div:nth-child(5) {
    -webkit-animation: line-scale 1s 0s infinite cubic-bezier(.2, .68, .18, 1.08);
    animation: line-scale 1s 0s infinite cubic-bezier(.2, .68, .18, 1.08)
}

.line-scale>div {
    background-color: #fff;
    width: 4px;
    height: 35px;
    border-radius: 2px;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: inline-block
}

@-webkit-keyframes line-scale-party {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes line-scale-party {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.line-scale-party>div:nth-child(1) {
    -webkit-animation-delay: .23s;
    animation-delay: .23s;
    -webkit-animation-duration: 1.1s;
    animation-duration: 1.1s
}

.line-scale-party>div:nth-child(2) {
    -webkit-animation-delay: .09s;
    animation-delay: .09s;
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

.line-scale-party>div:nth-child(3) {
    -webkit-animation-delay: .44s;
    animation-delay: .44s;
    -webkit-animation-duration: .65s;
    animation-duration: .65s
}

.line-scale-party>div:nth-child(4) {
    -webkit-animation-delay: -.12s;
    animation-delay: -.12s;
    -webkit-animation-duration: 1.01s;
    animation-duration: 1.01s
}

.line-scale-party>div {
    background-color: #fff;
    width: 4px;
    height: 35px;
    border-radius: 2px;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: inline-block;
    -webkit-animation-name: line-scale-party;
    animation-name: line-scale-party;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-delay: 0;
    animation-delay: 0
}

@-webkit-keyframes line-scale-pulse-out {
    0% {
        -webkit-transform: scaley(1);
        transform: scaley(1)
    }
    50% {
        -webkit-transform: scaley(.4);
        transform: scaley(.4)
    }
    100% {
        -webkit-transform: scaley(1);
        transform: scaley(1)
    }
}

@keyframes line-scale-pulse-out {
    0% {
        -webkit-transform: scaley(1);
        transform: scaley(1)
    }
    50% {
        -webkit-transform: scaley(.4);
        transform: scaley(.4)
    }
    100% {
        -webkit-transform: scaley(1);
        transform: scaley(1)
    }
}

.line-scale-pulse-out>div {
    background-color: #fff;
    width: 4px;
    height: 35px;
    border-radius: 2px;
    margin: 2px;
    display: inline-block;
    -webkit-animation: line-scale-pulse-out .9s -.6s infinite cubic-bezier(.85, .25, .37, .85);
    animation: line-scale-pulse-out .9s -.6s infinite cubic-bezier(.85, .25, .37, .85)
}

.line-scale-pulse-out>div:nth-child(2),
.line-scale-pulse-out>div:nth-child(4) {
    -webkit-animation-delay: -.4s !important;
    animation-delay: -.4s !important
}

.line-scale-pulse-out>div:nth-child(1),
.line-scale-pulse-out>div:nth-child(5) {
    -webkit-animation-delay: -.2s !important;
    animation-delay: -.2s !important
}

@-webkit-keyframes line-scale-pulse-out-rapid {
    0% {
        -webkit-transform: scaley(1);
        transform: scaley(1)
    }
    80% {
        -webkit-transform: scaley(.3);
        transform: scaley(.3)
    }
    90% {
        -webkit-transform: scaley(1);
        transform: scaley(1)
    }
}

@keyframes line-scale-pulse-out-rapid {
    0% {
        -webkit-transform: scaley(1);
        transform: scaley(1)
    }
    80% {
        -webkit-transform: scaley(.3);
        transform: scaley(.3)
    }
    90% {
        -webkit-transform: scaley(1);
        transform: scaley(1)
    }
}

.line-scale-pulse-out-rapid>div {
    background-color: #fff;
    width: 4px;
    height: 35px;
    border-radius: 2px;
    margin: 2px;
    display: inline-block;
    -webkit-animation: line-scale-pulse-out-rapid .9s -.5s infinite cubic-bezier(.11, .49, .38, .78);
    animation: line-scale-pulse-out-rapid .9s -.5s infinite cubic-bezier(.11, .49, .38, .78)
}

.line-scale-pulse-out-rapid>div:nth-child(2),
.line-scale-pulse-out-rapid>div:nth-child(4) {
    -webkit-animation-delay: -.25s !important;
    animation-delay: -.25s !important
}

.line-scale-pulse-out-rapid>div:nth-child(1),
.line-scale-pulse-out-rapid>div:nth-child(5) {
    -webkit-animation-delay: 0s !important;
    animation-delay: 0s !important
}

@-webkit-keyframes line-spin-fade-loader {
    50% {
        opacity: .3
    }
    100% {
        opacity: 1
    }
}

@keyframes line-spin-fade-loader {
    50% {
        opacity: .3
    }
    100% {
        opacity: 1
    }
}

.line-spin-fade-loader {
    position: relative;
    top: -10px;
    left: -4px
}

.line-spin-fade-loader>div:nth-child(1) {
    top: 20px;
    left: 0;
    -webkit-animation: line-spin-fade-loader 1.2s -.84s infinite ease-in-out;
    animation: line-spin-fade-loader 1.2s -.84s infinite ease-in-out
}

.line-spin-fade-loader>div:nth-child(2) {
    top: 13.64px;
    left: 13.64px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: line-spin-fade-loader 1.2s -.72s infinite ease-in-out;
    animation: line-spin-fade-loader 1.2s -.72s infinite ease-in-out
}

.line-spin-fade-loader>div:nth-child(3) {
    top: 0;
    left: 20px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-animation: line-spin-fade-loader 1.2s -.6s infinite ease-in-out;
    animation: line-spin-fade-loader 1.2s -.6s infinite ease-in-out
}

.line-spin-fade-loader>div:nth-child(4) {
    top: -13.64px;
    left: 13.64px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-animation: line-spin-fade-loader 1.2s -.48s infinite ease-in-out;
    animation: line-spin-fade-loader 1.2s -.48s infinite ease-in-out
}

.line-spin-fade-loader>div:nth-child(5) {
    top: -20px;
    left: 0;
    -webkit-animation: line-spin-fade-loader 1.2s -.36s infinite ease-in-out;
    animation: line-spin-fade-loader 1.2s -.36s infinite ease-in-out
}

.line-spin-fade-loader>div:nth-child(6) {
    top: -13.64px;
    left: -13.64px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: line-spin-fade-loader 1.2s -.24s infinite ease-in-out;
    animation: line-spin-fade-loader 1.2s -.24s infinite ease-in-out
}

.line-spin-fade-loader>div:nth-child(7) {
    top: 0;
    left: -20px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-animation: line-spin-fade-loader 1.2s -.12s infinite ease-in-out;
    animation: line-spin-fade-loader 1.2s -.12s infinite ease-in-out
}

.line-spin-fade-loader>div:nth-child(8) {
    top: 13.64px;
    left: -13.64px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-animation: line-spin-fade-loader 1.2s 0s infinite ease-in-out;
    animation: line-spin-fade-loader 1.2s 0s infinite ease-in-out
}

.line-spin-fade-loader>div {
    background-color: #fff;
    border-radius: 2px;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    position: absolute;
    width: 5px;
    height: 15px
}

@-webkit-keyframes triangle-skew-spin {
    25% {
        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
        transform: perspective(100px) rotateX(180deg) rotateY(0)
    }
    50% {
        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
        transform: perspective(100px) rotateX(180deg) rotateY(180deg)
    }
    75% {
        -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
        transform: perspective(100px) rotateX(0) rotateY(180deg)
    }
    100% {
        -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
        transform: perspective(100px) rotateX(0) rotateY(0)
    }
}

@keyframes triangle-skew-spin {
    25% {
        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
        transform: perspective(100px) rotateX(180deg) rotateY(0)
    }
    50% {
        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
        transform: perspective(100px) rotateX(180deg) rotateY(180deg)
    }
    75% {
        -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
        transform: perspective(100px) rotateX(0) rotateY(180deg)
    }
    100% {
        -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
        transform: perspective(100px) rotateX(0) rotateY(0)
    }
}

.triangle-skew-spin>div {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #fff;
    -webkit-animation: triangle-skew-spin 3s 0s cubic-bezier(.09, .57, .49, .9) infinite;
    animation: triangle-skew-spin 3s 0s cubic-bezier(.09, .57, .49, .9) infinite
}

@-webkit-keyframes square-spin {
    25% {
        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
        transform: perspective(100px) rotateX(180deg) rotateY(0)
    }
    50% {
        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
        transform: perspective(100px) rotateX(180deg) rotateY(180deg)
    }
    75% {
        -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
        transform: perspective(100px) rotateX(0) rotateY(180deg)
    }
    100% {
        -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
        transform: perspective(100px) rotateX(0) rotateY(0)
    }
}

@keyframes square-spin {
    25% {
        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
        transform: perspective(100px) rotateX(180deg) rotateY(0)
    }
    50% {
        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
        transform: perspective(100px) rotateX(180deg) rotateY(180deg)
    }
    75% {
        -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
        transform: perspective(100px) rotateX(0) rotateY(180deg)
    }
    100% {
        -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
        transform: perspective(100px) rotateX(0) rotateY(0)
    }
}

.square-spin>div {
    width: 50px;
    height: 50px;
    background: #fff;
    border: 1px solid transparent;
    -webkit-animation: square-spin 3s 0s cubic-bezier(.09, .57, .49, .9) infinite;
    animation: square-spin 3s 0s cubic-bezier(.09, .57, .49, .9) infinite
}

@-webkit-keyframes rotate_pacman_half_up {
    0% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }
    50% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
    100% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }
}

@keyframes rotate_pacman_half_up {
    0% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }
    50% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
    100% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }
}

@-webkit-keyframes rotate_pacman_half_down {
    0% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }
    50% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }
}

@keyframes rotate_pacman_half_down {
    0% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }
    50% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }
}

@-webkit-keyframes pacman-balls {
    75% {
        opacity: .7
    }
    100% {
        -webkit-transform: translate(-100px, -6.25px);
        transform: translate(-100px, -6.25px)
    }
}

@keyframes pacman-balls {
    75% {
        opacity: .7
    }
    100% {
        -webkit-transform: translate(-100px, -6.25px);
        transform: translate(-100px, -6.25px)
    }
}

.pacman {
    position: relative
}

.pacman>div:nth-child(3) {
    -webkit-animation: pacman-balls 1s -.66s infinite linear;
    animation: pacman-balls 1s -.66s infinite linear
}

.pacman>div:nth-child(4) {
    -webkit-animation: pacman-balls 1s -.33s infinite linear;
    animation: pacman-balls 1s -.33s infinite linear
}

.pacman>div:nth-child(5) {
    -webkit-animation: pacman-balls 1s 0s infinite linear;
    animation: pacman-balls 1s 0s infinite linear
}

.pacman>div:first-of-type {
    width: 0;
    height: 0;
    border-right: 25px solid transparent;
    border-top: 25px solid #fff;
    border-left: 25px solid #fff;
    border-bottom: 25px solid #fff;
    border-radius: 25px;
    -webkit-animation: rotate_pacman_half_up .5s 0s infinite;
    animation: rotate_pacman_half_up .5s 0s infinite;
    position: relative;
    left: -30px
}

.pacman>div:nth-child(2) {
    width: 0;
    height: 0;
    border-right: 25px solid transparent;
    border-top: 25px solid #fff;
    border-left: 25px solid #fff;
    border-bottom: 25px solid #fff;
    border-radius: 25px;
    -webkit-animation: rotate_pacman_half_down .5s 0s infinite;
    animation: rotate_pacman_half_down .5s 0s infinite;
    margin-top: -50px;
    position: relative;
    left: -30px
}

.pacman>div:nth-child(3),
.pacman>div:nth-child(4),
.pacman>div:nth-child(5),
.pacman>div:nth-child(6) {
    background-color: #fff;
    border-radius: 100%;
    margin: 2px;
    width: 10px;
    height: 10px;
    position: absolute;
    -webkit-transform: translate(0, -6.25px);
    -ms-transform: translate(0, -6.25px);
    transform: translate(0, -6.25px);
    top: 25px;
    left: 70px
}

@-webkit-keyframes cube-transition {
    25% {
        -webkit-transform: translateX(50px) scale(.5) rotate(-90deg);
        transform: translateX(50px) scale(.5) rotate(-90deg)
    }
    50% {
        -webkit-transform: translate(50px, 50px) rotate(-180deg);
        transform: translate(50px, 50px) rotate(-180deg)
    }
    75% {
        -webkit-transform: translateY(50px) scale(.5) rotate(-270deg);
        transform: translateY(50px) scale(.5) rotate(-270deg)
    }
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

@keyframes cube-transition {
    25% {
        -webkit-transform: translateX(50px) scale(.5) rotate(-90deg);
        transform: translateX(50px) scale(.5) rotate(-90deg)
    }
    50% {
        -webkit-transform: translate(50px, 50px) rotate(-180deg);
        transform: translate(50px, 50px) rotate(-180deg)
    }
    75% {
        -webkit-transform: translateY(50px) scale(.5) rotate(-270deg);
        transform: translateY(50px) scale(.5) rotate(-270deg)
    }
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

.cube-transition {
    position: relative;
    -webkit-transform: translate(-25px, -25px);
    -ms-transform: translate(-25px, -25px);
    transform: translate(-25px, -25px)
}

.cube-transition>div {
    width: 10px;
    height: 10px;
    position: absolute;
    top: -5px;
    left: -5px;
    background-color: #fff;
    -webkit-animation: cube-transition 1.6s 0s infinite ease-in-out;
    animation: cube-transition 1.6s 0s infinite ease-in-out
}

.cube-transition>div:last-child {
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s
}

@-webkit-keyframes spin-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spin-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.semi-circle-spin {
    position: relative;
    width: 35px;
    height: 35px;
    overflow: hidden
}

.semi-circle-spin>div {
    position: absolute;
    border-width: 0;
    border-radius: 100%;
    -webkit-animation: spin-rotate .6s 0s infinite linear;
    animation: spin-rotate .6s 0s infinite linear;
    background-image: -webkit-linear-gradient(transparent 0, transparent 70%, #fff 30%, #fff 100%);
    background-image: linear-gradient(transparent 0, transparent 70%, #fff 30%, #fff 100%);
    width: 100%;
    height: 100%
}

#larch_website_load .spinner .loaders-style-box {
    position: relative;
    left: -50%
}

#larch_website_load .spinner .loaders-style-box.load2,
#larch_website_load .spinner .loaders-style-box.load3,
#larch_website_load .spinner .loaders-style-box.load6 {
    top: -50px
}

.semi-circle-spin {
    position: relative;
    width: 35px;
    height: 35px;
    overflow: hidden
}

.semi-circle-spin>div {
    position: absolute;
    border-width: 0;
    border-radius: 100%;
    -webkit-animation: spin-rotate .6s 0 infinite linear;
    animation: spin-rotate .6s 0 infinite linear;
    background-image: -webkit-linear-gradient(transparent 0, transparent 70%, #fff 30%, #fff 100%);
    background-image: linear-gradient(transparent 0, transparent 70%, #fff 30%, #fff 100%);
    width: 100%;
    height: 100%
}

.load2 .loader,
.load2 .loader:after,
.load2 .loader:before {
    border-radius: 50%
}

.load2 .loader:after,
.load2 .loader:before {
    position: absolute;
    content: ''
}

.load2 .loader:before {
    width: 5.2em;
    height: 10.2em;
    background: #d5d5d5;
    border-radius: 10.2em 0 0 10.2em;
    top: -.1em;
    left: -.1em;
    -webkit-transform-origin: 5.2em 5.1em;
    transform-origin: 5.2em 5.1em;
    -webkit-animation: load2 2s infinite ease 1.5s;
    animation: load2 2s infinite ease 1.5s
}

.load2 .loader {
    font-size: 10px;
    text-indent: -99999em;
    position: relative;
    width: 10em;
    height: 10em;
    box-shadow: inset 0 0 0 1em #fff;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0)
}

.load2 .loader:after {
    width: 5.2em;
    height: 10.2em;
    background: #d5d5d5;
    border-radius: 0 10.2em 10.2em 0;
    top: -.1em;
    left: 5.1em;
    -webkit-transform-origin: 0 5.1em;
    transform-origin: 0 5.1em;
    -webkit-animation: load2 2s infinite ease;
    animation: load2 2s infinite ease
}

@-webkit-keyframes load2 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes load2 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.load3 .loader {
    font-size: 7px;
    text-indent: -9999em;
    width: 11em;
    height: 11em;
    border-radius: 50%;
    background: #fff;
    background: -moz-linear-gradient(left, #fff 10%, rgba(255, 255, 255, 0) 42%);
    background: -webkit-linear-gradient(left, #fff 10%, rgba(255, 255, 255, 0) 42%);
    background: -o-linear-gradient(left, #fff 10%, rgba(255, 255, 255, 0) 42%);
    background: -ms-linear-gradient(left, #fff 10%, rgba(255, 255, 255, 0) 42%);
    background: linear-gradient(to right, #fff 10%, rgba(255, 255, 255, 0) 42%);
    position: relative;
    -webkit-animation: load3 1.4s infinite linear;
    animation: load3 1.4s infinite linear;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0)
}

.load3 .loader:before {
    width: 50%;
    height: 50%;
    background: #fff;
    border-radius: 100% 0 0 0;
    position: absolute;
    top: 0;
    left: 0;
    content: ''
}

.load3 .loader:after {
    background: #d5d5d5;
    width: 75%;
    height: 75%;
    border-radius: 50%;
    content: '';
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

@-webkit-keyframes load3 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes load3 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.info-wrapper.ult-adjust-bottom-margin,
.smile_icon_list_wrap.ult-adjust-bottom-margin,
.uavc-list-icon-wrapper.ult-adjust-bottom-margin,
.ubtn-ctn-center,
.ubtn-ctn-left,
.ubtn-ctn-right,
.ubtn-img-container,
.ult-banner-block.ult-adjust-bottom-margin,
.ult-modal-input-wrapper.ult-adjust-bottom-margin,
.ult_dual_button.ult-adjust-bottom-margin,
.ultb3-box.ult-adjust-bottom-margin,
.ultimate-call-to-action.ult-adjust-bottom-margin,
.ultimate-google-trends.ult-adjust-bottom-margin,
.ultimate-map-wrapper.ult-adjust-bottom-margin,
.uvc-type-wrap.ult-adjust-bottom-margin,
html .ult-ih-container.ult-adjust-bottom-margin,
html .ult_exp_section_layer.ult-adjust-bottom-margin,
html .ult_hotspot_container.ult-adjust-bottom-margin,
html .ult_main_cl.ult-adjust-bottom-margin {
    margin-bottom: 0 !important
}

#qLoverlay {
    display: none !important
}

#larch_website_load {
    width: 100%;
    height: 100%;
    position: fixed;
    overflow: hidden;
    z-index: 99999999999 !important;
    background: #d5d5d5;
    transform: translateZ(20px);
    -webkit-transform: translateZ(20px);
    -moz-transform: translateZ(20px);
    -ms-transform: translateZ(20px);
    -o-transform: translateZ(20px)
}

#larch_website_load .percentage {
    height: 40px;
    width: 300px;
    position: absolute;
    top: 46% !important;
    text-align: center;
    left: 47.5%;
    left: calc(50% - 150px);
    left: -webkit-calc(50% - 150px);
    left: -moz-calc(50% - 1650px);
    left: -ms-calc(50% - 150px);
    left: -o-calc(50% - 150px);
    margin-top: 60px;
    font-weight: 100;
    font-style: italic
}

#larch_website_load .spinner {
    position: absolute;
    left: 50%;
    top: 46%
}

span.wpcf7-list-item {
    margin: 0 !important;
    width: 100%
}

.cbp-l-grid-projects-title {
    letter-spacing: 0
}

div#jivo-iframe-container.jivo-iframe-container-bottom {
    right: 55px !important
}

.textwidget .wpcf7 .f-captcha,
.textwidget .wpcf7 .f-email,
.textwidget .wpcf7 .f-message,
.textwidget .wpcf7 .f-name,
.textwidget .wpcf7 .f-service,
.textwidget .wpcf7 .f-subject,
.vc_col-sm-4 .wpcf7 .f-captcha,
.vc_col-sm-4 .wpcf7 .f-email,
.vc_col-sm-4 .wpcf7 .f-message,
.vc_col-sm-4 .wpcf7 .f-name,
.vc_col-sm-4 .wpcf7 .f-service,
.vc_col-sm-4 .wpcf7 .f-subject {
    width: 100%;
    margin-bottom: 0
}

#primary_footer .footer_sidebar .textwidget {
    margin-bottom: 50px
}

#primary_footer input[type=submit]:hover {
    background-color: #303030 !important;
    border: 1px solid transparent
}

_:-ms-lang(x),
_:-webkit-full-screen,
.ifb-flip-box-section-vertical-middle {
    transform: translateY(0) !important
}

.vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-plus::before {
    border-width: 1px 0 0 !important
}

.vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-plus::after {
    border-width: 0 0 0 1px !important
}

.flip-box-wrap .ifb-back p {
    line-height: 1.7em !important
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min--moz-device-pixel-ratio:2),
only screen and (-o-min-device-pixel-ratio:2/1),
only screen and (min-device-pixel-ratio:2) {
    .disable-on-mobiles {
        display: none
    }
    header .navbar-brand img.logo_after_scroll,
    header .navbar-brand img.logo_normal {
        display: none !important
    }
    header.header_after_scroll a.navbar-brand img {
        max-height: 36px
    }
    header .navbar-brand img.logo_retina:not(.logo_after_scroll) {
        display: block !important;
        -webkit-background-size: 100%;
        -moz-background-size: 100%;
        -o-background-size: 100%;
        background-size: 100%
    }
    header.header_after_scroll .navbar-brand img.logo_retina.logo_after_scroll {
        display: block !important;
        -webkit-background-size: 100%;
        -moz-background-size: 100%;
        -o-background-size: 100%;
        background-size: 100%
    }
    #ultimate-heading-38665745dc690b2a4 h2 {
        font-size: 20px !important;
        font-family: Roboto !important;
        font-weight: 400 !important;
        color: #f2f2f2 !important
    }
    .footer_logo .footer_logo_normal {
        display: none !important
    }
    .footer_logo .footer_logo_retina {
        display: block !important;
        -webkit-background-size: 100%;
        -moz-background-size: 100%;
        -o-background-size: 100%;
        background-size: 100%;
        max-height: 35px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        text-align: center
    }
    .footer_logo.align-left .footer_logo_retina {
        margin-left: 0;
        text-align: left
    }
    .hide-on-start .navbar-brand img.logo_retina,
    header.header_after_scroll .navbar-brand img.logo_retina {
        display: none !important
    }
    .upb_video_class {
        background-color: #343434
    }
    .contact-widget-container input:not(input[type=checkbox]),
    .contact-widget-container textarea,
    .wpcf7 .f-captcha input:not(input[type=checkbox]),
    .wpcf7 .f-email input:not(input[type=checkbox]),
    .wpcf7 .f-message textarea,
    .wpcf7 .f-name input,
    .wpcf7 .f-name textarea,
    .wpcf7 .f-subject input:not(input[type=checkbox]),
    .wpcf7 .larch-request-quote input:not(input[type=checkbox]),
    .wpcf7 .larch-request-quote textarea,
    .wpcf7 .larch-request-quote.f3 textarea {
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
        box-shadow: none !important;
        -webkit-appearance: none;
        border-radius: 0
    }
}

/* header style 6 style6 */

.nav-style-6>ul>li {
    display: block;
    width: 100%
}

.nav-style-6 .nav ul {
    overflow: hidden;
    -webkit-transition: max-height .4s ease;
    -moz-transition: max-height .4s ease;
    -ms-transition: max-height .4s ease;
    -o-transition: max-height .4s ease;
    transition: max-height .4s ease;
    margin: 0
}

.nav-style-6 ul li {
    margin: 0 !important;
    padding: 0 !important
}

.nav-style-6 ul li.main-menu-item {
    margin: 0 !important;
    padding: .5em 0 !important
}

.nav-style-6 ul li a i {
    margin-left: 10px;
    font-size: .7em;
    -webkit-transition: transform .4s ease;
    -moz-transition: transform .4s ease;
    -ms-transition: transform .4s ease;
    -o-transition: transform .4s ease;
    transition: transform .4s ease;
    display: none;
    line-height: 1em
}

.nav-style-6 ul li a i::before {
    top: -3px
}

div.nav-style-6 {
    display: inline
}

div.nav-style-6 .navbar-nav {
    display: table;
    height: 100vh
}

div.nav-style-6 .navbar-nav .menu_items_wrapper {
    display: table-cell;
    vertical-align: middle
}

header.hideitall {
    background: 0 0 !important;
    box-shadow: none !important;
    border: none
}

header.hideitall * {
    visibility: hidden;
    pointer-events: none;
    opacity: 0;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

header.hideitall .cd-icon,
header.hideitall .cd-icon:after,
header.hideitall .cd-icon:before,
header.hideitall .cd-nav-bg,
header.hideitall .cd-nav-trigger,
header.hideitall .larch_right_header_icons,
header.hideitall .nav-container {
    visibility: visible;
    pointer-events: all;
    opacity: 1
}

.cd-nav-trigger .cd-nav-bg {
    display: inline-block;
    position: relative;
    float: left;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    left: -10px;
    transform-origin: center;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .3s;
    -moz-transition: -moz-transform .3s;
    transition: transform .3s
}

.cd-nav-trigger .cd-nav-bg.active {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0)
}

.cd-nav-trigger .cd-nav-bg-fake {
    position: relative;
    opacity: 1 !important;
    visibility: visible !important;
    left: -10px;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    -webkit-transition: -webkit-transform .3s;
    -moz-transition: -moz-transform .3s;
    transition: transform .3s;
    transform-origin: center;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0)
}

.cd-nav-trigger .cd-nav-bg-fake.active {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

header.style6 .cd-nav-trigger {
    height: 44px;
    width: 44px;
    z-index: 5
}

header.style6 .cd-nav-trigger .cd-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: inline-block;
    width: 25px;
    height: 2px;
    background-color: #fff;
    z-index: 10
}

header.style6 .cd-nav-trigger .cd-icon::before,
header.style6 .cd-nav-trigger .cd-icon:after {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform .3s;
    -moz-transition: -moz-transform .3s;
    transition: transform .3s
}

header.style6 .cd-nav-trigger .cd-icon::before {
    -webkit-transform: translateY(-6px) rotate(0);
    -moz-transform: translateY(-6px) rotate(0);
    -ms-transform: translateY(-6px) rotate(0);
    -o-transform: translateY(-6px) rotate(0);
    transform: translateY(-6px) rotate(0)
}

header.style6 .cd-nav-trigger .cd-icon::after {
    -webkit-transform: translateY(6px) rotate(0);
    -moz-transform: translateY(6px) rotate(0);
    -ms-transform: translateY(6px) rotate(0);
    -o-transform: translateY(6px) rotate(0);
    transform: translateY(6px) rotate(0)
}

header.style6 .cd-nav-trigger::after,
header.style6 .cd-nav-trigger::before {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    height: 100%;
    width: 100%;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform
}

header.style6 .cd-nav-trigger::before {
    background-color: #091d23;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-delay: .4s;
    -moz-transition-delay: .4s;
    transition-delay: .4s
}

header.style6 .cd-nav-trigger::after {
    background-color: #ffb441;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    transition-duration: 0s;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s
}

header.style6 .cd-nav-trigger.close-nav::before {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0)
}

header.style6 .cd-nav-trigger.close-nav::after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-delay: .4s;
    -moz-transition-delay: .4s;
    transition-delay: .4s
}

header.style6 .cd-nav-trigger.close-nav span.cd-icon,
header.style6 .cd-nav-trigger.close-nav span.cd-icon:hover {
    background-color: rgba(255, 255, 255, 0) !important
}

header.style6 .cd-nav-trigger.close-nav .cd-icon::after,
header.style6 .cd-nav-trigger.close-nav .cd-icon::before {
    background-color: #fff
}

header.style6 .cd-nav-trigger.close-nav .cd-icon::before {
    -webkit-transform: translateY(0) rotate(45deg);
    -moz-transform: translateY(0) rotate(45deg);
    -ms-transform: translateY(0) rotate(45deg);
    -o-transform: translateY(0) rotate(45deg);
    transform: translateY(0) rotate(45deg)
}

header.style6 .cd-nav-trigger.close-nav .cd-icon::after {
    -webkit-transform: translateY(0) rotate(-45deg);
    -moz-transform: translateY(0) rotate(-45deg);
    -ms-transform: translateY(0) rotate(-45deg);
    -o-transform: translateY(0) rotate(-45deg);
    transform: translateY(0) rotate(-45deg)
}

.nav-style-6 .cd-primary-nav {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    padding: 90px 5%;
    z-index: 9999;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 0s, opacity .3s;
    -moz-transition: visibility 0s, opacity .3s;
    transition: visibility 0s, opacity .3s
}

.nav-style-6 .cd-primary-nav li {
    margin: 1.6em 0;
    text-align: center;
    text-transform: capitalize
}

.nav-style-6 .cd-primary-nav a {
    font-size: 20px;
    font-size: 1.25rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: color .2s;
    -moz-transition: color .2s;
    transition: color .2s;
    line-height: 1.2em;
    padding: .2em 0
}

.nav-style-6 .cd-primary-nav.fade-in {
    visibility: visible;
    opacity: 1
}

.nav-style-6 .nav ul.dropdown-menu.sub-menu.menu-odd:before {
    margin-top: 20px;
    content: "";
    position: relative;
    display: block
}

.nav-style-6 .nav ul.dropdown-menu.sub-menu.menu-odd:after {
    margin-bottom: 20px;
    content: "";
    position: relative;
    display: block
}

.nav-style-6 .nav ul.dropdown-menu.sub-menu.menu-odd ul.dropdown-menu:before {
    margin-top: 20px;
    content: "";
    position: relative;
    display: block
}

.nav-style-6 .nav ul.dropdown-menu.sub-menu.menu-odd ul.dropdown-menu:after {
    margin-bottom: 20px;
    content: "";
    position: relative;
    display: block
}

.nav-style-6 ul.menu-depth-1 .menu-depth-2 li a {
    font-size: 1.4em !important
}

.nav-style-6 .dropdown-menu>li>a:hover {
    padding-left: 0
}

.cd-overlay-content,
.cd-overlay-nav {
    position: fixed;
    height: 4px;
    width: 4px;
    top: 40px;
    right: 10%;
    -webkit-transform: translateX(-20px) translateY(20px);
    -moz-transform: translateX(-20px) translateY(20px);
    -ms-transform: translateX(-20px) translateY(20px);
    -o-transform: translateX(-20px) translateY(20px);
    transform: translateX(-20px) translateY(20px)
}

.cd-overlay-content span,
.cd-overlay-nav span {
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0)
}

.cd-overlay-content.is-hidden,
.cd-overlay-nav.is-hidden {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s
}

.cd-overlay-nav {
    z-index: 999
}

.cd-overlay-nav span {
    background-color: #101010
}

.cd-overlay-content {
    z-index: 9999
}

.cd-overlay-content span {
    background-color: #ffb441
}

body.page-template-template-side-nav .master_container>.page_content>.container>section {
    min-height: 100vh !important;
    height: 100vh !important
}

.upper-onepage-navigation {
    position: fixed;
    z-index: 99999;
    color: #202122;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: transla1teY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    overflow: hidden;
    width: 300px;
    direction: rtl
}

.upper-onepage-navigation li {
    display: block;
    position: relative;
    height: 12px;
    width: 12px;
    border: 2px solid rgba(0, 0, 0, .9);
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    margin-top: 0 0 15px 0
}

.upper-onepage-navigation li a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    4border-radiu1s: 100%
}

.upper-onepage-navigation li a.upper-active {
    background: rgba(0, 0, 0, .9)
}

.upper-onepage-navigation li span.pag-title-wrap {
    position: absolute;
    width: 200px;
    min-height: 1em;
    height: 100%;
    right: 13px;
    overflow: hidden
}

.upper-onepage-navigation li span.pag-title {
    position: absolute;
    top: -6px;
    opacity: 0;
    text-align: right;
    width: 200px;
    right: -200px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    color: rgba(0, 0, 0, .3);
    font-weight: 700;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1, 1);
    -moz-backface-visibility: hidden;
    -moz-transform: translateZ(0) scale(1, 1);
    -ms-backface-visibility: hidden;
    -ms-transform: translateZ(0) scale(1, 1);
    -o-backface-visibility: hidden;
    -o-transform: translateZ(0) scale(1, 1) 1;
    backface-visibility: hidden;
    transform: translateZ(0) scale(1, 1)
}

.upper-onepage-navigation li:hover span.pag-title {
    right: 13px;
    opacity: 1;
    color: #202122;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px
}

.cbp-l-filters-dropdown {
    max-width: 100%
}

.upper-onepage-navigation {
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear
}

body.header-style6-panel-open .upper-onepage-navigation {
    opacity: 0
}

@media only screen and (max-width:768px) {
    body.page-template-template-side-nav .master_container>.page_content>.container>section {
        height: auto !important;
        transform: none !important
    }
    .upper-onepage-navigation {
        display: none !important
    }
}

.page_content.left .slick-slide,
.page_content.right .slick-slide {
    margin: 0 !important
}

.related_posts_listing .related_post {
    padding-top: 1em;
    padding-bottom: 1em
}

.related_posts_listing .related_post .excerpt {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

.related_posts_listing .related_post .featured_image {
    height: 0;
    padding-bottom: 56%;
    overflow: hidden;
    vertical-align: middle;
    margin-bottom: 1em
}

.related_posts_listing .related_post .featured_image img {
    margin-top: 10%;
    -webkit-transform: translateY(-25%);
    -moz-transform: translateY(-25%);
    transform: translateY(-25%)
}

.related_posts_listing .related_post .video_thumb {
    margin-bottom: 1em
}

.related_posts_listing .related_post .video_thumb * {
    width: 100%
}

.related_posts_listing .related_post .video_thumb>.fluid-width-video-wrapper {
    padding-top: 56% !important
}

.related_posts_listing .related_post .title {
    margin-top: 30px;
    font-size: 16px !important
}

.related_posts_listing.slick-slider .slick-dots {
    bottom: 0 !important
}

.related_posts_listing.slick-slider .slick-next,
.related_posts_listing.slick-slider .slick-prev {
    z-index: 9
}

.margin-50px-0 {
    margin: 50px 0
}

.margin-top-0px {
    margin-top: 0 !important
}

.master_container.master_container_bgwhite {
    width: 100%;
    float: left;
    background-color: #fff
}

.footer_logo img {
    position: relative
}

#home .player {
    display: block;
    margin: auto;
    background: rgba(0, 0, 0, .5)
}

.larch_dynamic_shopping_bag {
    display: table-cell
}

.footer_logo_normal {
    position: relative
}

.footer_logo_retina {
    display: none;
    position: relative
}

#html5video {
    position: relative;
    float: left;
    width: 100%
}

.animateMinHeight {
    -webkit-transition: height .4s ease-in-out;
    -moz-transition: height .4s ease-in-out;
    -ms-transition: height .4s ease-in-out;
    -o-transition: height .4s ease-in-out;
    transition: height .4s ease-in-out
}

img[data-lazyloaded] {
    opacity: 0
}

img.litespeed-loaded {
    -webkit-transition: opacity .5s linear .2s;
    -moz-transition: opacity .5s linear .2s;
    transition: opacity .5s linear .2s;
    opacity: 1
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.sent .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
    border-color: transparent !important;
    margin: 1em 0 !important;
    padding: 0;
    font-size: 14px;
    border: none !important
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
    color: #fb4a3f
}

.wpcf7 form.sent .wpcf7-response-output {
    color: #46b450
}

@media not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance: none) and (stroke-color:transparent) {
        header.navbar .navbar-collapse ul li.larch_mega_menu>ul {
            display:inline-flex
        }
        header.navbar .navbar-collapse ul li.larch_mega_menu>ul>li {
            max-width: unset
        }
        header.navbar .navbar-collapse ul li.larch_mega_menu ul li ul {
            top: 0
        }
    }
}