/*
Theme Name: Luvaniz
Theme URI: http://demo.catanisthemes.com/luvaniz/
Author: Catanis Themes
Author URI: http://catanisthemes.com/
Description: Luvaniz is created for create one page template. It have very modern create design which will focus your services and its variations, and our build in functionality will gives your user a very high user experence with mobile and all major devices support. Other than the minimalistic single page design, it also has a blog. Now it also supports videos in the portfolio! This one page WordPress theme is seriously what you’ve been looking for!
Version: 1.0.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: two-columns, threaded-comments, sticky-post, left-sidebar, theme-options, custom-colors, featured-image-header, custom-background, custom-menu, post-formats, translation-ready 
Text Domain: luvaniz

	I. RESET CSS
	II. LAYOUT CONTAINER
		- HEADER PAGE 		
		- FOOTER PAGE	
		- POST	
	III. WIDGETS			
		- WIDGET SETTING GENERAL
		- WIDGET EFFECT THUMBNAIL IMAGE
		- WIDGET LOADING
		- WIDGET SLIDER NAVIGATION Owl Carousel
	
		1. (WP) WIDGET SEARCH & COMMENT
		2. (WP) WIDGET RSS
		3. (WP + CATANIS) WIDGET TAGS CLOUD
		4. (WP) WIDGET META
		5. (WP) WIDGET CALENDAR
		6. (WP) WIDGET CATAGORIES 
		7. (WP) WIDGET CUSTOM MENU
		8. (WP) WIDGET PAGE
		9. (PLUGIN) WIDGET REVOLUTION SLIDER
		10. (CATANIS) WIDGET INSTAGRAM
		11. (CATANIS) WIDGET FLICKR
		12. (CATANIS) WIDGET TWITTER
		13. (CATANIS) WIDGET TESTIMONIAL
		14. (CATANIS) WIDGET RECENT COMMENT
		15. (CATANIS) WIDGET RECENT POSTS 
		16. (CATANIS) WIDGET TAB POSTS 
		17. (CATANIS) WIDGET SUBSCRIPTIONS
	IV. OTHERS
		1. PRETTY PHOTO (FOR QUICKSHOP)
		2. PAGINATION
		3. PRELOADER
		4. JQUERY COUNTDOWN
		5. SLICK SLIDER
		6. SELECT BOX CONTROL & Owl Carousel CONTROL
		7. SOCIALS ICON
		8. CUSTOM PLUGIN VISUAL & OTHER
	V. PAGES
		1. PORTFOLIO CATEGORY PAGE
		2. COMING SOON PAGE
		3. ERROR 404 PAGE
		4. SEARCH PAGE
		5. HOME PAGE
		6. INTRO PAGE
		7. HACK BROWSER CSS
*/

/*=============================================================================================================*/
/*=== I. RESET CSS ============================================================================================*/
/*=============================================================================================================*/
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}
html {
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none
}
body {
    font-size: 14px;
    line-height: 24px;
    text-align: left;
    letter-spacing: 0;
    font-weight: 400;
    vertical-align: baseline;
    position: static;
    width: 100%;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    word-wrap: break-word;
    -ms-word-wrap: break-word;
    -webkit-text-size-adjust: none;
    background-image: none
}
#ca_custom_style {
    display: none;
}

/*=== DEFAULT & HEADING ===*/
#header .nav h1,#header .nav h2,
#header .nav h3,#header .nav h5,
#header .nav h4,#header .nav h6{
	text-transform:uppercase;
}
h1,h2,h3,h4,h5,h6{
	margin:0;
}
h1{font-size:40px;line-height: 46px;font-weight:700;padding-bottom:20px;}
h2{font-size:32px;line-height:38px;font-weight:700;padding-bottom:20px;}
h3{font-size:24px;line-height:30px;font-weight:700;padding-bottom:20px;}
h4{font-size:20px;line-height:26px;font-weight:700;padding-bottom:15px;}
h5{font-size:18px;line-height:24px;font-weight:700;padding-bottom:15px;}
h6{font-size:16px;line-height:22px;font-weight:700;padding-bottom:15px;}
.clear {
    clear: both;
    min-height: 0;
    width: 100%
}
.clearboth {
    clear: both
}
.clearleft {
    clear: left
}
.noimage {
    margin-left: 0
}
.alignleft {
    float: left!important;
    margin: 0 20px 20px 0 !important;
    max-width: 100%; height: auto
}
.alignright {
    float: right;
    margin: 0 0 20px 20px !important;
    max-width: 100%; height: auto
}
.aligncenter {
    display: block;
    margin: 0 auto 20px!important;
    max-width: 100%; height: auto
}
iframe {
    max-width: 100%;
    position: relative;
    z-index: 1;
    border: none
}
img {
    border: 0;
    height: auto;
    vertical-align: top;
    margin: 0 0 15px;
    max-width: 100%
}
a {
    text-decoration: none;
    line-height: 18px;
    cursor: pointer;
    background: transparent
}
a:hover {
    -webkit-tap-highlight-color: transparent;
    -moz-tap-highlight-color: transparent;
    -o-tap-highlight-color: transparent;
    text-decoration: none
}
a:focus{outline:0 !important;}
a.button:hover, a.button:focus ,a:focus{text-decoration:none;}
strong {font-weight:bold;}
em {font-style:italic;}
i{letter-spacing:0.5px}
del {text-decoration:line-through;}
ins {text-decoration:none;}
br {margin:0 0 5px;}
.mark, mark {background-color: transparent;}
pre {
	overflow:hidden;
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	-o-border-radius:0;
}
p {
    margin: 0 0 20px;
    display: block
}
.wp-caption {
    margin-bottom: 20px
}
.wp-caption img {
    width: 100%
}
.wp-caption img.wp-smiley {
    width: auto
}
.wp-caption .wp-caption-text {
    margin-top: -15px;
    padding: 5px 10px;
    margin-bottom: 0;
    background: #F5F5F5;
    border: 1px solid #efefef;
    border-top: 0
}
.gallery-caption {
    max-width: 100%;
    font-style: italic
}
.bypostauthor {
    list-style: none
}
blockquote {
    font-size: 17.5px;
    line-height: 27px
}
blockquote cite {
    display: block;
    margin-top: 20px
}
.post-password-form input[type^=submit] {
    border: 1px solid #E6E6E6
}
#list-hook {
    color: #000
}
.entry-footer .meta-edit .vc_inline-link:before {
    content: 'or';
    margin: 0 5px
}

/*=== LIST & TABLE ===*/
ol,
ul {
    margin: 0;
    padding-left: 0;
    margin-bottom: 10px;
    list-style: none;
    list-style-type: none
}
ol li,
ul li {
    line-height: 24px;
    list-style-position: inside;
    list-style: none;
    list-style-type: none
}
ol ol,
ol ul,
ul ul,
ul ol {
    margin-left: 35px;
    margin-top: 0
}
ol ol ol,
ul ul ul,
ul ul ol,
ul ol ul,
ol ul ul,
ul ol ol,
ol ol ul,
ol ul ol {
    margin-top: 0;
    margin-left: 35px
}
ol > li {
    list-style: circle inside none
}
ul > li {
    list-style: square inside none
}
dl {
    margin-bottom: 20px
}
dt,
dd {
    line-height: 16px
}
dt {
    font-weight: 700
}
dd {
    margin: 5px 0 20px 10px
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    font-size: 100%;
    width: 100%;
    margin: 0 0 20px;
    word-wrap: break-word;
    border-collapse: separate;
    border-left: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb
}
table>thead>tr>th {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 14px;
    background: #f4f4f4;
    border-top: 1px solid #ebebeb;
    padding: 15px 15px 15px 20px
}
table>tbody>tr>td,
table>tbody>tr>th,
.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    border-top: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    padding: 15px 15px 15px 20px;
    border-bottom: 0
}
table.style2>thead>tr>th {
    background: #343434;
    color: #fff;
    border-right: none
}
table.style3 {
    border-left: none
}
table.style3>tbody>tr>td,
table.style3>tbody>tr>th,
table.style3>tfoot>tr>td,
table.style3>tfoot>tr>th,
table.style3>thead>tr>td,
table.style3>thead>tr>th {
    border-width: 1px 0 0
}
table.style3>thead>tr>th {
    color: #fff;
    border-right: none
}
form {
    display: inline
}
input {
    line-height: 16px;
    max-width: 100%;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border-width: 0;
    font-weight: 400;
    vertical-align: middle
}
input,
button {
    transition: all .3s ease-in-out 0;
    -moz-transition: all .3s ease-in-out 0;
    -webkit-transition: all .3s ease-in-out 0
}
input:focus:invalid:focus,
textarea:focus:invalid:focus,
select:focus:invalid:focus {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none
}
input[type="color"],
input[type="date"],
input[type="email"],
input[type="url"],
input[type="number"],
input[type="password"],
input[type="tel"],
input[type="text"],
textarea {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    height: 40px;
    padding: 7px 10px;
    -webkit-appearance: none;
    border: 1px solid #e6e6e6
}
select {
    height: 38px;
    line-height: 16px;
    font-size: 12px;
    padding: 9px 10px;
    border-radius: 0!important;
    -webkit-border-radius: 0!important;
    -moz-border-radius: 0!important;
    -o-border-radius: 0!important;
    font-weight: 400;
    vertical-align: middle
}
select:focus {
    outline: none
}
input:focus,
input[type^="search"]:focus,
textarea:focus {
    outline: 0
}
input[type^="radio"],
input[type^="checkbox"] {
    border: 0;
    padding: 0;
    margin: -2px 20px 0 5px
}
textarea {
    font-size: 12px;
    padding: 5px 8px 4px;
    vertical-align: middle;
    -webkit-appearance: none;
    transition: all .3s ease-in-out 0;
    -moz-transition: all .3s ease-in-out 0;
    -webkit-transition: all .3s ease-in-out 0;
    background: #fff;
    border: 1px solid #e6e6e6
}
select {
    background: #fff;
    border: 1px solid #E6E6E6
}
select option {
    padding: 0 3px
}
textarea {
    overflow: auto
}
table {
    max-width: 100%;
    table-layout: fixed
}
table tbody,
table tfood {
    max-width: 100%
}
label.label-radio {
    margin-bottom: 2px
}
button.button::-moz-focus-inner {
    padding: 0;
    border: 0
}
button.button {
    -webkit-border-fit: lines
}
button.button,
a.button {
    overflow: visible;
    width: auto;
    border: 0;
    padding: 0;
    margin: 0;
    background: transparent;
    cursor: pointer
}
.ie9 select,
html.ie9 input[type^="text"],
html.ie9 input[type^="email"],
html.ie9 input[type^="password"] {
    line-height: 22px
}

/*=== OTHERS ===*/
::-moz-selection {
    color: #fff;
    background: #84C1AF
}
::selection {
    color: #fff;
    background: #84C1AF
}
::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px
}
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(64, 112, 98, .8);
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5)
}
.screen-reader-text {
    display: none
}
a.thumbnail {
    max-width: 100%
}
.thumbnail {
    float: left;
    display: inline-block;
    border: 0;
    margin-bottom: 0;
    padding: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    background: transparent
}
body code {
    clear: both;
    display: inline-block;
    margin: 10px 0 20px;
    padding: 5px 10px;
    letter-spacing: .1px;
    border-width: 0;
    font-size: 12px;
    line-height: 34px;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    transition: all 150ms ease-in-out 0;
    -moz-transition: all 150ms ease-in-out 0;
    -webkit-transition: all 150ms ease-in-out 0;
    background-color: #f7f7f7
}
body li code,
body p code {
    margin: 0;
    padding: 2px 4px;
    line-height: inherit
}
body table code {
    white-space: normal
}
.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 {
    padding-left: 15px;
    padding-right: 15px
}
.row {
    margin-right: -15px;
    margin-left: -15px
}
.gallery .gallery-item {
    float: left;
    border: 2px solid #fff;
    width: 33.33%
}
.gallery .gallery-item figcaption {
    display: none
}
.gallery .gallery-item img {
    width: 100%;
    max-width: 100%;
    margin: 0
}
.gallery.gallery-columns-4 .gallery-item {
    width: 25%
}
.gallery.gallery-columns-5 .gallery-item {
    width: 20%
}

/*=============================================================================================================*/
/*=== II. LAYOUT CONTAINER ====================================================================================*/
/*=============================================================================================================*/
.container {
    max-width: 100%;
    -webkit-transition: -webkit-transform .5s;
    transition: transform .5s
}
@media (min-width: 768px) {
    .container {
        width: inherit
    }
}
@media (min-width: 992px) {
    .container {
        width: 970px
    }
    body.menu-vertical .container {
        width: 800px
    }
}
@media (min-width: 1200px) {
    .container {
        width: 1200px
    }
    body.menu-vertical .container {
        width: 1000px
    }
    body.menu-vertical .ca-services-section .vc_col-sm-4 .ca-iconbox.catanis-shortcode.icon-left.style-rounded .icon {
        width: 50px;
        height: 50px;
        line-height: 50px
    }
    body.menu-vertical .ca-services-section .vc_col-sm-4 .ca-iconbox.catanis-shortcode .icon {
        font-size: 20px
    }
    body.menu-vertical .ca-services-section .vc_col-sm-4 .ca-iconbox.catanis-shortcode.icon-left.style-rounded .wrap-iconbox {
        margin-left: 80px
    }
}
@media (min-width: 1370px) {
    body.menu-vertical .container {
        width: 1200px
    }
}
#main-container-wrapper {
    z-index: 10;
    position: relative;
    background: #fff;
    width: 100%
}
#main-container-wrapper #container .main-content {
    position: relative;
    z-index: 1;
    padding: 60px 0
}
#main-container-wrapper #container .main-content footer.entry-footer {
    clear: both
}
#main-container-wrapper #container .sidebar {
    padding-top: 60px;
    padding-bottom: 60px;
    max-width: 320px
}
#cata-template-wrapper {
    position: relative;
    overflow: hidden
}
#main-container-wrapper #container.sb-left .main-content {
    padding-left: 40px
}
#main-container-wrapper #container.sb-right .main-content {
    padding-right: 40px
}
.main-slideshow-wrapper {
    position: relative;
    z-index: 50
}

/*=== COLUMNS ===*/
.cols-wrapper {
    overflow: hidden;
    margin: 0 -15px
}
.col {
    margin-bottom: 30px;
    float: left
}
.cols-4 .col {
    width: 22.6%
}
.cols-3 .col {
    width: 31.2%
}
.cols-2 .col {
    width: 48.4%
}
.cols-1 .col {
    width: 100%
}
.cols-5 .col {
    width: 17.44%
}
.cols-34 .col:first-child {
    width: 72.6%
}
.cols-34 .col:last-child {
    width: 24.2%
}
.cols-23 .col:first-child {
    width: 64.5%
}
.cols-23 .col:last-child {
    width: 32.3%
}
.cols-23 .col:last-child,
.cols-34 .col:last-child,
.cols-5 .col:nth-of-type(5n),
.cols-4 .col:nth-of-type(4n),
.cols-3 .col:nth-of-type(3n),
.cols-2 .col:nth-of-type(2n),
.cols-1 .col:nth-of-type(n) {
    clear: right;
    margin-right: 0
}
.cols-wrapper .col {
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 30px
}
.cols-wrapper.cols-1 .col {
    width: 100%
}
.cols-wrapper.cols-2 .col {
    width: 50%
}
.cols-wrapper.cols-3 .col {
    width: 33.33333333%
}
.cols-wrapper.cols-4 .col {
    width: 25%
}
.cols-wrapper.cols-5 .col {
    width: 20%
}
.cols-wrapper.cols-6 .col {
    width: 16.66666667%
}
@media only screen and (max-width: 768px) {
    .cols-wrapper.cols-1 .col {
        width: 100%
    }
    .cols-wrapper.cols-2 .col {
        width: 100%
    }
    .cols-wrapper.cols-3 .col {
        width: 100%
    }
    .cols-wrapper.cols-4 .col {
        width: 100%
    }
    .cols-wrapper.cols-5 .col {
        width: 100%
    }
    .cols-wrapper.cols-6 .col {
        width: 100%
    }
}

/*=== SETTINGS ===*/
button.button,
input.button,
a.button,
input[type^=submit] {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    bottom: auto;
    font-size: 14px;
    font-weight: 700;
    min-height: 40px;
    line-height: 35px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    text-shadow: none;
    -moz-text-shadow: none;
    -webkit-text-shadow: none;
    background-image: none;
    border: none;
    text-transform: uppercase;
    display: inline-block;
    padding: 0 20px;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    background-color: transparent
}
button.button,
input.button:hover,
a.button:hover,
input[type^=submit]:hover {
    color: #fff
}
article.type-attachment img {
    margin-bottom: 0
}

/*============================================================================================*/
/*=== HEADER PAGE ============================================================================*/
 
/*=== HEADER GENERAL ===*/
body.header-no-fixed .sticky-wrapper.is-sticky #header {
    position: relative!important
}
body.transparent-bg-menu .template-wrapper.slider-none #header {
    background: transparent
}
#header {
    position: absolute;
    z-index: 5000;
    width: 100%;
    box-sizing: border-box;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}
.header .header-top {
    position: relative;
    height: 40px;
    line-height: 40px
}
.header .header-top-container,
.header .header-middle-container,
.header .header-bottom-container {
    padding: 0 10px
}
.header .header-logo .sticky-logo {
    display: none
}

/* Header V1 */
.header.v1 .header-logo {
    float: left;
    padding: 20px 0 0;
    max-width: 150px;
    margin: 0
}
.header.v1 .header-search {
    padding: 30px 0
}
.header.v1 .header-middle {
    clear: both
}
.header.v1 .header-logo a.main-logo {
    display: block;
    color: #fff;
    font-weight: normal;
}
.header.v1 .header-logo img {
    margin: 0
}
.header.v1 .header-bottom {
    position: relative;
    height: 100%;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}
.sticky-wrapper.is-sticky .header .header-bottom {
    margin-top: 0
}
.header.v1 .header-bottom-container {
    padding: 0 10px;
    text-align: center;
    min-height: 64px
}
.header.v1 .header-search {
    float: right;
    padding: 20px 0 0;
    cursor: pointer
}
.header.v1 .header-search .fa {
    color: #fff;
    font-size: 16px
}
body.transparent-bg-menu .header.v1 .header-bottom,
body.transparent-bg-menu .header .nav-menu > ul > li:hover,
body.transparent-bg-menu .header .nav-menu > ul > li:focus,
body.transparent-bg-menu .header .nav-menu > ul > li:active,
body.transparent-bg-menu .header .nav-menu > ul > li.current-menu-item,
body.transparent-bg-menu .header .nav-menu > ul > li.current-menu-ancestor {
    background: transparent
}

/*=== STICKY HEADER ===*/
.sticky-wrapper.is-sticky #header {
    box-shadow: 0 1px 5px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .3)
}
.sticky-wrapper.is-sticky .header .header-logo .sticky-logo {
    display: block
}
.sticky-wrapper.is-sticky .header .header-logo .main-logo {
    display: none
}

/*=== MAIN MENU ===*/
.nav-menu ul {
    margin-left: 0
}
.nav-menu > ul > li {
    margin: 0 10px;
    border-left: 1px solid transparent
}
.header .nav-menu > ul > li > a,
.header .nav-menu > ul > li > a {
    height: 50px;
    line-height: 48px;
    text-transform: uppercase
}
.nav-menu ul li {
    position: relative;
    display: inline-block
}
.nav-menu ul li a {
    display: block;
    padding: 2px 0;
    font-size: 14px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    letter-spacing: 1px;
    text-decoration: none
}
.nav-menu > ul > li > a::before {
    display: inline-block;
    content: '[';
    margin-right: 10px;
    opacity: 0;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    transform: translateX(20px);
    -webkit-transition: -webkit-transform .3s, opacity .2s;
    -moz-transition: -moz-transform .3s, opacity .2s;
    transition: transform .3s, opacity .2s
}
.nav-menu > ul > li > a::after {
    display: inline-block;
    content: ']';
    top: 0!important;
    margin-left: 10px;
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter: alpha(opacity=0);
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    transform: translateX(-20px);
    -webkit-transition: -webkit-transform .3s, opacity .2s;
    -moz-transition: -moz-transform .3s, opacity .2s;
    transition: transform .3s, opacity .2s
}
.nav-menu ul li a:focus:after,
.nav-menu ul li a:focus:before,
.nav-menu ul li a:not(.active):hover:after,
.nav-menu ul li a:not(.active):hover:before,
.nav-menu ul li a.active:after,
.nav-menu ul li a.active:before {
    opacity: 1;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    transform: translateX(0px)
}

/* SUB MENU */
.nav-menu ul ul {
    padding: 0;
    z-index: 20000;
    margin-left: 0;
    padding-left: 0;
    display: none;
    opacity: 1!important
}
.nav-menu ul ul:before {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: inline-block;
    content: "";
    z-index: -1;
    border: 1px solid rgba(70, 70, 70, 0.2)
}
.nav-menu ul ul ul {
    top: -2px;
    left: 200px
}
.nav-menu ul ul li {
    position: relative;
    display: block;
    width: 100%;
    float: none;
    text-align: center;
    padding: 20px 0;
    border-bottom: 1px solid
}
.nav-menu ul ul li a {
    letter-spacing: 0;
    line-height: 1.8em;
    padding: 0
}
.nav-menu ul ul li .drop-arrow {
    position: relative;
    right: 0;
    top: 7px;
    display: inline-block;
    float: right;
    width: 8px;
    height: 8px;
    line-height: 7px;
    background-size: 5px;
    background-repeat: no-repeat;
    opacity: .6;
    -moz-opacity: .6;
    -khtml-opacity: .6;
    -webkit-opacity: .6;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=60);
    filter: alpha(opacity=60);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    border-width: 2px 2px 0 0;
    border-style: solid
}
.nav-menu ul ul li a {
    border-right: 0;
    letter-spacing: 1px;
    transition: padding-left 250ms ease-out
}
.nav-menu ul li:last-child a {
    border-right: 0
}
.fixed-header-scroll .nav-menu ul ul ul {
    margin-top: 0
}
.fixed-header-scroll .content-slider-wrapper {
    padding-top: 0!important
}
.nav-menu > ul > li:not(.mega-menu-item) ul > li:first-child {
    border-top-width: 1px;
    border-top-style: solid
}
.nav-menu .sub-menu li:last-child {
    border-bottom: 0
}

/* MEGA MENU */
#menu {
    display: inline-block;
    width: auto
}
#menu > ul {
    position: relative;
    margin-bottom: 0;
    text-align: center
}
.nav-menu ul li.mega-menu-item {
    position: static
}
.nav-menu li.mega-menu-item ul ul {
    display: block;
    padding: 0
}
.nav-menu li.mega-menu-item > ul {
    width: auto;
    top: 52px;
    padding: 0 15px 20px
}
.nav-menu li.mega-menu-item > ul[class*="mega-columns"] {
    box-shadow: 0 2px 3px #D2D2D2;
    -webkit-box-shadow: 0 2px 3px #D2D2D2;
    -moz-box-shadow: 0 2px 3px #D2D2D2;
    border-top: 2px solid
}
.nav-menu li.mega-menu-item ul ul:before {
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none
}
.nav-menu li.mega-menu-item > ul[class*="mega-columns"]:before {
    box-shadow: none
}
.nav-menu li.mega-menu-item > ul ul ul {
    padding: 0
}
.nav-menu li.mega-menu-item > ul ul {
    position: relative;
    left: 0;
    top: 0;
    border-top: none
}
.nav-menu li.mega-menu-item ul li {
    display: inline-block;
    width: 200px;
    background: none;
    padding: 3px 0;
    border-bottom: 1px solid
}
.nav-menu .mega-menu-item > ul > li {
    margin: 0;
    margin-left: 15px;
    margin-right: 15px
}
.nav-menu .mega-menu-item ul li a {
    padding: 4px 0
}
.nav-menu .mega-menu-item > ul > li > a {
    font-weight: 700;
    text-transform: uppercase
}
.nav-menu .mega-menu-item > ul > li > a:hover {
    padding: 4px 0
}
.nav-menu li.mega-menu-item ul ul a {
    font-weight: 400;
    letter-spacing: 1px;
    transition: padding-left 250ms ease-out
}
.nav-menu li.mega-menu-item ul ul .current-menu-item > a,
.nav-menu li.mega-menu-item > ul > ul > li:hover > a,
.nav-menu li.mega-menu-item ul ul a:hover {
    padding-left: 10px
}
.nav-menu > ul > li > a:after,
.nav-menu > div.menu-ul > ul > li > a:after {
    position: relative;
    top: 4px
}
.header-layout-center .nav-menu ul ul {
    display: none;
    text-align: left
}
.header-layout-center .nav-menu li.mega-menu-item ul ul {
    display: block
}
.fixed-header-scroll .nav-menu li.mega-menu-item > ul {
    top: 30px
}
.mega-columns-2 > li:nth-of-type(2n+1),
.mega-columns-3 > li:nth-child(3n+1),
.mega-columns-4 > li:nth-child(4n+1) {
    clear: left
}
.nav-menu li.mega-menu-item > ul > li {
    margin-top: 20px;
    text-align: left;
    border-bottom: 0;
    overflow: hidden
}
.nav-menu li.mega-menu-item > ul > li:first-child,
.nav-menu li.mega-menu-item > ul > li:first-child,
.nav-menu li.mega-menu-item > ul > li:last-child,
.nav-menu li.mega-menu-item > ul > li:last-child {
    border-bottom: 0
}
.nav-menu li.mega-menu-item ul li ul > li {
    display: block;
    float: none;
    overflow: hidden;
    width: 100%
}

/*=== PAGE TITLE & BREADCRUMBS ===*/
h1.heading-title.page-title {
    position: relative;
    font-size: 40px;
    line-height: 46px;
    text-align: center;
    text-transform: capitalize;
    margin: 0 auto;
    margin-bottom: 5px;
    font-weight: 700;
    padding: 0 10px;
    color: #fff;
    width: 100%;
    max-width: 1200px
}
h1.heading-title.page-title span {
    display: block;
    padding: 0;
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 28px;
    text-transform: uppercase;
    font-weight: 400
}
.cat-breadcrumbs {
    min-height: 180px;
    background-position: center center!important;
    background-size: cover!important;
    position: relative;
    z-index: 1
}
.cat-breadcrumbs.hide-title {
    min-height: 64px
}
body.menu-vertical .cat-breadcrumbs.hide-title {
    display: none
}
.cat-breadcrumbs.hide-title > .breadcrumb-contents {
    display: none
}
.cat-breadcrumbs:before {
    content: ' ';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2)
}
.cat-breadcrumbs.no-breadcrumbs {
    display: none
}
.cat-breadcrumbs.style4 {
    padding: 140px 0 0
}
.cat-breadcrumbs.style5 {
    padding: 95px 0 0
}
.cat-breadcrumbs .breadcrumb-contents * {
    color: #fff
}
.cat-breadcrumbs .breadcrumb-contents {
    padding: 160px 0 80px;
    text-align: center
}
body.menu-vertical .cat-breadcrumbs .breadcrumb-contents {
    padding: 80px 0
}
.cat-breadcrumbs .breadcrumb-contents ul {
    margin-left: 0;
    margin-bottom: 0
}
.cat-breadcrumbs .breadcrumb-contents ul li {
    display: inline-block
}
.cat-breadcrumbs .breadcrumb-contents span {
    margin: 0 8px
}
.cat-breadcrumbs.style4.no-breadcrumbs {
    padding: 0;
    min-height: 135px
}
.cat-breadcrumbs.style5.no-breadcrumbs {
    padding: 0;
    min-height: inherit
}
.cat-breadcrumbs.style4.no-breadcrumbs .breadcrumb-contents,
.cat-breadcrumbs.style5.no-breadcrumbs .breadcrumb-contents {
    padding: 48px 0
}

/*---Slideshow top header---*/
.main-slideshow-wrapper img.home-img-bg-default {
    margin: 0
}


/*============================================================================================*/
/*=== FOOTER PAGE ============================================================================*/
#footer {
    clear: both;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1
}
#footer .widget_title_wrapper {
    background: transparent
}
#footer h3.widget-title {
    text-transform: uppercase;
    font-size: 16px;
    padding-bottom: 15px;
    margin-bottom: 0
}
#footer .no-widget-added a {
    color: #898989
}
#footer .footer-top {
    padding: 60px 0;
    overflow: hidden;
    text-align: center
}
#footer .footer-middle {
    padding: 95px 0 85px;
    overflow: hidden;
    text-align: center
}
#footer .footer-bottom {
    overflow: hidden;
    padding-top: 40px;
    padding-bottom: 40px;
    text-align: center;
    clear: both
}
#footer .footer-box {
    margin-bottom: 30px;
    overflow: visible
}
#footer .footer-box:last-child {
    margin-bottom: 0
}
#footer .cols-wrapper h3 {
    text-transform: uppercase;
    font-size: 16px;
    color: #fff
}
#footer .cols-wrapper.cols-1 .col {
    margin-bottom: 0
}
#footer .footer-top .container > div {
    padding: 0 30px
}
#footer .footer-top .container > div:last-child {
    border: none
}
#footer .footer-middle.text-align-left .owl-theme .owl-controls,
#footer .footer-middle.text-align-left {
    text-align: left
}

/*=== WIDGETS IN FOOTER ===*/

/* Widget Text & Subscriptions */
#footer .textwidget ul.menu > li a,
#footer .widget_nav_menu ul.menu > li a {
    color: #888
}
#footer .textwidget ul.menu > li a:hover,
#footer .widget_nav_menu ul.menu > li a:hover,
#footer .textwidget ul.menu > li.current_page_item > a,
#footer .widget_pages ul li.current_page_item > a,
#footer .widget_nav_menu ul li.current_page_item > a,
#footer .widget_categories li.current-cat > a {
    color: #fff
}
.wg-subscriptions .subscribe_widget .delivered-by,
.wg-subscriptions .delivered-by,
.wg-subscriptions .subscribe_widget .delivered-by,
.wg-subscriptions .updates-from {
    display: none
}
#footer .wg-subscriptions .subscribe_email {
    float: left;
    min-height: 40px;
    background: #e6e6e6
}
#footer .wg-subscriptions .subscribe_widget button.button {
    position: absolute;
    top: 0;
    right: 0;
    float: none;
    font-size: 0;
    line-height: 14px;
    margin-left: 5px;
    width: 40px;
    height: 40px;
    background: url(images/icon-submit.png) no-repeat center center
}
#footer .widget_text p {
    margin-bottom: 15px
}
#footer .widget_text ul.menu {
    overflow: hidden;
    margin-left: 0
}
#footer .widget_text ul.menu > li {
    display: block;
    padding: 0;
    list-style-type: none;
    list-style: none
}

/* Widget Socials */
#footer .footer-middle.text-align-left .wg-socials .ca-social-icons {
    display: inline-block
}
#footer .wg-socials .social-icons li a i.fa {
    padding: 0;
    color: #898989
}
#footer .wg-socials .social-icons li:hover a i.fa {
    color: #FFF
}
#footer .ca-social-icons li a i.fa {
    color: inherit
}
#footer .social-icons-wrap.style-icon li a,
#footer .social-icons-wrap.style-iconbox li a {
    position: relative;
    color: #898989;
    font-size: 0;
    text-transform: uppercase;
    transition: 600ms
}
#footer .social-icons-wrap.style-iconbox .ca-social-icons li a i.fa {
    font-weight: 400;
    font-size: 14px
}

/* Widget AboutUs Contact */
.wg-about-contact ul li {
    list-style: none
}
.wg-about-contact p.logo {
    margin-top: -40px;
    margin-bottom: 15px
}
.wg-about-contact p.logo img {
    margin-top: 5px;
    margin-bottom: 10px
}
.wg-about-contact .widget_desc {
    margin-bottom: 20px
}

/*=== FIX FOOTER USE WIDGET PRODUCTS & POSTS ===*/
#footer .widget_recent_entries ul li {
    padding: 15px 0
}
#footer .widget_recent_entries ul li:first-child {
    padding-top: 0;
    margin: 0
}
#footer .widget_recent_entries ul li:last-child {
    border-bottom: none;
    padding-bottom: 0
}
#footer .widget_recent_entries .post-date {
    font-style: normal;
    color: #bfbfbf
}
#footer .widget_recent_entries ul li:first-child {
    border: none
}
#footer .wg-flickr a.see-more {
    color: #898989
}
body a.backtotop {
    position: fixed;
    bottom: 10px;
    right: 20px;
    z-index: 100;
    display: block;
    padding: 6px 12px;
    width: 30px;
    height: 30px;
    color: #FFF;
    display: none;
    transition: opacity .3s 0s, visibility 0 0;
    -moz-transition: opacity .3s 0s, visibility 0 0;
    -webkit-transition: opacity .3s 0s, visibility 0 0
}
.backtotop:hover {
    opacity: 1;
    color: #FFF;
    filter: alpha(opacity=100)
}


/*============================================================================================*/
/*=== POST ===================================================================================*/
.ca-post-masonry .posts-container {
    margin: 0 -15px
}
.ca-post-masonry.cols1 .posts-container {
    margin: 0;
    height: auto!important
}
.ca-post-masonry.cols1 .blog-item {
    clear: both;
    position: relative!important
}
.ca-post-masonry .grid-sizer {
    width: 33.33%
}
.ca-post-masonry .blog-item {
    position: relative;
    display: inline-block;
    width: 33.33%;
    border: 15px solid #fff;
    background-color: #fff
}

/* Blog masonry columns */
.ca-post-masonry.cols2 .grid-sizer,
.ca-post-masonry.cols2 .blog-item {
    width: 50%
}
.ca-post-masonry.cols4 .grid-sizer,
.ca-post-masonry.cols4 .blog-item {
    width: 25%
}
.ca-post-masonry.cols1 .grid-sizer {
    display: none
}
.ca-post-masonry.cols1 .blog-item {
    width: 65%;
    display: block;
    margin: auto
}

/* Blog masonry 1 column with sidebar */
.cata-template-sidebar.sb-right .ca-post-masonry.cols1 .grid-sizer,
.cata-template-sidebar.sb-right .ca-post-masonry.cols1 .blog-item,
.cata-template-sidebar.sb-left .ca-post-masonry.cols1 .grid-sizer,
.cata-template-sidebar.sb-left .ca-post-masonry.cols1 .blog-item {
    width: 100%;
    border: 0;
    margin-bottom: 20px
}

/*=== BLOG ITEM ===*/
.blog-item .item {
    overflow: hidden;
    width: 100%;
    border-width: 0;
    border-style: solid;
    border-color: #e6e6e6
}
.blog-item img {
    margin: 0;
    width: 100%;
    min-height: 220px
}
.blog-item img.avatar {
    position: absolute;
    top: 30px;
    right: -35px;
    z-index: 10;
    width: 70px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    min-height: inherit
}
.blog-item .entry-content {
    padding: 20px 0 25px
}
.blog-item .entry-content .title {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    padding-bottom: 5px;
    margin-top: 5px
}
.blog-item .item figure.entry-thumbnail {
    position: relative;
    overflow: hidden
}
.blog-item .item figure.entry-thumbnail:before {
    background: #94dfef
}
.blog-item .entry-content .excerpt p {
    margin: 0
}
.blog-item .entry-content .excerpt p > a.read-more,
.blog-item .wrap-entry-content a.read-more {
    display: block;
    margin-top: 33px;
    text-transform: uppercase;
    font-weight: 700
}
.blog-item .entry-content .entry-meta {
    margin-bottom: 18px
}
.blog-item .entry-meta,
.blog-item .entry-meta li,
.entry-meta li a {
    font-style: italic;
    font-size: 13px;
    color: #bcbcbc
}
.blog-item .entry-meta li.meta-seperate {
    padding: 0
}
.blog-item .entry-meta li.meta-seperate:before {
    content: '/'
}
.blog-item .entry-meta li.meta-author a {
    color: #888
}
.blog-item a.read-more {
    display: block;
    margin-top: 20px;
    text-transform: uppercase;
    font-weight: 700
}
.blog-item a.read-more .more-arrow {
    padding-right: 8px
}
.blog-item a.read-more:hover .more-arrow {
    padding-right: 3px;
    float: left;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

/*=== BLOG LAYOUT ===*/
.ca-post-list .posts-container {
    height: auto!important
}
.ca-post-list .blog-item {
    clear: both;
    position: relative!important
}
.ca-post-list .entry-header {
    float: left;
    width: 50%;
    overflow: hidden
}
.ca-post-list .blog-item .entry-content {
    float: right;
    width: 50%;
    padding: 0 0 0 20px
}
.ca-post-list .blog-item .item {
    margin-bottom: 30px;
    padding-bottom: 30px;
    -o-box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    border-bottom: 1px solid #e6e6e6
}
.ca-post-list .blog-item:last-child .item {
    padding-bottom: 0;
    border-bottom: 0
}
.ca-post-ziczac .posts-container {
    overflow: hidden
}
.ca-post-ziczac .blog-item {
    clear: both;
    position: relative!important
}
.ca-post-ziczac .blog-item .entry-header {
    float: left;
    position: relative;
    width: 50%
}
.ca-post-ziczac .blog-item .entry-content {
    float: right;
    width: 46%;
    padding: 30px 0 0 20px
}
.ca-post-ziczac .blog-item .item {
    margin-bottom: 30px;
    -o-box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none
}
.ca-post-ziczac .blog-item:last-child .item {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0
}
.ca-post-ziczac .item-odd .entry-header {
    float: right
}
.ca-post-ziczac .blog-item.item-odd .entry-header img.avatar {
    left: -35px;
    right: inherit
}
.ca-post-ziczac .blog-item.item-odd .entry-content {
    float: left;
    width: 46%;
    padding: 40px 20px 0 0;
    text-align: right
}
.ca-post-ziczac .blog-item.item-odd a.read-more:hover .more-arrow {
    float: none
}


/*=== BLOG TYPE and INFINITE SCROLL loading ===*/
.blog-item .post-default,
.blog-item .post-image {
    overflow: hidden
}
.blog-item .post-standard > a img,
.blog-item .post-default > a img,
.blog-item .post-image > a img {
    min-height: 240px;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease
}
body.menu-vertical .blog-item .post-standard > a img,
body.menu-vertical .blog-item .post-default > a img,
body.menu-vertical .blog-item .post-image > a img {
    min-height: 200px
}
.blog-item .post-standard > a:hover img,
.blog-item .post-default > a:hover img,
.blog-item .post-image > a:hover img {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1)
}
.post-gallery {
    position: relative;
    overflow: hidden;
    clear: both
}
.post-gallery .cata-slider {
    max-height: inherit!important
}
.post-audio p {
    margin-bottom: -10px
}
.post-video {
    clear: both;
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden;
    height: 0
}
.post-video.post-standard {
    padding-bottom: 0;
    height: inherit
}
.post-video iframe,
.post-video object,
.post-video embed {
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
    width: 100%;
    height: 100%
}
.post-link {
    position: relative;
    padding: 40px 40px 80px;
    transition: all .4s ease;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    color: #fff
}
.post-link> div >a {
    display: block
}
.blog-item .post-quote {
    position: relative;
    padding: 0;
    overflow: hidden;
    transition: all .4s ease;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease
}
.blog-item .post-quote figure.entry-thumbnail:before {
    content: " ";
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    opacity: 1;
    filter: alpha(opacity=100)
}
.blog-item .post-quote blockquote {
    position: absolute;
    top: 40px;
    left: 40px;
    right: 40px;
    z-index: 12;
    margin: 0;
    font-size: 18px;
    line-height: 32px;
    border-left: none;
    color: #fff
}
.ca-post-ziczac .post-link {
    padding: 50px 70px 40px 40px
}
.ca-post-ziczac .post-link > div {
    overflow: hidden
}
.ca-post-ziczac .blog-item.item-odd .post-link {
    padding: 50px 40px 40px 70px
}
.ca-post-ziczac .blog-item .post-quote blockquote {
    top: 40px;
    left: 40px;
    right: 70px;
    bottom: 50px
}
.ca-post-ziczac .blog-item.item-odd .post-quote blockquote {
    left: 70px;
    right: 40px
}
.blog-item .post-quote blockquote > a,
.blog-item .post-quote blockquote cite>a,
.blog-item .post-quote blockquote span {
    display: block;
    margin-top: 30px;
    font-size: 14px;
    line-height: 18px;
    color: #9e9e9e
}
.blog-item .post-quote figure.entry-thumbnail img {
    min-height: 250px;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}
.blog-item .post-quote:hover figure.entry-thumbnail img {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1)
}
.ca-post-masonry.cols4 .blog-item .post-quote figure.entry-thumbnail img {
    min-height: 300px
}
.post-quote blockquote {
    border: none;
    margin: 0;
    padding: 0
}
.post-quote a:last-child {
    display: block;
    margin-top: 30px;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 28px;
    font-weight: 700
}
.post-quote .top-icon {
    display: block;
    background: url(images/icon_quote.png) 0 0 no-repeat;
    width: 40px;
    height: 30px;
    position: absolute;
    bottom: 40px;
    right: 40px;
    z-index: 10
}
.post-link .top-icon {
    display: block;
    float: right;
    background: url(images/icon_link.png) 100% 0 no-repeat;
    width: 40px;
    height: 30px;
    margin-top: 20px
}
.post-quote:hover,
.post-link:hover {
    background: #252525
}
.post-quote:hover a:last-child,
.post-link:hover span {
    color: #fff
}
.post-quote:hover .top-icon {
    background-position: 0 -49px
}
.post-link div a {
    color: #fff;
    font-weight: 400
}
.post-link h5 {
    line-height: 30px
}
.post-link:hover .top-icon {
    background-position: 100% -49px
}
#infscr-loading {
    position: fixed;
    bottom: 250px;
    left: 48%;
    z-index: 100;
    padding: 15px;
    background: #FFF;
    text-align: center;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #E6E6E6
}
#infscr-loading img {
    margin: 0
}


/*=== SINGLE POST ===*/
.single-post article.post .item .entry-header {
    position: relative
}
.single-post article.post .item .entry-header img {
    width: 100%;
    margin: 0
}
.single-post article.post .item .entry-header img.avatar {
    position: absolute;
    bottom: -35px;
    left: 50%;
    margin-left: -35px;
    z-index: 10;
    width: 70px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%
}

.single-post article.post .item .entry-header .post-format {
    position: relative;
    overflow: inherit
}
.single-post article.post .item .entry-header .single-top-meta {
    margin-bottom: 25px;
    margin-top: 70px;
    text-align: center
}
.single-post article.post .item .entry-header .single-top-meta:after {
    content: '';
    display: block;
    width: 30px;
    margin: 35px auto;
    border-bottom-width: 2px;
    border-bottom-style: solid
}
.single-post article.post .item .entry-header .single-top-meta > p {
    margin: 0;
    line-height: 24px
}
.single-post article.post .item .entry-header .single-top-meta > p a {
    display: inline-block;
    text-transform: uppercase;
    font-weight: 700
}
.single-post article.post .item .entry-header .single-top-meta .title {
    padding: 15px 0
}
.single-post article.post .item .entry-header .author-photo {
    position: relative;
    float: left;
    overflow: hidden;
    border-radius: 50%
}
.single-post article.post .item .entry-header .author-photo img {
    margin: 0
}
.single-post article.post .item .entry-header .post-link {
    position: relative;
    text-align: center
}
.single-post article.post .item .entry-header .post-link > div {
    width: 70%;
    margin: 110px auto 40px
}
.single-post article.post .item .entry-header .post-link > div .top-icon {
    position: absolute;
    top: 50px;
    left: 50%;
    margin-left: -20px
}
.single-post article.post .item .entry-header .post-quote {
    position: relative;
    padding: 0;
    transition: all .8s ease;
    -moz-transition: all .8s ease;
    -webkit-transition: all .8s ease
}
.single-post article.post .item .entry-header .post-quote .wrap-cont {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    text-align: center;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}
.single-post article.post .item .entry-header .post-quote .wrap-cont:before {
    content: '';
    height: 100%;
    display: inline-block;
    vertical-align: middle
}
.single-post article.post .item .entry-header .post-quote .wrap-cont >div {
    width: 90%;
    height: auto;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    line-height: 25px;
    color: #fff
}
.single-post article.post .item .entry-header .post-quote .top-icon {
    display: block;
    margin: 0 auto 50px;
    position: relative;
    bottom: inherit;
    right: inherit
}
.single-post article.post .item .entry-header .post-quote figure {
    overflow: hidden
}
.single-post article.post .item .entry-header .post-quote .quote-content {
    position: absolute;
    top: 0;
    left: 10%;
    width: 80%;
    height: 100%;
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=1);
    z-index: 12;
    margin: 0;
    font-size: 18px;
    line-height: 32px;
    border-left: none;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    text-align: center;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    color: #fff
}
.single-post article.post .item .entry-header .post-quote .quote-content:before {
    content: '';
    height: 100%;
    display: inline-block;
    vertical-align: middle
}
.single-post article.post .item .entry-header .post-quote blockquote > span {
    display: block;
    margin-top: 20px
}
.single-post article.post .item .entry-header .post-quote blockquote > a,
.single-post article.post .item .entry-header .post-quote blockquote cite>a,
.single-post article.post .item .entry-header .post-quote .quote-content span {
    display: block;
    margin-top: 30px;
    font-size: 14px;
    line-height: 18px;
    font-style: normal;
    color: #9e9e9e
}
.single-post article.post .item .entry-header .post-quote .quote-content span.top-icon {
    position: relative;
    margin: 0 auto 50px;
    right: inherit;
    bottom: inherit
}
.single-post article.post .item .entry-header .post-quote figure.entry-thumbnail:before {
    content: " ";
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    opacity: 1;
    filter: alpha(opacity=100)
}
.single-post article.post .item .entry-header .post-quote figure.entry-thumbnail img {
    min-height: 350px;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
}
.single-post article.post .item .entry-header .post-quote:hover figure.entry-thumbnail img {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1)
}
.single-post article.post .item .entry-meta,
.single-post article.post .item .entry-meta li,
.single-post article.post .item .entry-meta li a {
    font-style: italic;
    font-size: 13px;
    color: #bcbcbc
}
.single-post article.post .item .entry-meta li.meta-seperate {
    padding: 0
}
.single-post article.post .item .entry-meta li.meta-seperate:before {
    content: '/'
}
.single-post article.post .item .entry-meta li.meta-author a {
    color: #888
}
.single-post article.post .item .entry-content {
    margin-top: 30px
}
.single-post article.post .item .entry-content .meta-tags {
    margin: 40px 0 0
}
.single-post article.post .item .entry-content .post-share {
    margin: 30px 0 0
}
.single-post article.post .item .entry-content .gallery {
    overflow: hidden;
    margin-bottom: 20px
}
.single-post article.post .item .entry-content .wp-video {
    margin: 0 auto 20px
}
.single-post article.post .item .meta-tags span {
    font-weight: 700
}
.single-post article.post .item .meta-tags a {
    color: #898989
}
.single-post article.post .item .post-share p {
    display: inline-block;
    margin: 0 10px 10px 0
}
.single-post article.post .item .post-share .view-project i.fa {
    padding-left: 10px
}
.single-post article.post .item .post-share .catanis-love {
    display: block;
    min-height: 40px;
    line-height: 38px;
    padding: 0 15px;
    border: 1px solid #e6e6e6
}
.single-post article.post .item .post-share .catanis-love i.fa {
    padding-right: 10px
}
.single-post article.post .item .post-share .wrap-social {
    position: relative;
    display: inline-block
}
.single-post article.post .item .post-share .btn-share {
    display: block;
    width: 45px;
    height: 40px;
    line-height: 38px;
    text-align: center;
    border: 1px solid #e6e6e6
}
.single-post article.post .item .post-share .social-share {
    position: absolute;
    top: 0;
    left: 60px;
    z-index: 10;
    padding: 2px 10px;
    text-align: center;
    opacity: 0;
    filter: alpha(opacity=0);
    background: #252525
}
.single-post article.post .item .post-share .social-share:before {
    content: "";
    display: block;
    position: absolute;
    left: -10px;
    top: 10px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #252525
}
.single-post article.post .item .post-share .social-share ul {
    margin: 0
}
.single-post article.post .item .post-share .social-share.items1 {
    width: 50px
}
.single-post article.post .item .post-share .social-share.items2 {
    width: 80px
}
.single-post article.post .item .post-share .social-share.items3 {
    width: 110px
}
.single-post article.post .item .post-share .social-share.items4 {
    width: 140px
}
.single-post article.post .item .post-share .social-share.items5 {
    width: 170px
}
.single-post article.post .item .post-share .social-share.items6 {
    width: 200px
}
.single-post article.post .item .post-share .social-share li {
    display: inline-block;
    width: 30px;
    padding: 5px 10px;
    text-align: center;
    line-height: 25px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease
}
.single-post article.post .item .post-share .social-share li a {
    color: #fff
}
.single-post .author-info {
    position: relative;
    padding: 20px;
    border: 1px solid;
    border-bottom-width: 2px;
    margin-top: 40px;
    border-color: #E6E6E6
}
.author-description {
    padding-top: 5px
}
.single-post .author-info .author-title {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    padding-bottom: 5px
}
.single-post .author-info .avatar {
    float: left;
    width: 120px;
    height: 120px;
    margin: 0 1.6842em 1.6842em 0
}
.author-socials li {
    display: inline-block;
    margin: -5px 10px 0 -10px;
    list-style-type: none;
    text-align: center;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease
}
.author-socials li a {
    display: block;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    padding-top: 5px
}
.author-socials li a:hover {
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease
}
.single-attachment article.attachment.type-attachment .entry-header > p {
    text-align: center
}

/*Post With No-Thumb*/
.post-area.ca-post-masonry.cols1 .blog-item .item.no-thumb{
    border-top: 1px solid #eee;
}
.post-area.ca-post-masonry.cols1 .posts-container article:first-of-type .item.no-thumb{
    border-top:0;
	margin-top: -25px;
}
.post-area.ca-post-masonry.cols1 .posts-container article.format-link:first-of-type .item.no-thumb{
	margin-top:0;
}
.single-post article.post .item.no-thumb .entry-header img.avatar{
	position: relative;
    bottom: inherit;
    left: inherit;
    margin: 0 auto -45px;
    display: block;
}
.single-post article.post .item.no-thumb .entry-header .post-link img.avatar{
	position: absolute;
    bottom: -35px;
    left: 50%;
    margin: 0 0 0 -35px;
}
.single-post article.post .item.no-thumb .post-quote:hover{
	background: transparent;
}
.ca-post-list .blog-item .item.no-thumb .entry-content {
    float: none; 
    width: 100%;
    padding: 0;
}
.single-post article.post .item.no-thumb .entry-header .post-quote figure,
.single-post article.post .item.no-thumb .entry-header .post-quote .wrap-cont >div{
	display: none;
}


/*=== RELETED POST ===*/
.related.related_post {
    margin-top: 40px
}
.related.related_post .heading {
    text-transform: uppercase;
    padding-bottom: 35px
}
.related.related_post li {
    list-style: none
}
.related.related_post li .post-item .thumbnail {
    position: relative;
    width: 100%;
    display: block
}
.related.related_post li .post-item .thumbnail img {
    margin-bottom: 0
}
.container.cata-template-sidebar .related.related_post .catanis-shortcode.related_post_slider .owl-controls .owl-next,
.container.cata-template-sidebar .related.related_post .catanis-shortcode.related_post_slider .owl-controls .owl-prev {
    top: 70px
}
.related.related_post li .post-item h5 {
    clear: both;
    padding-top: 25px;
    padding-bottom: 5px;
    font-style: normal;
    font-weight: 400
}
.related.related_post li .post-item p.metadata,
.related.related_post li .post-item p.metadata a {
    margin-bottom: 15px;
    color: #bcbcbc
}
.related.related_post li .post-item .excerpt p {
    margin-bottom: 0
}
.related.related_post li .post-item .excerpt a.read-more {
    clear: both;
    display: block;
    margin-top: 20px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px
}
.related.related_post li .post-item .excerpt a.read-more .more-arrow {
    padding-right: 10px;
    float: left;
    transition: all .3s ease-in-out 0;
    -moz-transition: all .3s ease-in-out 0;
    -webkit-transition: all .3s ease-in-out 0
}
.related.related_post li .post-item .excerpt a.read-more:hover .more-arrow {
    padding-right: 5px
}
.related.related_post .catanis-shortcode.related_post_slider .owl-controls .owl-next,
.related.related_post .catanis-shortcode.related_post_slider .owl-controls .owl-prev {
    top: 110px
}

/*=== POST NAVIGATION Next & Prev ===*/
.navi-project.row {
    margin: 40px 0 0;
    padding: 20px 0;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6
}
.navi-next {
    position: relative;
    text-align: right
}
.navi-next a[rel="next"] {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 40px
}
.navi-next .info {
    margin-right: 35px;
    padding-top: 4px
}
.navi-prev {
    position: relative
}
.navi-prev a[rel="prev"] {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 40px
}
.navi-prev .info {
    margin-left: 35px;
    padding-top: 4px
}
.navi-next .info h5,
.navi-prev .info h5 {
    padding: 0;
    font-size: 16px;
    line-height: 16px;
    font-weight: 400
}
.navi-next .info p,
.navi-prev .info p {
    margin: 0
}
.navi-center {
    text-align: center
}
.navi-center a {
    display: inline-block;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 38px;
    font-size: 24px;
    border: 1px solid #e6e6e6
}


/*=== COMMENT LIST ===*/
#comments {
    margin-top: 95px
}
#comments .comments-title {
    text-transform: uppercase;
    padding-bottom: 35px
}
ol.commentlist {
    position: relative;
    list-style: none;
    padding: 0;
    text-indent: 0
}
ol.commentlist li {
    list-style: none
}
#comments ol.commentlist li #respond {
    margin: 30px 0
}
ol.commentlist li.comment article {
    overflow: hidden;
    margin-bottom: 20px
}
ol.commentlist li.comment div.comment-author {
    float: left;
    display: inline-block;
    vertical-align: top;
    min-width: 70px
}
ol.commentlist li.comment div.comment-author>h6 {
    font-size: 0;
    padding: 0
}
ol.commentlist li.comment div.wrap-comment-info {
    position: relative;
    margin-left: 100px;
    padding: 25px 20px;
    border-width: 1px;
    border-style: solid;
    border-color: #f5f5f5
}
ol.commentlist li.comment div.wrap-comment-info:before {
    content: "";
    position: absolute;
    top: 25px;
    left: -20px;
    z-index: 10;
    width: 20px;
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
    border-right: 10px solid #f5f5f5
}
ol.commentlist li.comment div.wrap-comment-info .comment-metadata {
    margin-bottom: 15px
}
ol.commentlist li.comment .meta-datetime {
    font-size: 14px;
    padding-right: 5px;
    color: #9e9e9e
}
ol.commentlist li.comment .comment-edit-link {
    float: right;
    font-size: 14px;
    border-bottom: 1px solid
}
ol.commentlist li.comment div.wrap-comment-info cite.fn {
    margin-right: 20px
}
ol.commentlist li.comment div.wrap-comment-info cite.fn,
ol.commentlist li.comment div.wrap-comment-info cite.fn a.url {
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase
}
ol.commentlist li.comment div.vcard img.avatar {
    border-radius: 50%;
    width: 70px
}
ol.commentlist li.comment ul,
ol.commentlist li.comment ol {
    margin-left: 20px
}
#comments ol.commentlist li.comment ul li {
    list-style: square inside none
}
#comments ol.commentlist li.comment ol li {
    list-style: circle inside none
}
#comments ol.commentlist li.comment img,
#comments ol.commentlist li.comment p:last-child {
    margin: 0
}
#comments ol.commentlist li.comment p {
    margin-bottom: 10px
}
#comments ol.commentlist li.comment p.comment-awaiting-moderation {
    display: inline-block;
    padding: 0 10px;
    border-width: 1px;
    border-style: dashed
}
#comments ol.commentlist li.comment code {
    margin: 0;
    padding: 0 10px;
    line-height: 20px
}
#comments ol.commentlist li.comment strong {
    font-weight: 700
}

/* - (p, em, strong, blockquote, ul, ol, etc.)*/
ol.commentlist li.comment div.reply {
    clear: both;
    display: inline-block;
    margin-top: 30px;
    font-size: 12px
}
ol.commentlist li.comment div.reply a {
    text-transform: uppercase;
    padding: 5px 15px;
    border-width: 1px;
    border-style: solid
}
ol.commentlist li.comment ul.children {
    list-style: none;
    margin: 1em 0 0;
    text-indent: 0
}
#comments ol.commentlist li.comment ul.children li {
    list-style: none
}
ol.commentlist li.comment ul.children li.depth-2 {
    margin: 0 0 0 110px
}
ol.commentlist li.comment ul.children li.depth-3 {
    margin: 0 0 0 110px
}
ol.commentlist li.comment ul.children li.depth-4 {
    margin: 0 0 0 110px
}
ol.commentlist li.comment ul.children li.depth-5 {
    margin: 0 0 0 110px
}
ol.commentlist li.pingback article {
    overflow: hidden;
    margin-bottom: 20px;
    border: 1px solid #f5f5f5;
    background-color: #fff;
    padding: 25px 20px
}
ol.commentlist li.pingback cite.fn {
    margin-right: 20px;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase
}
ol.commentlist li.pingback .meta-datetime {
    font-size: 14px;
    padding-right: 5px;
    color: #9e9e9e
}
ol.commentlist li.pingback .comment-edit-link {
    float: right;
    font-size: 14px;
    border-bottom: 1px solid
}
ol.commentlist li.pingback ul.children li {
    margin: 0 0 0 110px
}

/*=== COMMENT FORM ===*/
#comments .heading-title,
#respond .heading-title {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 15px 30px;
    font-size: 20px;
    line-height: 24px;
    font-weight: 700
}
#comments .heading-title:before,
#respond .heading-title:before {
    content: "";
    position: absolute;
    top: -1px;
    bottom: -1px;
    left: -1px;
    right: -1px;
    border-width: 1px;
    border-style: solid
}
#comments .heading-title:after,
#respond .heading-title:after {
    content: "";
    position: absolute;
    top: -1px;
    left: auto;
    right: -1px;
    bottom: auto;
    width: 9px;
    height: 9px
}

/*=== COMMENT RESPOND ===*/
#comments #respond {
    margin-top: 95px
}
#comments #reply-title {
    text-transform: uppercase;
    padding-bottom: 15px
}
#comments #cancel-comment-reply-link {
    text-transform: capitalize;
    font-size: 13px
}
#respond #commentform button {
    min-width: 135px
}
#respond #commentform .label:after {
    content: "*";
    margin-left: 2px;
    font-size: 12px;
    font-family: arial!important;
    color: red
}
#respond #commentform {
    display: block;
    margin: 0;
    padding: 0
}
#respond p label {
    display: block;
    margin: 0 10px 7px 0;
    padding: 0;
    border: 0;
    font-size: 9px;
    line-height: 12px;
    font-weight: 700;
    text-transform: uppercase;
    background: transparent;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    text-shadow: none;
    -moz-text-shadow: none;
    -webkit-text-shadow: none;
    transition: all .2s ease-in-out 0;
    -moz-transition: all .2s ease-in-out 0;
    -webkit-transition: all .2s ease-in-out 0
}
#respond p.logged-in-as {
    margin-top: 10px
}
#respond #commentform .logged-in-as a {
    font-size: 12px;
    font-weight: 700
}
body div.pp_woocommerce #respond .form-submit,
#respond p.form-submit {
    margin-top: 10px;
    display: inline-block
}
#respond p.info {
    margin-bottom: 25px
}
#respond #commentform .logged-in-as a:first-child {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase
}
#respond #commentform .label {
    background: transparent;
    border: 0;
    padding: 0
}
#respond #commentform input {
    width: 100%;
    max-width: 435px
}
#respond #commentform .comment-author-wrapper,
#respond #commentform .comment-message-wrapper {
    overflow: hidden;
    width: 100%;
    clear: both
}
#respond #commentform .comment-author-wrapper p {
    display: inline-block;
    float: left;
    width: 32%;
    margin-right: 2%
}
#respond #commentform .comment-author-wrapper p:last-child {
    margin: 0
}
#respond #commentform p.form-submit {
    clear: both;
    margin-top: 10px;
    padding: 0 25px
}
#respond #commentform p.form-submit .icon {
    padding-right: 15px;
    margin-right: 15px;
    border-right: 1px solid;
}
#respond #commentform p.form-submit input#submit {
    width: auto;
    color: #fff;
    background: none;
    padding: 0
}
#respond #commentform p.form-submit:hover {
    background-color: #FFF;
    border: 1px solid #AAA
}
#respond #commentform textarea {
    width: 100%;
    min-height: 170px
}


/*=============================================================================================================*/
/*=== III. WIDGETS ============================================================================================*/
/*=============================================================================================================*/

/*=== WIDGET SETTING GENERAL ===*/
.fix {
    clear: both
}
.widget-container {
    position: relative;
    clear: both;
    overflow: hidden;
    margin-bottom: 55px;
    list-style: none
}
.widget-container:last-child {
    margin-bottom: 0
}
.widget_title_wrapper .widget-title {
    padding-bottom: 20px;
    font-size: 16px;
    text-transform: uppercase
}
.widget-container ul {
    overflow: hidden;
    clear: both
}
.widget-container.widget_text ul li a {
    display: inline-block
}
.widget-container ul li {
    position: relative;
    list-style: none
}
.widget-container > select {
    width: 100%;
    margin: 0;
    max-width: 300px
}
.widget_rss ul li:last-child,
.widget_archive ul li:last-child,
.widget_categories ul li:last-child,
.widget_meta ul li:last-child,
.widget_pages ul li:last-child {
    border: 0;
    padding-bottom: 0;
    margin-bottom: 0
}
.widget_nav_menu ul {
    margin-left: 0
}
.widget_nav_menu ul.menu>li>ul,
.widget_nav_menu ul.menu>li>ul>li>ul {
    margin-left: 20px
}
.widget_nav_menu li {
    padding-bottom: 0!important
}
.widget_categories ul li:nth-last-child(1) > ul > li:nth-last-child(1) {
    margin-bottom: 0
}

/*=== WIDGET EFFECT THUMBNAIL IMAGE ===*/
.wg-instagram .insta-items a:before,
.wg-flickr .flickr-items a:before,
.cata-effect-thumbnail:before {
    z-index: 10;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -webkit-transform: scale(0, 1);
    transition: all .4s ease;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease
}
.wg-instagram .insta-items a:after,
.wg-flickr .flickr-items a:after,
.cata-effect-thumbnail:after {
    z-index: 12;
    content: "+";
    position: absolute;
    top: 50%;
    left: 0;
    text-align: center;
    line-height: 100%;
    height: 30px;
    width: 100%;
    transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    transition: all .4s ease;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    margin-top: -15px;
    font-size: 40px;
    font-family: 'FontAwesome';
    font-weight: 400;
    color: #fff
}
.wg-instagram .insta-items a:hover:before,
.wg-flickr .flickr-items a:hover:before,
.notouch .effect_color:hover:before,
.notouch .project-thumbnail:hover:before,
.cata-effect-thumbnail:hover:before {
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    opacity: .4
}
.wg-instagram .insta-items a:hover:after,
.wg-flickr .flickr-items a:hover:after,
.notouch .effect_color:hover:after,
.notouch .project-thumbnail:hover:after,
.cata-effect-thumbnail:hover:after {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1)
}

/*=== WIDGET LOADING ===*/
.cata-widget-loading {
    min-height: 120px
}
.cata-widget-loading:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    content: "";
    z-index: 11;
    background-color: rgba(255, 255, 255, 0.8)
}
.cata-widget-loading:after {
    position: absolute;
    top: 45%;
    left: 45%;
    content: "";
    z-index: 12;
    font-size: 10px;
    margin: 0 auto 3em;
    border-radius: 50%;
    text-indent: -9999em;
    width: 2em;
    height: 2em;
    border-top: .4em solid rgba(0, 0, 0, 0.2);
    border-right: .4em solid rgba(0, 0, 0, 0.2);
    border-bottom: .4em solid rgba(0, 0, 0, 0.2);
    border-left: .4em solid #000;
    -webkit-animation: load8 .5s infinite linear;
    animation: load8 .5s infinite linear
}
@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}


/*=== WIDGET SLIDER NAVIGATION Owl Carousel ===*/
.widget-container .owl-theme .owl-controls .owl-prev,
.widget-container .owl-theme .owl-controls .owl-next {
    position: absolute;
    top: -40px;
    right: 32px;
    font-size: 0;
    line-height: 23px;
    width: 24px;
    height: 24px;
    margin: initial;
    padding: initial;
    color: initial;
    background: #FFF;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 1px solid #e6e6e6
}
.widget-container .owl-theme .owl-controls .owl-next {
    right: 0
}
.widget-container .owl-theme .owl-controls .owl-next:before {
    content: "\f0da";
    font-family: 'FontAwesome';
    font-size: 16px
}
.widget-container .owl-theme .owl-controls .owl-prev:before {
    content: "\f0d9";
    font-family: 'FontAwesome';
    font-size: 16px
}
.widget-container .owl-theme .owl-controls .owl-prev:hover,
.widget-container .owl-theme .owl-controls .owl-next:hover {
    color: #FFF
}

/*============================================================================================*/
/*=== 1. (WP) WIDGET SEARCH & COMMENT ========================================================*/
.widget_search form {
    overflow: hidden;
    display: block;
    position: relative
}
.widget_search form p {
    display: none
}
.widget_search form label {
    margin: 0;
    width: 90%
}
.widget_search form input.search-field {
    padding: 10px;
    width: 100%
}
.widget_search form input.search-input {
    width: 100%
}
.widget_search form input[type^=submit] {
    position: absolute;
    right: 0;
    top: 2px;
    border: none;
    text-indent: -9999px;
    padding: 12px 20px;
    background: url(images/icon_search.png) no-repeat 50% 11px
}
.widget_recent_comments li .comment-author-link {
    font-weight: 700
}

/*============================================================================================*/
/*=== 2. (WP) WIDGET RSS =====================================================================*/
.widget_rss .widget-title img {
    margin: 3px 5px 0 0
}
.widget_rss ul li {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #e6e6e6
}
.widget_rss ul li a.rsswidget {
    margin-right: 5px;
    font-weight: 700;
    text-transform: capitalize
}

/*============================================================================================*/
/*=== 3. (WP + CATANIS) WIDGET TAGS CLOUD ====================================================*/
.widget_tag_cloud .tagcloud,
.wg-tag-cloud .tagcloud {
    overflow: hidden
}
.widget_tag_cloud .tagcloud a,
.wg-tag-cloud .tagcloud a {
    float: left;
    display: inline-block;
    font-size: 12px!important;
    line-height: 20px;
    padding: 6px 15px;
    margin: 0 5px 7px 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border: 1px solid transparent;
    background: #E6E6E6
}
.widget_tag_cloud .tagcloud a:hover,
.wg-tag-cloud .tagcloud a:hover {
    background: transparent;
    border-color: #E6E6E6
}
.wd_tag_cloud .wd_widget_tag_cloud embed {
    margin-top: -20px
}
.wd_tag_cloud .wd_widget_tag_cloud a:hover,
.wd_tag_cloud .wd_widget_tag_cloud a:focus {
    text-decoration: none
}

/*============================================================================================*/
/*=== 4. (WP) WIDGET META ====================================================================*/
.widget_meta ul li:before {
    display: inline-block;
    float: right;
    width: 12%;
    text-align: right;
    font: normal normal normal 14px/20px FontAwesome
}
.widget_meta ul li:nth-child(1):before {
    content: "\f023"
}
.widget_meta ul li:nth-child(2):before {
    content: "\f143"
}
.widget_meta ul li:nth-child(3):before {
    content: "\f086"
}
.widget_meta ul li:nth-child(4):before {
    content: "\f19a"
}
.widget_meta ul.meta-logged li:nth-child(1):before {
    content: "\f0e4"
}
.widget_meta ul.meta-logged li:nth-child(2):before {
    content: "\f08b"
}
.widget_meta ul.meta-logged li:nth-child(3):before {
    content: "\f143"
}
.widget_meta ul.meta-logged li:nth-child(4):before {
    content: "\f086"
}
.widget_meta ul.meta-logged li:nth-child(5):before {
    content: "\f19a"
}

/*============================================================================================*/
/*=== 5. (WP) WIDGET CALENDAR ================================================================*/
.widget_calendar {
    float: left
}
.widget-container #calendar_wrap {
    margin-top: 0;
    border: 0!important
}
#wp-calendar {
    margin: 0;
    width: 100%;
    text-align: center;
    border: 1px solid #E6E6E6
}
#calendar_wrap {
    padding-left: 0
}
#wp-calendar caption {
    text-align: center;
    text-transform: uppercase;
    border-width: 0;
    border-style: solid;
    font-weight: 700;
    font-size: 16px;
    background: #E6E6E6
}
#wp-calendar thead tr th {
    border: 0;
    letter-spacing: 0;
    padding: 10px 0 5px;
    text-align: center;
    font-size: 12px
}
#wp-calendar tbody tr td {
    border: none;
    text-align: center;
    padding: 8px;
    white-space: nowrap
}
#wp-calendar tfoot tr td {
    border: 0;
    letter-spacing: 0;
    padding: 8px;
    text-align: center;
    background: #E6E6E6
}
#wp-calendar tbody td:not(.pad):hover {
    color: #FFF
}
#wp-calendar tfoot td#prev {
    text-align: left;
    padding: 10px 0 5px 5px;
    font-size: 12px;
    text-transform: uppercase
}
#wp-calendar tfoot td.pad a {
    font-weight: 700
}
#wp-calendar tfoot td#next {
    text-align: right;
    padding: 10px 5px 5px 0;
    font-size: 12px;
    text-transform: uppercase
}

/*============================================================================================*/
/*=== 6. (WP) WIDGET CATAGORIES ==============================================================*/
/*=== 7. (WP) WIDGET CUSTOM MENU =============================================================*/
/*=== 8. (WP) WIDGET PAGE ====================================================================*/
.widget_nav_menu > ul ul,
.widget_pages > ul ul,
.widget_categories > ul ul {
    margin: 0 0 0 25px;
    clear: both
}
.widget_recent_comments ul li,
.widget_archive ul li,
.widget_categories ul li,
.widget_meta ul li,
.widget_nav_menu div ul li,
.widget_pages ul li,
.widget_recent_entries ul li {
    list-style: none;
    padding: 10px 0 0;
    line-height: 140%;
    position: relative;
    text-indent: 0;
    clear: both;
    display: block;
    min-height: 40px;
    border-bottom: 1px solid #e6e6e6
}
.widget_recent_comments ul li:last-child,
.widget_archive ul li:last-child,
.widget_categories ul li:last-child,
.widget_meta ul li:last-child,
.widget_nav_menu div ul li:last-child,
.widget_pages ul li:last-child,
.widget_recent_entries ul li:last-child {
    border: none
}
.widget_nav_menu ul li,
.widget_categories ul li {
    clear: both;
    text-align: right;
    overflow: hidden
}
.widget_nav_menu ul li a,
.widget_categories ul li a {
    float: left
}
.widget_nav_menu li.collapsed:before,
.widget_nav_menu li.expanded:before,
.widget_pages li.collapsed:before,
.widget_pages li.expanded:before,
.widget_categories li.collapsed:before,
.widget_categories li.expanded:before {
    content: "\f0d7";
    display: inline-block;
    position: absolute;
    top: 12px;
    right: 0;
    font: normal normal normal 14px/14px FontAwesome;
    border-radius: 3px 3px 3px 3px;
    width: 16px;
    height: 16px;
    line-height: 15px;
    cursor: pointer;
    text-align: center;
    -webkit-transition: background .3s ease, border-color .2s ease, color .3s ease;
    transition: background .3s ease, border-color .2s ease, color .3s ease
}
.widget_nav_menu li.collapsed:before,
.widget_pages li.collapsed:before {
    content: "\f0d7"
}
.widget_nav_menu li.expanded:before,
.widget_pages li.expanded:before {
    content: "\f0d8"
}
.widget_recent_entries .post-date {
    display: inline-block;
    width: 100%;
    font-size: 12px;
    font-style: italic
}

.widget_recent_comments ul li{
    padding-bottom: 10px;
}
/*--- Archive ---*/
.widget_archive li {
    text-align: right
}
.widget_archive li a {
    float: left
}

/*--- Page ---*/
.widget_pages ul li a:hover {
    text-decoration: none
}

/*============================================================================================*/
/*=== 9. (PLUGIN) WIDGET REVOLUTION SLIDER ===================================================*/
aside.sidebar .rev_slider_wrapper {
    margin-bottom: 35px!important
}
aside.sidebar .rev_slider_wrapper .tp-rightarrow.default,
aside.sidebar .rev_slider_wrapper .tp-leftarrow.default {
    display: none!important
}
aside.sidebar .rev_slider_wrapper .tp-bullets {
    bottom: 0!important
}

/*============================================================================================*/
/*=== 10. (CATANIS) WIDGET INSTAGRAM =========================================================*/
.wg-instagram .insta-items {
    padding: 0;
    margin: 0 -5px;
    zoom: 1;
    overflow: hidden
}
.wg-instagram .insta-items:before,
.wg-instagram .insta-items:after {
    content: "";
    display: table
}
.wg-instagram .insta-items:after {
    clear: both
}
.wg-instagram .insta-items * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.wg-instagram .insta-items li {
    float: left;
    padding: 3px!important;
    margin: 0;
    background: none;
    border: none;
    position: relative
}
.wg-instagram .insta-items img {
    display: block;
    width: 100%;
    margin: 0
}
.wg-instagram .insta-columns-1 li {
    width: 100%
}
.wg-instagram .insta-columns-2 li {
    width: 50%
}
.wg-instagram .insta-columns-3 li {
    width: 33.333333%
}
.wg-instagram .insta-columns-4 li {
    width: 25%
}
.wg-instagram .insta-columns-5 li {
    width: 20%
}
.wg-instagram .insta-columns-6 li {
    width: 16.666666%
}
.wg-instagram .insta-columns-1.insta-items img {
    height: 120px
}
.wg-instagram a.see-more {
    display: inline-block;
    float: right;
    font-size: 12px;
    font-style: italic;
    padding-top: 5px;
    border-bottom: 1px solid #E6E6E6
}
.wg-instagram a.see-more .fa {
    padding-right: 5px;
}

/*============================================================================================*/
/*=== 11. (CATANIS) WIDGET FLICKR ============================================================*/
.wg-flickr .flickr-items {
    padding: 0;
    margin: 0 -5px;
    zoom: 1;
    overflow: hidden
}
.wg-flickr .flickr-items:before,
.wg-flickr .flickr-items:after {
    content: "";
    display: table
}
.wg-flickr .flickr-items:after {
    clear: both
}
.wg-flickr .flickr-items * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.wg-flickr .flickr-items li {
    position: relative;
    float: left;
    padding: 3px;
    margin: 0;
    background: none;
    border: none;
    list-style: none
}
.wg-flickr .flickr-items img {
    display: block;
    width: 100%;
    margin: 0
}
.wg-flickr .flickr-columns-1 li {
    width: 100%
}
.wg-flickr .flickr-columns-2 li {
    width: 50%
}
.wg-flickr .flickr-columns-3 li {
    width: 33.333333%
}
.wg-flickr .flickr-columns-4 li {
    width: 25%
}
.wg-flickr .flickr-columns-5 li {
    width: 20%
}
.wg-flickr .flickr-columns-6 li {
    width: 16.666666%
}
.wg-flickr .flickr-columns-1.flickr-items img {
    height: 120px
}
.wg-flickr a.see-more {
    float: right;
    display: inline-block;
    font-size: 12px;
    font-style: italic;
    border-bottom: 1px solid #898989
}
.wg-instagram .insta-items a:before,
.wg-flickr .flickr-items a:before {
    left: 3px;
    right: 3px;
    top: 3px;
    bottom: 3px;
    background: rgba(0, 0, 0, 0.5);
    width: inherit;
    height: inherit
}
.wg-instagram .insta-items a:after,
.wg-flickr .flickr-items a:after {
    top: 45%;
    left: 0;
    margin-left: 0;
    margin-top: 0;
    width: 100%;
    height: auto;
    line-height: 25%;
    font-size: 30px
}


/*============================================================================================*/
/*=== 12. (CATANIS) WIDGET TWITTER ===========================================================*/
.wg-twitter.widget-container .status-item {
    margin-bottom: 12px
}
.wg-twitter.widget-container .widget-title:before {
    content: "\f099";
    display: inline-block;
    margin-right: 10px;
    font: normal normal normal 14px/20px FontAwesome
}
.wg-twitter.widget-container .author-datetime {
    margin-top: 10px
}
.wg-twitter.widget-container .slider-dots .owl-theme .owl-controls {
    margin-top: 30px
}

/*============================================================================================*/
/*=== 13. (CATANIS) WIDGET TESTIMONIAL =======================================================*/
.wg-testimonials .testimonial-item {
    margin-bottom: 20px
}
.wg-testimonials .testimonial-item:last-child {
    margin-bottom: 0
}
.wg-testimonials .testimonial-item .testimonial-content {
    padding: 12px 20px;
    position: relative;
    width: 99.5%;
    border: 1px solid #E6E6E6
}
.wg-testimonials .testimonial-item .testimonial-content:after,
.wg-testimonials .testimonial-item .testimonial-content:before {
    content: "";
    position: absolute;
    top: 99%;
    left: 47%;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-top: 10px solid #E6E6E6
}
.wg-testimonials .testimonial-item .testimonial-content:before {
    z-index: 1;
    top: 100%;
    border-right-color: transparent!important;
    border-left-color: transparent!important
}
.wg-testimonials .testimonial-item .testimonial-content:after {
    border-top-color: #fff;
    z-index: 10
}
.wg-testimonials .testimonial-item .info {
    text-align: center;
    margin-top: 25px
}
.wg-testimonials .testimonial-item .info p.title-occupation {
    margin: 10px 0 0
}
.wg-testimonials .testimonial-item .info p.title-occupation a {
    font-weight: 700
}
.wg-testimonials .testimonial-item .info img {
    width: 70px;
    margin: auto;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%
}

/*============================================================================================*/
/*=== 14. (CATANIS) WIDGET RECENT COMMENT ====================================================*/
.wg-recent-comments .widget_per_slide,
.wg-recent-comments li {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #E6E6E6
}
.wg-recent-comments .widget_per_slide:last-child,
.wg-recent-comments li:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border: none
}
.wg-recent-comments li .detail .wrap-avatar {
    float: left;
    margin-right: 12px;
    width: 50px;
    height: 50px
}
.wg-recent-comments li .detail .wrap-avatar img {
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%
}
.wg-recent-comments li .detail .cinfo > a {
    display: block;
    line-height: 20px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    padding-top: 0
}
.wg-recent-comments li .detail span.cdate {
    display: block;
    margin-top: -2px;
    line-height: 20px
}
.wg-recent-comments li .detail blockquote {
    margin: 10px 0 0;
    padding: 0;
    border: none;
    font-size: 14px;
    font-weight: 400
}

/*============================================================================================*/
/*=== 15. (CATANIS) WIDGET RECENT POSTS ======================================================*/
.wg-recent-posts .widget_per_slide,
.wg-recent-posts li {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #E6E6E6;
    position: relative
}
.wg-recent-posts .widget_per_slide:last-child,
.wg-recent-posts li:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border: none
}
.wg-recent-posts li.cata-thumb-small .post_thumbnail {
    position: relative;
    float: left;
    margin-right: 15px;
    overflow: hidden
}
.wg-recent-posts li.cata-thumb-large .post_thumbnail {
    position: relative;
    display: inline-block;
    float: none;
    max-width: 100%;
    width: 100%;
    margin-bottom: 10px
}
.wg-recent-posts li.cata-thumb-large .entry-title {
    margin-top: 0
}
.wg-recent-posts li.cata-thumb-small .post_thumbnail img {
    margin-bottom: 0;
    width: 90px
}
.wg-recent-posts li.cata-thumb-large .post_thumbnail img {
    margin-bottom: 0;
    width: 99.5%
}
.wg-recent-posts .entry-title a {
    display: block;
    font-weight: 700
}
.wg-recent-posts .post_thumbnail a {
    display: block
}
.wg-recent-posts .info-detail > span {
    padding-left: 20px;
    margin-right: 20px;
    position: relative;
    margin-bottom: 5px;
    font-size: 12px;
    line-height: 14px;
    display: inline-block
}
.wg-recent-posts .info-detail > span:before {
    position: absolute;
    bottom: 2px;
    left: 0;
    font-size: 14px;
    line-height: 14px;
    font-family: 'FontAwesome'
}
.wg-recent-posts .info-detail > span.date-time {
    margin-right: 0
}
.wg-recent-posts .info-detail > span.comments-count:before {
    content: "\f0e6"
}
.wg-recent-posts .info-detail > span.date-time:before {
    content: "\f133"
}
.wg-recent-posts .info-detail > span.author:before {
    content: "\f007"
}
.cata-thumb-small .cata-effect-thumbnail:before,
.cata-thumb-small .cata-effect-thumbnail:after {
    width: 100%;
    height: 100%
}

/*============================================================================================*/
/*=== 16. (CATANIS) WIDGET TAB POSTS =========================================================*/
.wg-tab-post .tab_post_widget_content {
    position: relative;
    border: 1px solid #E6E6E6
}
.wg-tab-post .tab_post_widget_content img {
    max-width: 100%;
    height: auto
}
.wg-tab-post .tab_post_widget_content ul.cata-tabs li {
    display: block;
    width: 50%;
    float: left;
    text-align: center;
    margin: 0;
    padding: 0!important
}
.wg-tab-post .tab_post_widget_content ul.has-1-tabs li {
    width: 100%;
    float: none;
    margin: 0 auto
}
.wg-tab-post .tab_post_widget_content ul.has-2-tabs li {
    width: 50%
}
.wg-tab-post .tab_post_widget_content ul.has-3-tabs li {
    width: 33.33%
}
.wg-tab-post .tab_post_widget_content ul.has-4-tabs li {
    width: 50%
}
.wg-tab-post .tab_post_widget_content .has-1-tabs .tab_title.selected,
.wg-tab-post .tab_post_widget_content .has-4-tabs .tab_title.selected a {
    border-bottom: 1px solid #E6E6E6
}
.wg-tab-post .tab_post_widget_content .has-4-tabs .tab_title:nth-child(3) a {
    border-left: 0
}
.wg-tab-post .tab_post_widget_content .tab_title a {
    position: relative;
    display: block;
    padding: 2px 0 4px;
    line-height: 2.4;
    text-decoration: none;
    font-weight: 700;
    background: #f0f0f0;
    border-left: 1px solid #E6E6E6;
    border-bottom: 1px solid #E6E6E6
}
.wg-tab-post .tab_post_widget_content .tab_title:first-child a {
    margin-left: 0;
    border-left: 0
}
.wg-tab-post .tab_post_widget_content .tab_title.selected a {
    background: #fff;
    border-bottom: 1px solid #fff
}
.wg-tab-post .tab_post_widget_content .inside {
    padding: 12px 15px 10px;
    min-height: 200px
}
.wg-tab-post .tab_post_widget_content .tab-content li.cata-thumb-large .info-detail {
    margin-top: 5px;
    margin-bottom: 3px
}
.wg-tab-post .tab_post_widget_content .tab-content li p {
    margin: 0
}
.wg-tab-post .tab_post_widget_content .tab-content li:last-child {
    border: none;
    margin-bottom: 0;
    padding-bottom: 0
}
.wg-tab-post .tab_post_widget_content .entry-title {
    font-weight: 700;
    margin: 0 0 5px;
    padding: 0
}
.wg-tab-post .tab_post_widget_content .wp-post-image {
    margin: 0!important
}


/*============================================================================================*/
/*=== 17. (CATANIS) WIDGET SUBSCRIPTIONS =====================================================*/
.wg-subscriptions .subscribe_widget .newsletter {
    margin-bottom: 10px
}
.wg-subscriptions .subscribe_widget form {
    position: relative;
    clear: both;
    overflow: hidden;
    width: 100%;
    display: block
}
.wg-subscriptions .subscribe_widget form input.subscribe_email {
    width: 100%;
    display: block;
    margin-bottom: 15px
}
.wg-subscriptions .subscribe_widget form button.button {
    float: right
}


/*============================================================================================*/
/*=== 18. (CATANIS) WIDGET SOCIALS ===========================================================*/
.wg-socials .ca-social-icons {
    display: inline-block
}
.wg-socials .ca-social-icons li {
    position: relative;
    display: inline-block;
    float: left;
    margin: 0 10px 5px 0;
    width: 30px!important;
    height: 30px;
    line-height: 30px;
    text-align: center
}
.wg-socials .ca-social-icons li a i.fa {
    padding: 0;
    color: #FFF
}
.wg-socials .ca-social-icons.style-iconbox li {
    margin: 0 5px 0 0;
    font-size: 0;
    line-height: 0;
    text-indent: -99999px;
    width: 20px;
    height: 20px
}
.wg-socials .social-icons.style-iconbox li a {
    position: relative;
    display: inline-block;
    float: left;
    padding: 10px;
    width: 20px;
    height: 20px;
    line-height: 20px
}
.wg-socials .social-icons.style-iconbox li a:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 20px;
    height: 20px;
    text-align: center;
    text-indent: 0;
    line-height: 20px;
    font-size: 12px;
    font-weight: 300;
    font-family: 'FontAwesome'
}
.wg-socials .social-icons.normal li.icon-facebook a:before {
    content: "\f09a"
}
.wg-socials .social-icons.normal li.icon-twitter a:before {
    content: "\f099"
}
.wg-socials .social-icons.normal li.icon-flickr a:before {
    content: "\f16e"
}
.wg-socials .social-icons.normal li.icon-google a:before {
    content: "\f0d5"
}
.wg-socials .social-icons.normal li.icon-rss a:before {
    content: "\f09e"
}
.wg-socials .social-icons.normal li.icon-vimeo a:before {
    content: "\f194"
}
.wg-socials .social-icons.normal li.icon-youtube a:before {
    content: "\f167"
}


/*=============================================================================================================*/
/*=== IV. OTHERS ==============================================================================================*/
/*=============================================================================================================*/

/*============================================================================================*/
/*=== 1. PRETTY PHOTO (FOR QUICKSHOP) ========================================================*/
div.pp_overlay {
    background-color: rgba(33, 33, 36, .95)!important
}
body .pp_fade {
    float: left;
    overflow: hidden;
    max-width: 100%
}
body div.pp_default .pp_top .pp_left,
body div.pp_default .pp_top .pp_right,
body div.pp_default .pp_bottom .pp_left,
body div.pp_default .pp_bottom .pp_right,
body div.pp_default .pp_top .pp_middle,
body div.pp_default .pp_bottom .pp_middle,
body div.pp_default .pp_content_container .pp_left,
body div.pp_default .pp_content_container .pp_right {
    background: none!important;
    padding: 0!important
}
body div.pp_default .pp_top .pp_middle,
body div.pp_default .pp_bottom .pp_middle {
    left: 16px;
    right: 16px
}
body div.pp_default .pp_woocommerce div.ppt {
    display: none!important
}
body div.pp_default a.pp_close {
    right: 20px;
    top: 2px
}
body div.pp_default .pp_content {
    width: 100px;
    height: 100px;
    position: relative;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px
}
body div.pp_default .pp_top {
    min-height: 30px
}
div.pp_default .pp_description {
    padding-top: 5px
}
#pp_full_res img {
    margin: 0
}
body div.pp_default .pp_content_container .pp_details {
    padding-left: 10px
}
body div.pp_woocommerce .pp_content_container {
    padding: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none
}
body div.pp_woocommerce .pp_content_container .pp_right {
    padding-right: 0;
    overflow: hidden
}
body .pp_content_container .pp_left {
    padding-left: 0
}
body div.pp_woocommerce .pp_content {
    max-width: 100%;
    min-height: 40px;
    top: auto!important;
    width: 100%!important;
    height: auto!important
}
body div.pp_woocommerce .pp_details {
    padding: 0
}
body div.pp_woocommerce .pp_close {
    z-index: 99999
}
body div.pp_woocommerce div.pp_top {
    display: none
}
body div.pp_woocommerce div.ppt {
    display: none!important
}
body div.pp_woocommerce a.pp_next {
    position: absolute;
    top: 50%;
    right: 0;
    height: 24px!important;
    width: 24px!important;
    margin-top: -15px!important
}
body div.pp_woocommerce a.pp_previous {
    position: absolute;
    top: 50%;
    left: 0;
    height: 24px!important;
    width: 24px!important;
    margin-top: -15px!important
}
body div.pp_woocommerce .pp_hoverContainer {
    top: 40px
}
body div.pp_pic_holder {
    margin-top: 30px
}
body div.pp_woocommerce .pp_loaderIcon {
    background: url(images/ajax-loader.gif) center no-repeat!important;
    width: 32px;
    height: 32px;
    margin: -16px 0 0 -16px
}
div.pp_woocommerce .pp_loaderIcon:before {
    background: none
}
body div.pp_woocommerce .pp_fade:hover .pp_previous:before,
body div.pp_woocommerce .pp_fade:hover .pp_next:before {
    opacity: 1;
    filter: alpha(opacity=100);
    display: block
}
body div.pp_woocommerce .pp_fade .pp_previous:hover:before,
body div.pp_woocommerce .pp_fade:hover .pp_next:hover:before,
div.pp_woocommerce .pp_arrow_next:hover,
div.pp_woocommerce .pp_arrow_previous:hover,
body div.pp_woocommerce .pp_fade .pp_previous:focus,
body div.pp_woocommerce .pp_fade:focus .pp_next:focus:before,
div.pp_woocommerce .pp_arrow_next:focus,
div.pp_woocommerce .pp_arrow_previous:focus {
    opacity: .7;
    filter: alpha(opacity=70);
    text-decoration: none!important
}
body div.pp_woocommerce a.pp_expand,
body div.pp_woocommerce a.pp_contract {
    display: none!important;
    top: 0;
    left: 5px;
    height: 20px;
    width: 20px;
    line-height: 20px;
    background: none;
    border: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0
}
body div.pp_woocommerce a.pp_expand:before,
body div.pp_woocommerce a.pp_contract:before {
    display: none
}
body div.pp_woocommerce .pp_close {
    top: -100px;
    right: 50%;
    margin-right: -15px;
    height: 30px;
    width: 30px;
    line-height: 30px;
    background: none;
    border: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    background: url(images/cross-search.png) no-repeat center center
}
body div.pp_woocommerce .pp_close:hover:before {
    color: #fff
}
body div.pp_woocommerce .pp_close:before {
    display: none
}
body div.pp_woocommerce a.pp_expand:before,
body div.pp_woocommerce a.pp_expand:hover:before,
div.pp_woocommerce .pp_close:before,
div.pp_woocommerce .pp_close:hover:before,
body div.pp_woocommerce a.pp_contract:before,
body div.pp_woocommerce a.pp_contract:hover:before {
    color: #fff
}
body .pp_gallery ul li img {
    margin-bottom: 0
}
body .pp_gallery ul a,
body .pp_gallery ul {
    height: auto
}
body div.pp_woocommerce .pp_previous:before,
body div.pp_woocommerce .pp_next:before {
    position: absolute;
    content: "";
    width: 24px;
    height: 24px;
    font-size: 20px!important;
    line-height: 28px!important;
    color: #fff!important;
    font-weight: 400!important;
    text-shadow: none!important;
    border: 0!important;
    margin-top: -15px;
    border-radius: 0!important;
    -webkit-border-radius: 0!important;
    -moz-border-radius: 0!important;
    -o-border-radius: 0!important;
    background: transparent;
    border: 1px solid
}
body div.pp_woocommerce .pp_previous:before {
    left: 0;
    background-image: url(images/o_button_prev.png)!important;
    background-repeat: no-repeat!important;
    background-position: center!important
}
body div.pp_woocommerce .pp_next:before {
    right: 0;
    background-image: url(images/o_button_next.png)!important;
    background-repeat: no-repeat!important;
    background-position: center!important
}
div.pp_woocommerce .pp_arrow_previous,
div.pp_woocommerce .pp_arrow_next {
    border-radius: 0!important;
    -webkit-border-radius: 0!important;
    -moz-border-radius: 0!important;
    -o-border-radius: 0!important
}
.ie body div.pp_woocommerce .pp_previous:before,
.ie body div.pp_woocommerce .pp_next:before {
    display: block!important;
    line-height: 30px!important
}
body div.pp_woocommerce .pp_arrow_previous:before,
body div.pp_woocommerce .pp_arrow_next:before {
    font-size: 12px!important;
    line-height: 12px!important
}
body div.pp_woocommerce .pp_nav,
body div.pp_woocommerce .pp_description {
    font-size: 12px;
    line-height: 16px;
    display: none!important
}
body .pp_gallery .pp_arrow_previous,
body .pp_gallery .pp_arrow_next {
    margin-top: 20px!important
}
body .pp_gallery img {
    max-width: 50px;
    max-height: 50px
}


/*============================================================================================*/
/*=== 2. PAGINATION ==========================================================================*/
.cata-pagination {
    clear: both;
    padding: 40px 0 20px;
    text-align: center;
    margin-top: 60px;
    border-top: 1px solid #eee
}
.cata-pagination ul li {
    list-style: none;
    list-style-type: none;
    display: inline-block
}
.cata-pagination ul li span,
.cata-pagination ul li a {
    position: relative;
    display: block;
    margin: 0 5px;
    padding: 0;
    width: 40px;
    height: 40px;
    font-size: 14px;
    line-height: 36px;
    font-weight: 700;
    text-align: center;
    background: transparent;
    transition: all .3s ease-in-out 0;
    -moz-transition: all .3s ease-in-out 0;
    -webkit-transition: all .3s ease-in-out 0;
    border: 2px solid #e6e6e6
}
.cata-pagination ul li a.next:before,
.cata-pagination ul li a.prev:before {
    position: absolute;
    left: 2px;
    right: 0;
    bottom: 0;
    top: 0;
    content: "\f178";
    font-family: 'FontAwesome';
    line-height: 38px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    text-indent: 0
}
.cata-pagination ul li a.prev:before {
    content: "\f177"
}
.cata-pagination ul li span.current,
.cata-pagination ul li:hover a {
    color: #FFF
}

/*============================================================================================*/
/*=== 3. PRELOADER ===========================================================================*/
@-webkit-keyframes scale{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}45%{-webkit-transform:scale(0.1);transform:scale(0.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(0.1);transform:scale(0.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(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}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(0deg) scale(1);transform:rotate(0deg) scale(1)}50%{-webkit-transform:rotate(180deg) scale(0.6);transform:rotate(180deg) scale(0.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(0deg) scale(1);transform:rotate(0deg) scale(1)}50%{-webkit-transform:rotate(180deg) scale(0.6);transform:rotate(180deg) scale(0.6)}100%{-webkit-transform:rotate(360deg) scale(1);transform:rotate(360deg) scale(1)}}@keyframes scale{30%{-webkit-transform:scale(0.3);transform:scale(0.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(0deg) scale(1);transform:rotate(0deg) scale(1)}50%{-webkit-transform:rotate(180deg) scale(0.6);transform:rotate(180deg) scale(0.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(0.1);transform:scale(0.1);opacity:1}70%{-webkit-transform:scale(1);transform:scale(1);opacity:.7}100%{opacity:0}}@keyframes ball-scale-ripple{0%{-webkit-transform:scale(0.1);transform:scale(0.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(0.1);transform:scale(0.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(0.1);transform:scale(0.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(0.75);transform:scale(0.75)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes ball-beat{50%{opacity:.2;-webkit-transform:scale(0.75);transform:scale(0.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(0px,0);transform:translate(0px,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(0px,0);transform:translate(0px,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(0px,0);transform:translate(0px,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(0px,0);transform:translate(0px,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(0px,0);transform:translate(0px,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(0px,0);transform:translate(0px,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(0.4);transform:scale(0.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(0.4);transform:scale(0.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(0.4);transform:scale(0.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(0.75);transform:scale(0.75)}}@keyframes ball-pulse-rise-odd{0%{-webkit-transform:scale(0.4);transform:scale(0.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(0.75);transform:scale(0.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(0.5);transform:scale(0.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(0.5);transform:scale(0.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(0.4);transform:scale(0.4)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes ball-spin-fade-loader{50%{opacity:.3;-webkit-transform:scale(0.4);transform:scale(0.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(0.4);transform:scaley(0.4)}100%{-webkit-transform:scaley(1);transform:scaley(1)}}@keyframes line-scale{0%{-webkit-transform:scaley(1);transform:scaley(1)}50%{-webkit-transform:scaley(0.4);transform:scaley(0.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(0.5);transform:scale(0.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(0.5);transform:scale(0.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(0.4);transform:scaley(0.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(0.4);transform:scaley(0.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(0.3);transform:scaley(0.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(0.3);transform:scaley(0.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 red;-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(0deg);transform:rotate(0deg)}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(0deg);transform:rotate(0deg)}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(0.5) rotate(-90deg);transform:translateX(50px) scale(0.5) rotate(-90deg)}50%{-webkit-transform:translate(50px,50px) rotate(-180deg);transform:translate(50px,50px) rotate(-180deg)}75%{-webkit-transform:translateY(50px) scale(0.5) rotate(-270deg);transform:translateY(50px) scale(0.5) rotate(-270deg)}100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}@keyframes cube-transition{25%{-webkit-transform:translateX(50px) scale(0.5) rotate(-90deg);transform:translateX(50px) scale(0.5) rotate(-90deg)}50%{-webkit-transform:translate(50px,50px) rotate(-180deg);transform:translate(50px,50px) rotate(-180deg)}75%{-webkit-transform:translateY(50px) scale(0.5) rotate(-270deg);transform:translateY(50px) scale(0.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(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}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%}
.preloader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 11;
    background: #fff
}
.preloader .ball-scale-ripple {
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    margin-left: -25px;
    margin-top: -25px
}
.preloader .ball-scale-ripple > div {
    border: 2px solid #151515
}
.no-js #loader {
    display: none
}
.js #loader {
    display: block;
    position: absolute;
    left: 100px;
    top: 0
}
.ca-preloader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(images/preloader_page.gif) center no-repeat #fff
}

/*============================================================================================*/
/*=== 4. JQUERY COUNTDOWN ====================================================================*/
.is-countdown {
    border: 1px solid #ccc;
    background-color: #eee
}
.countdown-rtl {
    direction: rtl
}
.countdown-holding span {
    color: #888
}
.countdown-row {
    clear: both;
    width: 100%;
    padding: 0 2px;
    text-align: center
}
.countdown-show1 .countdown-section {
    width: 98%
}
.countdown-show2 .countdown-section {
    width: 48%
}
.countdown-show3 .countdown-section {
    width: 32.5%
}
.countdown-show4 .countdown-section {
    width: 24.5%
}
.countdown-show5 .countdown-section {
    width: 19.5%
}
.countdown-show6 .countdown-section {
    width: 16.25%
}
.countdown-show7 .countdown-section {
    width: 14%
}
.countdown-section {
    display: block;
    float: left;
    font-size: 75%;
    text-align: center;
    border-right: 1px solid #898989
}
.countdown-section:last-child {
    border: none
}
.countdown-amount {
    font-size: 200%
}
.countdown-period {
    display: block
}
.countdown-descr {
    display: block;
    width: 100%
}

/*============================================================================================*/
/*=== 5. SLICK SLIDER ========================================================================*/
.slick-slider {
    position: relative;
    display: block;
    margin-bottom: 30px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}
.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}
.slick-list:focus {
    outline: none
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}
.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block
}
.slick-track:before,
.slick-track:after {
    display: table;
    content: ''
}
.slick-track:after {
    clear: both
}
.slick-loading .slick-track {
    visibility: hidden
}
.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}
[dir='rtl'] .slick-slide {
    float: right
}
.slick-slide img {
    display: block
}
.slick-slide.slick-loading img {
    display: none
}
.slick-slide.dragging img {
    pointer-events: none
}
.slick-initialized .slick-slide {
    display: block
}
.slick-loading .slick-slide {
    visibility: hidden
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}
.slick-arrow.slick-hidden {
    display: none
}
.slick-loading .slick-list {
    background: #fff url(images/ajax-loader.gif) center center no-repeat
}
.slick-prev,
.slick-next {
    display: block;
    position: absolute;
    top: 42%;
    z-index: 30;
    font-size: 0;
    line-height: 0;
    width: 30px;
    height: 30px;
    padding: 0;
    cursor: pointer;
    border: none;
    outline: none;
    opacity: 0;
    filter: alpha(opacity=0);
    background: #000;
    color: #FFF
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    outline: none
}
.slick-prev:before,
.slick-next:before {
    font-size: 20px;
    line-height: 1;
    font-family: 'FontAwesome';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.slick-prev {
    left: 0
}
[dir='rtl'] .slick-prev {
    right: 0;
    left: auto
}
.slick-prev:before {
    content: "\f104"
}
[dir='rtl'] .slick-prev:before {
    content: "\f104"
}
.slick-next {
    right: 0
}
[dir='rtl'] .slick-next {
    right: auto;
    left: 0
}
.slick-next:before {
    content: "\f105"
}
[dir='rtl'] .slick-next:before {
    content: "\f105"
}
.slick-dots {
    position: absolute;
    bottom: -45px;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center
}
.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}
.slick-dots li button {
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    font-size: 0;
    line-height: 0;
    cursor: pointer;
    border: 0;
    outline: none;
    background: transparent;
    color: transparent
}
.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1
}
.slick-dots li button:before {
    content: "\f10c";
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    text-align: center;
    font-family: 'FontAwesome';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.slick-dots li.slick-active button:before {
    color: #000
}

/*============================================================================================*/
/*=== 6. SELECT BOX CONTROL & Owl Carousel CONTROL ===========================================*/
select {
    background: #fff;
    border-width: 1px;
    border-style: solid;
    padding: 10px 30px 10px 8px;
    max-width: 400px;
    filter: none!important;
    position: relative;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url(images/icon-select.png);
    background-position: right center;
    background-repeat: no-repeat
}

/*=== Owl Carousel CONTROL ===*/
.owl-theme .owl-controls {
    text-align: center
}
.owl-theme .owl-controls .owl-dot {
    display: inline-block
}
.owl-theme .owl-controls span {
    margin: 10px 3px;
    display: block;
    width: 8px;
    height: 8px;
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #E6E6E6
}

/*============================================================================================*/
/*=== 7. SOCIALS ICON ========================================================================*/
.social-icons li {
    list-style: none;
    display: inline-block;
    float: left;
    text-align: center;
    width: 100%
}
.social-icons.icons-2 li {
    width: 50%
}
.social-icons.icons-3 li {
    width: 33.3%
}
.social-icons.icons-4 li {
    width: 25%
}
.social-icons.icons-5 li {
    width: 20%
}
.social-icons.icons-6 li {
    width: 16.6%
}
.social-icons.icons-7 li {
    width: 14.2%
}
.social-icons li a {
    position: relative;
    text-transform: uppercase;
    transition: 600ms
}
.social-icons li a:after {
    content: attr(data-hover);
    position: absolute;
    left: 0;
    bottom: 0;
    height: 0;
    padding-left: 22px;
    transform: rotateX(90deg);
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    transition: 300ms;
    opacity: 1;
    filter: alpha(opacity=100)
}
.social-icons li a:hover:after {
    top: 0;
    height: 100%;
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    opacity: 1;
    filter: alpha(opacity=100)
}
.social-icons li a:hover {
    color: transparent
}
.social-icons li a i.fa {
    padding-right: 5px
}

/*============================================================================================*/
/*=== 8. CUSTOM PLUGIN VISUAL & OTHER ========================================================*/
body .wpb_row{
	clear: both;
	margin: 0 -15px 25px; 
}
body .vc_col-xs-1,body .vc_col-sm-1,body .vc_col-md-1,
body .vc_col-lg-1,body .vc_col-xs-2,body .vc_col-sm-2,
body .vc_col-md-2,body .vc_col-lg-2,body .vc_col-xs-3,
body .vc_col-sm-3,body .vc_col-md-3,body .vc_col-lg-3,
body .vc_col-xs-4,body .vc_col-sm-4,body .vc_col-md-4,
body .vc_col-lg-4,body .vc_col-xs-5,body .vc_col-sm-5,
body .vc_col-md-5,body .vc_col-lg-5,body .vc_col-xs-6,
body .vc_col-sm-6,body .vc_col-md-6,body .vc_col-lg-6,
body .vc_col-xs-7,body .vc_col-sm-7,body .vc_col-md-7,
body .vc_col-lg-7,body .vc_col-xs-8,body .vc_col-sm-8,
body .vc_col-md-8,body .vc_col-lg-8,body .vc_col-xs-9,
body .vc_col-sm-9,body .vc_col-md-9,body .vc_col-lg-9,
body .vc_col-xs-10,body .vc_col-sm-10,body .vc_col-md-10,
body .vc_col-lg-10,body .vc_col-xs-11,body .vc_col-sm-11,
body .vc_col-md-11,body .vc_col-lg-11,body .vc_col-xs-12,
body .vc_col-sm-12,body .vc_col-md-12,body .vc_col-lg-12{
	padding-left:15px;
	padding-right:15px;
}
body .vc_row-no-padding .wpb_column {
    padding-left: 0;
    padding-right: 0
}
.flexslider {
    overflow: hidden
}
.flexslider .slides img,
.theme-default .nivoSlider img {
    margin-bottom: 0
}
.fr-close,
.fr-touch-close {
    position: absolute;
    right: 50%;
    top: 60px;
    margin-right: -15px;
    z-index: 100;
    overflow: hidden;
    width: 30px;
    height: 30px;
    border: none;
    outline: none;
    text-indent: 200%;
    cursor: pointer;
    color: transparent;
    background: url(images/cross-search.png) no-repeat center center
}
.fr-ui-outside .fr-close-background,
.fr-window-fresco .fr-close .fr-close-icon {
    display: none
}



/*=============================================================================================================*/
/*=== V. PAGES ================================================================================================*/
/*=============================================================================================================*/

/*============================================================================================*/
/*=== 1. PORTFOLIO CATEGORY PAGE =============================================================*/
.page-header {
    padding: 0;
    margin: 0;
    border: none
}
body.tax-portfolio_category .main-content.fullwith-dark .page-header,
body.tax-portfolio_category .main-content.fullwith-white .page-header {
    margin: auto
}
body.tax-portfolio_category .main-content.fullwith-dark .page-header .tax-desc,
body.tax-portfolio_category .main-content.fullwith-white .page-header .tax-desc {
    padding: 40px 0 10px
}
body.tax-portfolio_category .main-content .not-found h1 {
    text-align: center;
    padding: 50px 0
}
body.tax-portfolio_category .main-content.fullwith-dark .page-header .tax-desc,
body.tax-portfolio_category .main-content.fullwith-dark .not-found h1 {
    color: #fff
}


/*============================================================================================*/
/*=== 2. COMING SOON PAGE ====================================================================*/
body.coming-soon {
    overflow: hidden;
	background-position:top center;
	background-repeat:no-repeat;
    background-image: url(images/default/bg-comingsoon.jpg);
}
body.coming-soon #main-container-wrapper #container .main-content {
    padding: 0
}
body.coming-soon #particles-js {
    position: absolute;
    width: 100%;
    height: 95%;
    z-index: 5
}
body.coming-soon .body-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 10;
	margin-left: 0 !important;
}
body.coming-soon .body-wrapper:before {
    content: '';
    height: 100%;
    display: inline-block;
    vertical-align: middle
}
body.coming-soon .body-wrapper #cata-template-wrapper {
    width: 99.5%;
    height: auto;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    line-height: 20px;
    color: #fff
}
body.coming-soon #main-container-wrapper {
    background: inherit !important;
}
body.coming-soon #main-container-wrapper,
body.coming-soon #main-container-wrapper #container .main-content {
    z-index: inherit
}
body.coming-soon #main-container-wrapper article .header-logo {
    position: relative;
    z-index: 10;
    text-align: center;
    margin-top: 50px;
    padding-bottom: 0
}
body.coming-soon #main-container-wrapper article h1 {
    position: relative;
    z-index: 10;
    margin: 30px 0;
    text-align: center
}
body.coming-soon #main-container-wrapper article h6,
body.coming-soon #main-container-wrapper article h2 {
    position: relative;
    z-index: 10;
    color: #FFF;
    text-align: center
}
body.coming-soon #main-container-wrapper article h6 {
    font-size: 20px
}
body.coming-soon #main-container-wrapper article h2 {
    font-size: 80px;
    line-height: 80px;
    font-weight: 700
}
body.coming-soon #main-container-wrapper article .ca-countdown {
    position: relative;
    z-index: 10;
    margin: 60px auto 70px;
    width: 54%;
    text-align: center;
    color: #FFF
}
body.coming-soon #main-container-wrapper article .subscribe_widget {
    position: relative;
    z-index: 10;
    width: 54%;
    margin: 0 auto;
    text-align: center
}
body.coming-soon #main-container-wrapper article .subscribe_widget form {
    position: relative;
    width: 60%
}
body.coming-soon #main-container-wrapper article input[type="text"] {
    height: 70px;
    width: 60%;
    border: none;
    background: rgba(255, 255, 255, 0.4);
    padding-left: 30px;
    color: #FFF
}
body.coming-soon #main-container-wrapper article .subscribe_widget input[type="submit"] {
    display: block;
    position: absolute;
    top: -10px;
    right: 30px;
    width: 40px;
    height: 40px;
    font-size: 0;
    cursor: pointer;
    background: url(images/icon-submit.png) no-repeat center center
}
body.coming-soon #main-container-wrapper article .subscribe_widget input[type="submit"]:hover {
    background-color: #2B5A4D
}
body.coming-soon::-webkit-input-placeholder {
    color: #fff
}
body.coming-soon:-moz-placeholder {
    color: #fff
}
body.coming-soon::-moz-placeholder {
    color: #fff
}
body.coming-soon:-ms-input-placeholder {
    color: #fff
}
body.coming-soon #main-container-wrapper article .copyright {
    position: fixed;
    bottom: 20px;
    z-index: 10;
    width: 100%;
    text-align: center;
    color: #FFF
}
body.coming-soon #main-container-wrapper article .ca-social-icons {
    display: inline-block;
    margin-top: 15px
}
body.coming-soon #main-container-wrapper article .ca-social-icons li a i.fa {
    font-weight: 400;
    color: #fff
}
.is-countdown {
    border: 0;
    overflow: hidden;
    background: transparent
}
.is-countdown > span > span > span {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase
}
.is-countdown > span > span > span:first-child {
    font-size: 50px;
    line-height: 100%;
    display: inline-block;
    padding-bottom: 12px
}
body.coming-soon.v2 {
	background-position: center center;
	background-image: url(images/default/bg-comingsoon-v2.jpg);
}
body.coming-soon.v2 #main-container-wrapper .pos-left .vcenter {
    position: absolute;
    top: 50%;
    margin-top: -130px;
    width: 80%
}
body.coming-soon.v2 #main-container-wrapper .pos-right,
body.coming-soon.v2 #main-container-wrapper .pos-left {
    z-index: 10;
    width: 50%;
    height: 100%
}
body.coming-soon.v2 #main-container-wrapper .pos-right {
    position: fixed;
    top: 0;
    right: 0;
    margin-bottom: 0;
    padding: 0 50px;
	background-repeat:no-repeat;
	background-position: center center;
	background-image: url(images/default/bg-comingsoon-v2.jpg);
}
body.coming-soon.v2 #main-container-wrapper .pos-right .copyright {
    display: none
}
body.coming-soon.v2 #main-container-wrapper .pos-left {
    position: fixed;
    left: 0;
    top: 0;
    padding: 0 50px;
    background: #FFF
}
body.coming-soon.v2 #main-container-wrapper article h1 {
    position: relative;
    z-index: 10;
    margin: 70px 0;
    padding: 0;
    text-align: left
}
body.coming-soon.v2 #main-container-wrapper .pos-left .copyright {
    position: fixed;
    bottom: 0;
    width: 50%;
    padding-right: 100px;
    text-align: center;
    color: #525252
}
body.coming-soon.v2 #main-container-wrapper article .ca-countdown {
    position: relative;
    top: 50%;
    z-index: 10;
    margin: -60px auto 0;
    width: 100%;
    text-align: center;
    color: #FFF
}
body.coming-soon.v2 #main-container-wrapper article h6,
body.coming-soon.v2 #main-container-wrapper article h2 {
    text-align: left;
    font-size: 75px
}
body.coming-soon.v2 #main-container-wrapper article h6 {
    font-size: 20px;
    color: #898989;
    padding: 0;
    font-weight: 400;
    text-align: left
}
body.coming-soon.v2 #main-container-wrapper article .subscribe_widget {
    width: 100%;
    text-align: left;
    margin-top: 60px
}
body.coming-soon.v2 #main-container-wrapper article input[type="text"] {
    width: 100%;
    background: #f5f5f5
}
body.coming-soon.v2 #main-container-wrapper article .ca-social-icons li a i.fa {
    color: #898989
}
body.coming-soon.v2 .social-icons-wrap {
    float: left;
    display: inline-block
}
body.coming-soon.v2 #main-container-wrapper article .ca-social-icons {
    margin-top: 0
}
body.coming-soon.v2 .countdown-show4 .countdown-section {
    margin-left: 4%;
    margin-bottom: 20px;
    padding: 30px 0;
    width: 21.5%;
    border: 2px solid #fff;
    border-radius: 15px 0 15px 0
}
body.coming-soon.v2 .countdown-show4 .countdown-section:first-child {
    margin-left: 0
}
body.coming-soon.v2 #main-container-wrapper article .is-countdown > span > span > span.countdown-period {
    font-size: 16px
}
body.coming-soon.v2::-webkit-input-placeholder {
    color: #b8b8b8
}
body.coming-soon.v2:-moz-placeholder {
    color: #b8b8b8
}
body.coming-soon.v2::-moz-placeholder {
    color: #b8b8b8
}
body.coming-soon.v2:-ms-input-placeholder {
    color: #b8b8b8
}

/*============================================================================================*/
/*=== 3. ERROR 404 PAGE ======================================================================*/
body.menu-vertical.error404 #main-container-wrapper {
    z-index: inherit
}
body.error404 .container-404 {
    padding: 100px 0 200px;
    height: 100%;
    min-height: 100%;
    background-image: url(images/bg_404.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center
}
body.error404 .footer-top,
body.error404 .cat-breadcrumbs {
    display: none
}
body.error404 article {
    text-align: center;
    padding-bottom: 30px;
    color: #fff
}
body.error404 article h1 {
    color: #fff;
    font-size: 200px;
    text-transform: uppercase;
    line-height: 200px
}
body.error404 article h3 {
    color: #fff;
    font-size: 40px
}
body.error404 article p a {
    color: #FFF;
    text-decoration: underline;
    font-weight: 700;
    letter-spacing: 1px
}
body.error404 article .header-search {
    position: relative;
    display: block;
    overflow: hidden;
    margin: auto;
    max-width: 600px
}
body.error404 article .header-search p {
    display: none
}
body.error404 article input[type="text"] {
    width: 100%;
    max-width: 100%;
    padding: 10px 15px 10px 0;
    background: transparent;
    border: none;
    border-bottom: 1px solid #FFF;
    color: #FFF
}
body.error404 article input[type="submit"] {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3;
    width: 40px;
    height: 20px;
    background: url(images/icon_search.png) 25px -20px no-repeat;
    font-size: 0!important;
    padding: 0!important;
    border: 0!important;
    -webkit-appearance: none
}
body.error404 article input[type="submit"]:hover {
    background-position: 25px -15px!important;
    opacity: 1;
    filter: alpha(opacity 100)
}
body.error404::-webkit-input-placeholder {
    color: #fff
}
body.error404:-moz-placeholder {
    color: #fff
}
body.error404::-moz-placeholder {
    color: #fff
}
body.error404:-ms-input-placeholder {
    color: #fff
}

/*============================================================================================*/
/*=== 4. SEARCH PAGE =========================================================================*/
@media screen and (max-width: 34em) {
    .overlay {
        font-size: 90%
    }
    .overlay .overlay-close {
        -webkit-transform: scale(0.5);
        transform: scale(0.5)
    }
}
@media screen and (max-width: 25em) {
    .codrops-icon span {
        display: none
    }
}
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background: rgba(153, 204, 51, 0.9)
}
.overlay .overlay-close {
    position: absolute;
    right: 50%;
    top: 60px;
    z-index: 100;
    overflow: hidden;
    width: 25px;
    height: 25px;
    border: none;
    outline: none;
    text-indent: 200%;
    color: transparent;
    background: url(images/cross-search.png) no-repeat center center
}
.overlay .header-search {
    position: relative;
    top: 75%;
    height: 60%;
    text-align: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}
.overlay .header-search form {
    position: relative;
    display: block;
    height: 100%
}
.overlay .header-search .search-input {
    font-size: 80px;
    height: auto;
    line-height: 80px;
    font-weight: 700;
    text-align: center;
    border: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: transparent;
    color: #fff
}
.overlay .header-search input[type^=submit] {
    display: none
}
.overlay .header-search p {
    font-style: italic;
    color: #898989
}
.overlay::-webkit-input-placeholder {
    color: #fff
}
.overlay:-moz-placeholder {
    color: #fff
}
.overlay::-moz-placeholder {
    color: #fff
}
.overlay:-ms-input-placeholder {
    color: #fff
}
.overlay-contentpush {
    background: rgba(0, 0, 0, 0.85);
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: -webkit-transform 0.5s, visibility 0 .5s;
    transition: transform 0.5s, visibility 0 .5s
}
.overlay-contentpush.open {
    visibility: visible;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transition: -webkit-transform .5s;
    transition: transform .5s
}
@media screen and (max-height: 30.5em) {
    .overlay nav {
        height: 70%;
        font-size: 34px
    }
    .overlay ul li {
        min-height: 34px
    }
}

/*============================================================================================*/
/*=== 5. HOME PAGE ===========================================================================*/

/*================================================*/
/*==============HOME STYLE 3======================*/
body.menu-horizontal #cata-template-wrapper.slider-after-header #main-container-wrapper {
    margin-top: -64px
}

/*================================================*/
/*==============HOME STYLE 1======================*/
body.menu-horizontal .slider-before-header .header .header-bottom {
    margin-top: -64px
}
body.menu-horizontal .slider-before-header .sticky-wrapper.is-sticky .header .header-bottom {
    margin-top: 0
}
body.menu-horizontal .header .nav-menu > ul > li {
    border-color: transparent!important
}
body.menu-horizontal .nav-menu > ul > li:not(.mega-menu-item) ul > li:first-child {
    border-top: none!important
}
body.menu-horizontal .header .nav-menu > ul > li > ul {
    position: absolute;
    padding: 0 20px;
    width: 230px;
    left: -40px;
    top: 64px
}
body.menu-horizontal .header .nav-menu ul ul {
    position: absolute;
    padding: 0 20px;
    width: 230px;
    left: 229px;
    top: 0;
    margin-left: -20px
}

/*================================================*/
/*==============HOME STYLE 2======================*/
body.menu-vertical #footer {
    clear: both;
    left: 85px;
    z-index: 0
}
body.menu-vertical .body-wrapper {
    margin-left: 170px
}
body.menu-vertical .vc_row[data-vc-full-width] {
    padding-left: 170px
}
body.menu-vertical #header-sticky-wrapper {
    height: 100%;
    position: fixed;
    z-index: 20
}
body.menu-vertical #header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 500;
    width: 170px;
    height: 100%
}
body.menu-vertical #header .slimScrollDiv {
    z-index: 10
}
body.menu-vertical .header.v1 .header-logo {
    float: none;
    width: auto;
    margin: 20px 0 70px;
    text-align: center
}
body.menu-vertical .header.v1 .header-search {
    float: none;
    text-align: center;
    padding-top: 30px
}
body.menu-vertical .header.v1 .header-bottom-container {
    width: inherit;
    padding: 60px 20px;
    border: none
}
body.menu-vertical #menu {
    clear: both;
    display: block;
    width: auto
}
body.menu-vertical .nav-menu ul li {
    display: block
}
body.menu-vertical .rev_slider_wrapper {
    left: 0!important
}
body.menu-vertical #main-container-wrapper {
    margin-top: 0;
    background: #fff;
    z-index: 100;
    position: relative;
    overflow: hidden
}
body.menu-vertical .nav-menu > ul > li {
    border: none;
    border-bottom-width: 1px;
    border-bottom-style: solid
}
body.menu-vertical .header.v1 .nav-menu > ul > li:last-child {
    border-right: none
}
body.menu-vertical .header .nav-menu > ul > li > a,
.header .nav-menu > ul > li > a {
    height: auto;
    line-height: 60px
}

/*=== HOME SECTION ===*/
.ca-pricing-section h3.heading-main-title {
    margin-bottom: 60px!important
}
.ca-team-section .wpb_text_column {
    padding: 0 28%;
    color: #fff
}
.ca-pricing-section .wpb_text_column {
    padding: 0 28%
}
.ca-blog-section .wpb_text_column {
    padding: 0 25% 20px
}
.ca-work-section h3.heading-title {
    margin-bottom: -80px
}
.ca-work-section h3.heading-title span {
    padding: 0;
    border: 0
}

/*=== HOME 2 ===*/
.ca-contact-section .vc_col-sm-6 .cata-contact-from {
    margin: 0;
    padding: 95px 10px 20px 40px;
    width: auto;
    text-align: left
}
.ca-contact-section .vc_col-sm-6 .cata-contact-from h3.heading-main-title {
    text-align: left;
    margin-bottom: 10px
}
.ca-contact-section .vc_col-sm-6 .cata-contact-from h3.heading-main-title.lt-main:after,
.ca-contact-section .vc_col-sm-6 .cata-contact-from h3.heading-main-title.lt-main:before {
    display: none
}
.ca-contact-section .vc_col-sm-6 .cata-contact-from .wrap-submit {
    text-align: left
}
.ca-contact-section .vc_col-sm-6 .cata-contact-from .wrap-submit span {
    margin-left: 0
}

/*=== HOME 3 ===*/
.ca-skill-section.skill-home3 > div:last-child {
    padding-left: 5%
}
.ca-skill-section.skill-home3 > div:last-child .wpb_text_column {
    padding: 0 15%
}
.ca-skill-section.skill-home3 .counter-circle-wrapper {
    width: 32.8%;
    float: left
}
.ca-contact-section.contact-home3 .ca-iconbox.catanis-shortcode .wrap-iconbox h6:after {
    display: none
}

/*================================================*/
/*============== FIX in VC =======================*/
.wpb_single_image img {
    margin-bottom: 0
}
.tabs-container .panes > div .wpb_content_element {
    margin: 0
}
.wpb_heading.wpb_accordion_heading {
    font-size: 20px;
    text-transform: uppercase;
    font-style: normal;
    font-weight: 700
}
h4.vc_tta-panel-title {
    padding-bottom: 0
}
h2.ca_heading.ca_video_heading,
h2.wpb_heading {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 25px
}

/*============================================================================================*/
/*=== 6. INTRO PAGE ==========================================================================*/
body.page.page-template-template-intro #cata-template-wrapper {
    margin-bottom: 0!important
}
body.page.page-template-template-intro #header,
body.page.page-template-template-intro .sticky-wrapper.is-sticky #header,
body.page.page-template-template-intro #footer {
    display: none
}
body.page.page-template-template-intro #header-sticky-wrapper {
    height: 0!important
}
body.page.page-template-template-intro .wrap-content-header {
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    margin-top: -170px;
    margin-left: -347px
}
body.page.page-template-template-intro .wrap-content-header h2 {
    margin-bottom: 20px;
    font-size: 80px;
    line-height: 90px
}
body.page.page-template-template-intro .wrap-content-header p {
    font-size: 20px;
    font-style: italic
}
body.page.page-template-template-intro .wrap-content-header .button {
    margin: 55px 0 0;
    font-size: 14px;
    font-style: normal
}
body.page.page-template-template-intro .intro-footer * {
    text-align: center;
    color: #fff
}
body.page.page-template-template-intro .cat-breadcrumbs {
    display: none!important
}
body.page.page-template-template-intro h2 {
    font-size: 30px;
    text-align: center
}
body.page.page-template-template-intro h4 {
    font-size: 20px;
    text-align: center
}
body.page.page-template-template-intro .intro-footer h2 {
    font-size: 40px;
    line-height: 46px
}
body.page.page-template-template-intro .intro-footer .intro {
    font-size: 16px;
    font-style: italic;
    margin: 10px 0 40px
}
body.page.page-template-template-intro .intro-footer .intro p {
    margin-bottom: 0;
    line-height: 28px
}
body.page.page-template-template-intro .ca-iconbox.catanis-shortcode.icon-left {
    margin-bottom: 30px
}

/*============================================================================================*/
/*=== 7. HACK BROWSER CSS ====================================================================*/

/*=== FIREFOX ===*/
@-moz-document url-prefix() { 
	
}

/*=== INTERNET EXPLORER IE9,10 ===*/
.ie9 .style-icontext.social-icons-wrap .ca-social-icons li a::after {
    display: none
}
html[data-useragent*='MSIE 10.0'] .vc_row-flex.vc_row,
.vc_row-flex.vc_row > .vc_column_container {
    display: inline-block
}

/*=== SAFARI 5+ ONLY ===*/
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    ::i-block-chrome,
    .ca-team-slider .slick-slide figure {
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none
    }
}
@media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: 500px) {
    ::i-block-chrome,
    .vc_row.vc_row-flex,
    .vc_row.vc_row-flex > .vc_column_container {
        display: block
    }
}