/* ==================
   GLOBAL
   ==================*/
a{
    color: rgba(31,31,31,1);
}
a:hover{
    color: rgba(86,86,86,1);
}
body{
    cursor: default
}

/* backgrounds */
.page-background{
    background-color: rgba(255,255,255,1);
    background-image: none;
    background-size: cover; background-repeat: no-repeat; background-position: 50% 50%;
}
.page .page-background{
    
    
    
}
.single-post .page-background,
.posts-list .page-background{
    background-color: rgba(243,243,243,1);
    background-image: url(../../../uploads/2018/07/dalam.jpg);
    background-size: cover; background-repeat: no-repeat; background-position: 50% 50%;
}
.woocommerce-page .page-background{
    
    
    
}
.single-album .page-background,
.albums-list-page .page-background{
    
    
    
}
.single-work .page-background,
.works-list-page .page-background{
    
    
    
}
.error404 .page-background{
	background-image: none;
}
.password-protected .page-background{
	background-image: none;
}

/* PRELOADER */
#preloader{
    background-color: rgba(255,255,255,1);
    background-image: none;
    background-size: cover; background-repeat: no-repeat; background-position: 50% 50%;
}

/* GLOBAL SIDEBARS */
#basket-menu{
	background-color: rgba(255,255,255,1);
}
#basket-menu, #basket-menu .widget{
	font-size: 13px;
}
#side-menu{
	background-color: rgba(255,255,255,1);
}
#side-menu, #side-menu .widget{
	font-size: 12px;
}

/* boxed layout */
.site-layout-boxed #mid{
    background-color: rgba(0,0,0,1);
}

/* theme borders */
.theme-borders div{
    background-color: rgba(255,255,255,1);
}

/* lightbox */
.lg-backdrop {
    background-color: rgba(32,32,32,0.8);
}
.lg-toolbar,
.lg-sub-html .customHtml h4,
.lg-sub-html .customHtml .description,
.lg-actions .lg-next, .lg-actions .lg-prev{
    background-color: rgba(0,0,0,0.6);
}
.lg-toolbar .lg-icon,
.lg-actions .lg-next, .lg-actions .lg-prev{
    color: rgba(220,220,220,1);
}
.lg-toolbar .lg-icon:hover,
.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover{
    color: rgba(255,255,255,1);
}
#lg-counter,
.lg-sub-html,
.customHtml > h4{
    color: rgba(210,210,210,1);
}
.lg-outer .lg-thumb-outer,
.lg-outer .lg-toogle-thumb{
    background-color: rgba(0,0,0,1);
}
.lg-outer .lg-thumb-item {
    border-color: rgba(10,10,10,1);
}
.lg-outer .lg-thumb-item:hover {
    border-color: rgba(255,255,255,1);
}


/* ==================
   TYPOGRAPHY
   ==================*/
/* Titles and titles alike font */
h1,h2,h3,h4,h5,h6,
h1 a,h2 a,h3 a,h4 a,h5 a, h6 a,
.page-title,
.widget .title{
    color: rgba(50,50,50,1);
    font-family: Poppins, sans-serif;
    
    
    font-weight: bold;
    text-transform: none;
}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover,
.post .post-title a:hover, .post a.post-title:hover{
    color: rgba(100,100,100,1);
}
input[type="submit"],
button,
.posts-nav a span,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
ul.products .product-meta .product_name{
    font-family: Poppins, sans-serif;
    
    
}

/* Top menu font */
ul.top-menu{
	font-family: Poppins, sans-serif;
}
ul.top-menu li{
	
	
}

/* Text content font */
html,input,select,textarea{
    font-family: Poppins, sans-serif;
    letter-spacing: 0.4px;
    
}




/* ==================
   HEADER
   ==================*/

#header-tools .tool{
    color: rgba(0,0,0,0.3);
}
#header-tools .tool:hover,
#header-tools .tool.highlight,
#header-tools .tool.active{
	color: rgba(55,55,55,1);
}
.tools_button{
    font-size: 12px;
    font-weight: normal;
    color: rgba(0,0,0,0.3);
    background-color: rgba(0,0,0,1);
    border-color: rgba(0,0,0,1);
}
.tools_button:hover{
	color: rgba(55,55,55,1);
	background-color: rgba(0,0,0,1);
    border-color: rgba(0,0,0,1);
}
#header-tools #mobile-menu-opener{
	font-size: 18px;
}
#header-tools #basket-menu-switch{
	font-size: 16px;
}
#header-tools #search-button{
	font-size: 16px;
}
#header-tools #side-menu-switch{
	font-size: 16px;
}
#header-tools #menu-overlay-switch{
	font-size: 16px;
}
#header{
    background-color: rgba(255,255,255,1);
    box-shadow: none;
    background-image: none;
    background-size: cover; background-repeat: no-repeat; background-position: 50% 50%;
}
#header:hover{
    background-color: rgba(255,255,255,1);
}
#header.horizontal{
	border-bottom: none;
}
.header-type-multi_line .bottom-head{
	background-color: rgba(255,255,255,1);
}

/* separators color */
#header.horizontal,
.top-bar-container,
.header-type-multi_line .bottom-head{
	border-color: rgba(58,58,58,0);
}
.horizontal #header-tools::before,
.horizontal .head .socials::before,
.top-bar .language-switcher li::before{
    background-color: rgba(58,58,58,0);
}

/* LOGO */
a.logo{
	color: rgba(0,0,0,1);
    font-size: 26px;
    font-weight: normal;
    font-family: Poppins, sans-serif;
    
    
    padding-top: 35px;
    padding-bottom: 35px;
    background-image: url(../../../uploads/2017/03/logo.png);
    
}
a.normal-logo{
    background-image: url(../../../uploads/2017/03/logo.png);
}
a.logo:hover{
	color: rgba(0,0,0,1);
}
a.logo.image-logo:hover{
    opacity: 0.5;
}
.header-horizontal .logo-container{
    min-width: 200px;
}
.header-horizontal .logo-container a.logo{
    max-width: 200px;
}
@media only screen and (max-width: 1024px) {
	a.logo{
	    padding-top: 30px;
	    padding-bottom: 30px;
	}
}

/* MAIN MENU */
.top-menu ul{
	background-color: rgba(255,255,255,1);
	background-color: rgba(255,255,255,1);
    background-color: rgba(33,33,33,1);
}
.mega-menu > ul > li::before {
	background-color: rgba(63,63,63,1);
}
.top-menu > li > a,
.top-menu > li > span.title,
.top-menu .mega-menu > ul > li > span.title,
.top-menu .mega-menu > ul > li > a{
    font-size: 13px;
    font-weight: bold;
    text-transform: none;
}
.top-menu li a,
.top-menu li span.title{
    color: rgba(51,51,51,1);
}
.top-menu i.sub-mark{
    color: rgba(51,51,51,1);
}
/* hover and active */
.top-menu > li:hover,
.top-menu > li.open,
.top-menu > li.current-menu-item,
.top-menu > li.current-menu-ancestor{
    background-color: rgba(0,0,0,0);;
}
.top-menu > li > a:hover,
.top-menu > li.menu-parent-item:hover > span.title,
.top-menu > li.open > a,
.top-menu > li.open > span.title,
.top-menu > li.current-menu-item > a,
.top-menu > li.current-menu-ancestor > a,
.top-menu > li.current-menu-item > span.title,
.top-menu > li.current-menu-ancestor > span.title{
    color: rgba(76,143,255,1);
}
.top-menu li.menu-parent-item:hover > span.title + i.sub-mark,
.top-menu i.sub-mark:hover,
.top-menu li.open > i.sub-mark{
    color: rgba(76,143,255,1);
}
.top-menu.with-effect > li > a span::before,
.top-menu.with-effect > li > a span::after,
.top-menu.with-effect > li > span.title span::before,
.top-menu.with-effect > li > span.title span::after,
.top-menu.with-effect > li > a em::before,
.top-menu.with-effect > li > a em::after,
.top-menu.with-effect > li > span.title em::before,
.top-menu.with-effect > li > span.title em::after{
   background-color: rgba(76,143,255,1);
}
/* group titles */
.top-menu .mega-menu > ul > li > span.title,
.top-menu .mega-menu > ul > li > a{
    color: rgba(135,135,135,1);
}
.top-menu .mega-menu > ul > li:hover > span.title,
.top-menu .mega-menu > ul > li:hover > a,
.top-menu .mega-menu > ul > li.current-menu-item > span.title,
.top-menu .mega-menu > ul > li.current-menu-item > a,
.top-menu .mega-menu > ul > li.current-menu-ancestor > span.title,
.top-menu .mega-menu > ul > li.current-menu-ancestor > a{
    color: rgba(236,236,236,1);
}
.top-menu li li a,
.top-menu li li span.title{
    font-size: 12px;
    font-weight: bold;
    text-transform: none;
    color: rgba(135,135,135,1);
}
.top-menu li li:hover > a,
.top-menu li li:hover > span.title,
.top-menu li li.menu-parent-item:hover > span.title,
.top-menu li li.open > a,
.top-menu li li.open > span.title,
.top-menu li li.current-menu-item > a,
.top-menu li li.current-menu-ancestor > a,
.top-menu li li.current-menu-item > span.title,
.top-menu li li.current-menu-ancestor > span.title{
    color: rgba(236,236,236,1);;
}
.top-menu li li i.sub-mark{
    color: rgba(135,135,135,1);
}
.top-menu li li.menu-parent-item:hover > span.title + i.sub-mark,
.top-menu li li i.sub-mark:hover,
.top-menu li li.open > i.sub-mark{
    color: rgba(236,236,236,1);
}


@media only screen and (max-width: 1024px) {
	.mobile-menu .navigation-bar .menu-container{
	    background-color: rgba(245,245,245,1);
	}
}

/* MENU OVERLAY */
#menu-overlay{
	background-color: rgba(0,0,0,0.9);
}
#menu-overlay ul a{
	color: rgba(255,255,255,1);
	font-size: 40px;
	text-transform: none;
	font-weight: bold;
}
#menu-overlay ul a:hover{
	color: rgba(170,170,170,1);
}


/* ==================
   TOP BAR
   ==================*/
.top-bar-container{
	background-color: rgba(255,255,255,1);
	
	color: rgba(29,29,29,0.6);
	text-transform: none;
}
.top-bar-container a{
	color: rgba(38,38,38,0.8);
}
.top-bar-container a.current,
.top-bar-container a:hover{
	color: rgba(38,38,38,1);
}


/* ==================
   LIGHT VARIANT HEADER OVERWRITES
   ==================*/
/* Main */
#header.a13-light-variant,
#header.a13-light-variant:hover{
	background-color: rgba(255,255,255,0);
	box-shadow: none;
}
#header.a13-light-variant{
	border-color: rgba(255,255,255,0);
}
.a13-light-variant .top-bar-container,
.header-type-multi_line.a13-light-variant .bottom-head{
	border-color: rgba(255,255,255,0);
}
.a13-light-variant #header-tools::before,
.a13-light-variant .head .socials::before,
.a13-light-variant .top-bar .language-switcher li::before {
	background-color: rgba(255,255,255,0);
}

/* Logo */
a.light-logo{
	background-image: url(../../../uploads/2017/03/logo.png);
}
.a13-light-variant a.logo{
	
}
.a13-light-variant a.logo:hover{
	
}

/* Menu */
.a13-light-variant .top-menu > li > a, .a13-light-variant .top-menu > li > span.title {
	color: rgba(255,255,255,0.7);
}
.a13-light-variant .top-menu > li:hover,
.a13-light-variant .top-menu > li.open,
.a13-light-variant .top-menu > li.current-menu-item,
.a13-light-variant .top-menu > li.current-menu-ancestor{
    background-color: rgba(0,0,0,0);;
}
.a13-light-variant .top-menu > li > a:hover,
.a13-light-variant .top-menu > li.menu-parent-item:hover > span.title,
.a13-light-variant .top-menu > li.open > a,
.a13-light-variant .top-menu > li.open > span.title,
.a13-light-variant .top-menu > li.current-menu-item > a,
.a13-light-variant .top-menu > li.current-menu-ancestor > a,
.a13-light-variant .top-menu > li.current-menu-item > span.title,
.a13-light-variant .top-menu > li.current-menu-ancestor > span.title{
	color: rgba(255,255,255,1);
}
.a13-light-variant .top-menu > li > i.sub-mark{
	color: rgba(255,255,255,0.7);
}
.a13-light-variant .top-menu > li.menu-parent-item:hover > span.title + i.sub-mark,
.a13-light-variant .top-menu > li > i.sub-mark:hover,
.a13-light-variant .top-menu > li.open > i.sub-mark {
	color: rgba(255,255,255,1);
}
.a13-light-variant .top-menu.with-effect > li > a span::before,
.a13-light-variant .top-menu.with-effect > li > a span::after,
.a13-light-variant .top-menu.with-effect > li > span.title span::before,
.a13-light-variant .top-menu.with-effect > li > span.title span::after,
.a13-light-variant .top-menu.with-effect > li > a em::before,
.a13-light-variant .top-menu.with-effect > li > a em::after,
.a13-light-variant .top-menu.with-effect > li > span.title em::before,
.a13-light-variant .top-menu.with-effect > li > span.title em::after{
   background-color: rgba(255,255,255,1);
}

/* Tools */
.a13-light-variant #header-tools .tool{
	color: rgba(255,255,255,0.7);
}
.a13-light-variant #header-tools .tool:hover,
.a13-light-variant #header-tools .tool.highlight,
.a13-light-variant #header-tools .tool.active{
	color: rgba(255,255,255,1);
}
.a13-light-variant .tools_button {
	color: rgba(255,255,255,0.7);
	background-color: rgba(0,0,0,1);
	border-color: rgba(0,0,0,1);
}
.a13-light-variant .tools_button:hover {
	color: rgba(255,255,255,1);
	background-color: rgba(0,0,0,1);
	border-color: rgba(0,0,0,1);
}

/* Top bar */
.a13-light-variant .top-bar-container{
	background-color: rgba(0,0,0,1);
	color: rgba(0,0,0,1);
}
.a13-light-variant .top-bar-container .part1 a,
.a13-light-variant .top-bar-container .language-switcher a{
	color: rgba(0,0,0,1);
}
.a13-light-variant .top-bar-container .part1 a:hover,
.a13-light-variant .top-bar-container .language-switcher a:hover,
.a13-light-variant .top-bar-container .language-switcher a.current{
	color: rgba(0,0,0,1);
}

@media only screen and (max-width: 1024px) {
	.a13-light-variant.mobile-menu .navigation-bar .menu-container{
	    background-color: rgba(34,34,34,1);
	}
}


/* ==================
   DARK VARIANT HEADER OVERWRITES
   ==================*/
/* Main */
#header.a13-dark-variant,
#header.a13-dark-variant:hover{
	background-color: rgba(255,255,255,0);
	box-shadow: none;
}
#header.a13-dark-variant{
	border-color: rgba(38,38,38,0);
}
.a13-dark-variant .top-bar-container,
.header-type-multi_line.a13-dark-variant .bottom-head{
	border-color: rgba(38,38,38,0);
}
.a13-dark-variant #header-tools::before,
.a13-dark-variant .head .socials::before,
.a13-dark-variant .top-bar .language-switcher li::before {
	background-color: rgba(38,38,38,0);
}

/* Logo */
a.dark-logo{
	background-image: url(../../../uploads/2017/03/logo.png);
}
.a13-dark-variant a.logo{
	
}
.a13-dark-variant a.logo:hover{
	
}

/* Menu */
.a13-dark-variant .top-menu > li > a, .a13-dark-variant .top-menu > li > span.title {
	color: rgba(0,0,0,0.6);
}
.a13-dark-variant .top-menu > li:hover,
.a13-dark-variant .top-menu > li.open,
.a13-dark-variant .top-menu > li.current-menu-item,
.a13-dark-variant .top-menu > li.current-menu-ancestor{
    background-color: rgba(0,0,0,0);;
}
.a13-dark-variant .top-menu > li > a:hover,
.a13-dark-variant .top-menu > li.menu-parent-item:hover > span.title,
.a13-dark-variant .top-menu > li.open > a,
.a13-dark-variant .top-menu > li.open > span.title,
.a13-dark-variant .top-menu > li.current-menu-item > a,
.a13-dark-variant .top-menu > li.current-menu-ancestor > a,
.a13-dark-variant .top-menu > li.current-menu-item > span.title,
.a13-dark-variant .top-menu > li.current-menu-ancestor > span.title{
	color: rgba(30,30,30,1);
}
.a13-dark-variant .top-menu > li > i.sub-mark{
	color: rgba(0,0,0,0.6);
}
.a13-dark-variant .top-menu > li.menu-parent-item:hover > span.title + i.sub-mark,
.a13-dark-variant .top-menu > li > i.sub-mark:hover,
.a13-dark-variant .top-menu > li.open > i.sub-mark {
	color: rgba(30,30,30,1);
}
.a13-dark-variant .top-menu.with-effect > li > a span::before,
.a13-dark-variant .top-menu.with-effect > li > a span::after,
.a13-dark-variant .top-menu.with-effect > li > span.title span::before,
.a13-dark-variant .top-menu.with-effect > li > span.title span::after,
.a13-dark-variant .top-menu.with-effect > li > a em::before,
.a13-dark-variant .top-menu.with-effect > li > a em::after,
.a13-dark-variant .top-menu.with-effect > li > span.title em::before,
.a13-dark-variant .top-menu.with-effect > li > span.title em::after{
   background-color: rgba(30,30,30,1);
}

/* Tools */
.a13-dark-variant #header-tools .tool{
	color: rgba(0,0,0,0.4);
}
.a13-dark-variant #header-tools .tool:hover,
.a13-dark-variant #header-tools .tool.highlight,
.a13-dark-variant #header-tools .tool.active{
	color: rgba(34,34,34,1);
}
.a13-dark-variant .tools_button {
	color: rgba(0,0,0,0.4);
	background-color: rgba(0,0,0,1);
	border-color: rgba(0,0,0,1);
}
.a13-dark-variant .tools_button:hover {
	color: rgba(34,34,34,1);
	background-color: rgba(0,0,0,1);
	border-color: rgba(0,0,0,1);
}

/* Top bar */
.a13-dark-variant .top-bar-container{
	background-color: rgba(0,0,0,1);
	color: rgba(0,0,0,1);
}
.a13-dark-variant .top-bar-container .part1 a,
.a13-dark-variant .top-bar-container .language-switcher a{
	color: rgba(0,0,0,1);
}
.a13-dark-variant .top-bar-container .part1 a:hover,
.a13-dark-variant .top-bar-container .language-switcher a:hover,
.a13-dark-variant .top-bar-container .language-switcher a.current{
	color: rgba(0,0,0,1);
}

@media only screen and (max-width: 1024px) {
	.a13-dark-variant.mobile-menu .navigation-bar .menu-container{
	    background-color: rgba(255,255,255,1);
	}
}


/* ==================
   STICKY HEADER OVERWRITES
   ==================*/
/* Main */
#header.a13-sticky-variant,
#header.a13-sticky-variant:hover{
	background-color: rgba(0,0,0,0.7);
	border-color: rgba(218,218,218,0);
}
.a13-sticky-variant .top-bar-container,
.header-type-multi_line.a13-sticky-variant .bottom-head{
	border-color: rgba(218,218,218,0);
}
.a13-sticky-variant #header-tools::before,
.a13-sticky-variant .head .socials::before,
.a13-sticky-variant .top-bar .language-switcher li::before {
	background-color: rgba(218,218,218,0);
}

/* Logo */
a.sticky-logo{
	background-image: url(../../../uploads/2017/03/logo.png);
}
.sticky-values a.logo{
    padding-top: 20px;
    padding-bottom: 20px;
}
.a13-sticky-variant a.logo{
	
}
.a13-sticky-variant a.logo:hover{
	
}

/* Menu */
.a13-sticky-variant .top-menu > li > a, .a13-sticky-variant .top-menu > li > span.title {
	color: rgba(51,51,51,1);
}
.a13-sticky-variant .top-menu > li:hover,
.a13-sticky-variant .top-menu > li.open,
.a13-sticky-variant .top-menu > li.current-menu-item,
.a13-sticky-variant .top-menu > li.current-menu-ancestor{
    background-color: rgba(0,0,0,0);;
}
.a13-sticky-variant .top-menu > li > a:hover,
.a13-sticky-variant .top-menu > li.menu-parent-item:hover > span.title,
.a13-sticky-variant .top-menu > li.open > a,
.a13-sticky-variant .top-menu > li.open > span.title,
.a13-sticky-variant .top-menu > li.current-menu-item > a,
.a13-sticky-variant .top-menu > li.current-menu-ancestor > a,
.a13-sticky-variant .top-menu > li.current-menu-item > span.title,
.a13-sticky-variant .top-menu > li.current-menu-ancestor > span.title{
	color: rgba(76,143,255,1);
}
.a13-sticky-variant .top-menu > li > i.sub-mark{
	color: rgba(51,51,51,1);
}
.a13-sticky-variant .top-menu > li.menu-parent-item:hover > span.title + i.sub-mark,
.a13-sticky-variant .top-menu > li > i.sub-mark:hover,
.a13-sticky-variant .top-menu > li.open > i.sub-mark {
	color: rgba(76,143,255,1);
}
.a13-sticky-variant .top-menu.with-effect > li > a span::before,
.a13-sticky-variant .top-menu.with-effect > li > a span::after,
.a13-sticky-variant .top-menu.with-effect > li > span.title span::before,
.a13-sticky-variant .top-menu.with-effect > li > span.title span::after,
.a13-sticky-variant .top-menu.with-effect > li > a em::before,
.a13-sticky-variant .top-menu.with-effect > li > a em::after,
.a13-sticky-variant .top-menu.with-effect > li > span.title em::before,
.a13-sticky-variant .top-menu.with-effect > li > span.title em::after{
   background-color: rgba(76,143,255,1);
}

/* Tools */
.a13-sticky-variant #header-tools .tool{
	color: rgba(204,204,204,1);
}
.a13-sticky-variant #header-tools .tool:hover,
.a13-sticky-variant #header-tools .tool.highlight,
.a13-sticky-variant #header-tools .tool.active{
	color: rgba(255,255,255,1);
}
.a13-sticky-variant .tools_button {
	color: rgba(204,204,204,1);
	background-color: rgba(0,0,0,1);
	border-color: rgba(0,0,0,1);
}
.a13-sticky-variant .tools_button:hover {
	color: rgba(255,255,255,1);
	background-color: rgba(0,0,0,1);
	border-color: rgba(0,0,0,1);
}

/* Top bar */
.a13-sticky-variant .top-bar-container{
	background-color: rgba(0,0,0,1);
	color: rgba(0,0,0,1);
}
.a13-sticky-variant .top-bar-container .part1 a,
.a13-sticky-variant .top-bar-container .language-switcher a{
	color: rgba(0,0,0,1);
}
.a13-sticky-variant .top-bar-container .part1 a:hover,
.a13-sticky-variant .top-bar-container .language-switcher a:hover,
.a13-sticky-variant .top-bar-container .language-switcher a.current{
	color: rgba(0,0,0,1);
}

@media only screen and (max-width: 1024px) {
	.a13-sticky-variant.mobile-menu .navigation-bar .menu-container{
	    background-color: rgba(0,0,0,0.7);
	}
}


/* ==================
   TOP CLOSABLE MESSAGE
   ==================*/
.top-message-container{
	background-color: rgba(0,0,0,1);
	color: rgba(193,193,193,1);
	text-transform: none;
}
.top-message .message a,
.top-message .close-sidebar{
	color: rgba(255,255,255,1);
}
.top-message .message a:hover{
	color: rgba(255,255,255,1);
}
.top-message .button span{
    border-color: rgba(255,255,255,1);
    color: rgba(255,255,255,1);
}
.top-message .button span:hover{
    background-color: rgba(255,255,255,1);
    color: rgba(0,0,0,1);
}


/* ==================
   FOOTER
   ==================*/
#footer{
    background-color: rgba(34,34,34,1);
    font-size: 12px;
}
#footer .widget,
#footer .widget .search-form input[type="search"]{
    font-size: 12px;
}
.foot-items{
    background-color: rgba(30,30,30,1);
}
.footer-separator .foot-items .foot-content{
    border-color: rgba(61,61,61,0.5);
}
.foot-items{
    color: rgba(137,137,137,1);
}
.foot-items .foot-text a{
    color: rgba(218,218,218,1);
}
.foot-items .foot-text a:hover{
    color: rgba(255,255,255,1);
}



/* ==================
   TO TOP BUUTON
   ==================*/
a.to-top{
	background-color: rgba(82,79,81,1);
	color: rgba(204,204,204,1);
	font-size: 13px;
}
a.to-top:hover {
	background-color: rgba(0,0,,1);
	color: rgba(255,255,255,1);
}



/* ==================
   BUTTONS
   ==================*/
input[type="submit"]{
	background-color: rgba(82,79,81,1);
	color: rgba(204,204,204,1);
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	padding-left: 30px;
	padding-right: 30px;
}
input[type="submit"]:hover,
input[type="submit"]:focus{
	background-color: rgba(0,0,,1);
	color: rgba(255,255,255,1);
}



/* ==================
   SHOP BUTTONS
   ==================*/
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce button.button.alt,
.woocommerce a.button.alt,
.woocommerce input.button.alt,
.wishlist_table .add_to_cart.button{
	background-color: rgba(82,79,81,1);
	color: rgba(204,204,204,1);
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	padding-left: 30px;
	padding-right: 30px;
}
.woocommerce button.button.alt,
.woocommerce a.button.alt,
.woocommerce input.button.alt{
	background-color: rgba(82,79,81,1);
	color: rgba(204,204,204,1);
}
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.wishlist_table .add_to_cart.button:hover{
	background-color: rgba(0,0,,1);
	color: rgba(255,255,255,1);
}
.woocommerce button.button.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce input.button.alt:hover{
	background-color: rgba(0,0,,1);
	color: rgba(255,255,255,1);
}



/* ==================
   PAGES
   ==================*/
.page .title-bar.outside{
    background-image: none;
    background-repeat: repeat; background-size:auto; background-position: 0 0;

}
.page .title-bar.outside .overlay-color{
    background-color: rgba(255,255,255,1);
    padding-top: 40px;
    padding-bottom: 40px;

}
.page .title-bar.outside .page-title,
.page .title-bar.outside h2{
    color: rgba(0,0,0,1);
}
.page .title-bar.outside .breadcrumbs,
.page .title-bar.outside .breadcrumbs a,
.page .title-bar.outside .breadcrumbs a:hover{
    color: rgba(0,0,0,1);
}



/* ==================
   ALBUMS LIST
   ==================*/
.albums-list-page .title-bar.outside{
    background-image: url(https://bangkutaman.id/wp-content/uploads/2018/07/06A7683.jpg);
    background-repeat: repeat; background-size:auto; background-position: 0 0;

}
.albums-list-page .title-bar.outside .overlay-color{
    background-color: 0,0,0;
    padding-top: 130px;
    padding-bottom: 130px;

}
.albums-list-page .title-bar.outside .page-title,
.albums-list-page .title-bar.outside h2{
    color: rgba(0,0,0,1);
}
.albums-list-page .title-bar.outside .breadcrumbs,
.albums-list-page .title-bar.outside .breadcrumbs a,
.albums-list-page .title-bar.outside .breadcrumbs a:hover{
    color: rgba(0,0,0,1);
}
.albums-list-page .bricks-frame{
	max-width: 2000px;
}
#only-albums-here{
	margin-right: -0px;
}
html[dir="rtl"] #only-albums-here{
	margin-right: 0;
	margin-left: -0px;
}

/* 4 columns */
.albums-list-page .bricks-columns-4 .archive-item,
.albums-list-page .bricks-columns-4 .grid-master{
	width: -webkit-calc(25% - 0px);
	width:         calc(25% - 0px);
}
.albums-list-page .bricks-columns-4 .archive-item.w2{
	width: -webkit-calc(50% - 0px);
	width:         calc(50% - 0px);
}
.albums-list-page .bricks-columns-4 .archive-item.w3{
	width: -webkit-calc(75% - 0px);
	width:         calc(75% - 0px);
}

/* 3 columns */
.albums-list-page .bricks-columns-3 .archive-item,
.albums-list-page .bricks-columns-3 .grid-master{
	width: -webkit-calc(33.3333333% - 0px);
	width:         calc(33.3333333% - 0px);
}
.albums-list-page .bricks-columns-3 .archive-item.w2{
	width: -webkit-calc(66.6666666% - 0px);
	width:         calc(66.6666666% - 0px);
}

/* 2 columns */
.albums-list-page .bricks-columns-2 .archive-item,
.albums-list-page .bricks-columns-2 .grid-master{
	width: -webkit-calc(50% - 0px);
	width:         calc(50% - 0px);
}

/* 100% width bricks */
.albums-list-page .bricks-columns-1 .grid-master,
.albums-list-page .bricks-columns-1 .archive-item,
.albums-list-page .bricks-columns-2 .archive-item.w2,
.albums-list-page .bricks-columns-2 .archive-item.w3,
.albums-list-page .bricks-columns-2 .archive-item.w4,
.albums-list-page .bricks-columns-3 .archive-item.w3,
.albums-list-page .bricks-columns-3 .archive-item.w4,
.albums-list-page .bricks-columns-4 .archive-item.w4{
	width: -webkit-calc(100% - 0px);
	width:         calc(100% - 0px);
}

@media only screen and (max-width: 1279px){
	/* fluid layout columns */

	/* 3 columns */
	.albums-list-page .layout-fluid .bricks-columns-4 .archive-item,
	.albums-list-page .layout-fluid .bricks-columns-4 .grid-master{
		width: -webkit-calc(33.3333333% - 0px);
		width:         calc(33.3333333% - 0px);
	}
	.albums-list-page .layout-fluid .bricks-columns-4 .archive-item.w2{
		width: -webkit-calc(66.6666666% - 0px);
		width:         calc(66.6666666% - 0px);
	}
	.albums-list-page .layout-fluid .bricks-columns-4 .archive-item.w3{
		width: -webkit-calc(100% - 0px);
		width:         calc(100% - 0px);
	}
}

@media only screen and (max-width: 800px){
	/* fluid layout columns */

	/* 2 columns */
	.albums-list-page .layout-fluid .bricks-columns-4 .grid-master,
	.albums-list-page .layout-fluid .bricks-columns-4 .archive-item,
	.albums-list-page .layout-fluid .bricks-columns-4 .archive-item.w2,
	.albums-list-page .layout-fluid .bricks-columns-3 .grid-master,
	.albums-list-page .layout-fluid .bricks-columns-3 .archive-item{
		width: -webkit-calc(50% - 0px);
		width:         calc(50% - 0px);
	}
	.albums-list-page .layout-fluid .bricks-columns-4 .archive-item.w3,
	.albums-list-page .layout-fluid .bricks-columns-3 .archive-item.w2{
		width: -webkit-calc(100% - 0px);
		width:         calc(100% - 0px);
	}
}

@media only screen and (max-width: 480px) {
	#only-albums-here{
        margin-right: 0;
    }
    html[dir="rtl"] #only-albums-here{
        margin-left: 0;
    }

	/* all layouts */

	/* 1 column */
	.albums-list-page #mid .bricks-columns-4 .grid-master,
	.albums-list-page #mid .bricks-columns-4 .archive-item,
	.albums-list-page #mid .bricks-columns-4 .archive-item.w2,
	.albums-list-page #mid .bricks-columns-4 .archive-item.w3,
	.albums-list-page #mid .bricks-columns-4 .archive-item.w4,
	.albums-list-page #mid .bricks-columns-3 .grid-master,
	.albums-list-page #mid .bricks-columns-3 .archive-item,
	.albums-list-page #mid .bricks-columns-3 .archive-item.w2,
	.albums-list-page #mid .bricks-columns-3 .archive-item.w3,
	.albums-list-page #mid .bricks-columns-2 .grid-master,
	.albums-list-page #mid .bricks-columns-2 .archive-item,
	.albums-list-page #mid .bricks-columns-2 .archive-item.w2,
	.albums-list-page #mid .bricks-columns-1 .grid-master,
	.albums-list-page #mid .bricks-columns-1 .archive-item{
		width: 100%;
	}
}



/* ==================
   WORKS LIST
   ==================*/
.works-list-page .title-bar.outside{
    background-image: none;
    background-repeat: repeat; background-size:auto; background-position: 0 0;

}
.works-list-page .title-bar.outside .overlay-color{
    background-color: rgba(255,255,255,1);
    padding-top: 120px;
    padding-bottom: 120px;

}
.works-list-page .title-bar.outside .page-title,
.works-list-page .title-bar.outside h2{
    color: rgba(0,0,0,1);
}
.works-list-page .title-bar.outside .breadcrumbs,
.works-list-page .title-bar.outside .breadcrumbs a,
.works-list-page .title-bar.outside .breadcrumbs a:hover{
    color: rgba(0,0,0,1);
}
.works-list-page .bricks-frame{
	max-width: 2000px;
}
#only-works-here{
	margin-right: -20px;
}
html[dir="rtl"] #only-works-here{
	margin-right: 0;
	margin-left: -20px;
}

/* 4 columns */
.works-list-page .bricks-columns-4 .archive-item,
.works-list-page .bricks-columns-4 .grid-master{
	width: -webkit-calc(25% - 20px);
	width:         calc(25% - 20px);
}
.works-list-page .bricks-columns-4 .archive-item.w2{
	width: -webkit-calc(50% - 20px);
	width:         calc(50% - 20px);
}
.works-list-page .bricks-columns-4 .archive-item.w3{
	width: -webkit-calc(75% - 20px);
	width:         calc(75% - 20px);
}

/* 3 columns */
.works-list-page .bricks-columns-3 .archive-item,
.works-list-page .bricks-columns-3 .grid-master{
	width: -webkit-calc(33.3333333% - 20px);
	width:         calc(33.3333333% - 20px);
}
.works-list-page .bricks-columns-3 .archive-item.w2{
	width: -webkit-calc(66.6666666% - 20px);
	width:         calc(66.6666666% - 20px);
}

/* 2 columns */
.works-list-page .bricks-columns-2 .archive-item,
.works-list-page .bricks-columns-2 .grid-master{
	width: -webkit-calc(50% - 20px);
	width:         calc(50% - 20px);
}

/* 100% width bricks */
.works-list-page .bricks-columns-1 .grid-master,
.works-list-page .bricks-columns-1 .archive-item,
.works-list-page .bricks-columns-2 .archive-item.w2,
.works-list-page .bricks-columns-2 .archive-item.w3,
.works-list-page .bricks-columns-2 .archive-item.w4,
.works-list-page .bricks-columns-3 .archive-item.w3,
.works-list-page .bricks-columns-3 .archive-item.w4,
.works-list-page .bricks-columns-4 .archive-item.w4{
	width: -webkit-calc(100% - 20px);
	width:         calc(100% - 20px);
}

@media only screen and (max-width: 1279px){
	/* fluid layout columns */

	/* 3 columns */
	.works-list-page .layout-fluid .bricks-columns-4 .archive-item,
	.works-list-page .layout-fluid .bricks-columns-4 .grid-master{
		width: -webkit-calc(33.3333333% - 20px);
		width:         calc(33.3333333% - 20px);
	}
	.works-list-page .layout-fluid .bricks-columns-4 .archive-item.w2{
		width: -webkit-calc(66.6666666% - 20px);
		width:         calc(66.6666666% - 20px);
	}
	.works-list-page .layout-fluid .bricks-columns-4 .archive-item.w3{
		width: -webkit-calc(100% - 20px);
		width:         calc(100% - 20px);
	}
}

@media only screen and (max-width: 800px){
	/* fluid layout columns */

	/* 2 columns */
	.works-list-page .layout-fluid .bricks-columns-4 .grid-master,
	.works-list-page .layout-fluid .bricks-columns-4 .archive-item,
	.works-list-page .layout-fluid .bricks-columns-4 .archive-item.w2,
	.works-list-page .layout-fluid .bricks-columns-3 .grid-master,
	.works-list-page .layout-fluid .bricks-columns-3 .archive-item{
		width: -webkit-calc(50% - 20px);
		width:         calc(50% - 20px);
	}
	.works-list-page .layout-fluid .bricks-columns-4 .archive-item.w3,
	.works-list-page .layout-fluid .bricks-columns-3 .archive-item.w2{
		width: -webkit-calc(100% - 20px);
		width:         calc(100% - 20px);
	}
}

@media only screen and (max-width: 480px) {
	#only-works-here{
        margin-right: 0;
    }
    html[dir="rtl"] #only-works-here{
        margin-left: 0;
    }

	/* all layouts */

	/* 1 column */
	.works-list-page #mid .bricks-columns-4 .grid-master,
	.works-list-page #mid .bricks-columns-4 .archive-item,
	.works-list-page #mid .bricks-columns-4 .archive-item.w2,
	.works-list-page #mid .bricks-columns-4 .archive-item.w3,
	.works-list-page #mid .bricks-columns-4 .archive-item.w4,
	.works-list-page #mid .bricks-columns-3 .grid-master,
	.works-list-page #mid .bricks-columns-3 .archive-item,
	.works-list-page #mid .bricks-columns-3 .archive-item.w2,
	.works-list-page #mid .bricks-columns-3 .archive-item.w3,
	.works-list-page #mid .bricks-columns-2 .grid-master,
	.works-list-page #mid .bricks-columns-2 .archive-item,
	.works-list-page #mid .bricks-columns-2 .archive-item.w2,
	.works-list-page #mid .bricks-columns-1 .grid-master,
	.works-list-page #mid .bricks-columns-1 .archive-item{
		width: 100%;
	}
}



/* ==================
   CATEGORY FILTER
   ==================*/
/* albums list */
.albums-list-page .category-filter{
	padding-top: 40px;
    padding-bottom: 40px;
	background-color: rgba(255,255,255,0);
	text-align: center;
}
.albums-list-page .category-filter a{
	color: rgba(187,187,187,1);
	font-weight: bold;
	text-transform: uppercase;
}
.albums-list-page .category-filter .selected a,
.albums-list-page .category-filter a:hover{
    color: rgba(51,51,51,1);
}

/* single album bricks */
.single-album-bricks .category-filter{
	padding-top: 40px;
    padding-bottom: 40px;
	
	text-align: center;
}
.single-album-bricks .category-filter a{
	color: rgba(0,0,0,1);
	font-weight: bold;
	text-transform: uppercase;
}
.single-album-bricks .category-filter .selected a,
.single-album-bricks .category-filter a:hover{
    color: rgba(0,0,0,1);
}

/* works list */
.works-list-page .category-filter{
	padding-top: 40px;
    padding-bottom: 40px;
	background-color: rgba(255,255,255,0);
	text-align: center;
}
.works-list-page .category-filter a{
	color: rgba(187,187,187,1);
	font-weight: bold;
	text-transform: uppercase;
}
.works-list-page .category-filter .selected a,
.works-list-page .category-filter a:hover{
    color: rgba(51,51,51,1);
}

/* posts list */
.posts-list .category-filter{
	padding-top: 40px;
    padding-bottom: 40px;
	background-color: rgba(255,255,255,0);
	text-align: center;
}
.posts-list .category-filter a{
	color: rgba(187,187,187,1);
	font-weight: bold;
	text-transform: uppercase;
}
.posts-list .category-filter .selected a,
.posts-list .category-filter a:hover{
    color: rgba(51,51,51,1);
}



/* ==================
   SINGLE WORK
   ==================*/
.single-work .title-bar.outside{
    background-image: none;
    background-size: cover; background-repeat: no-repeat; background-position: 50% 50%;

}
.single-work .title-bar.outside .overlay-color{
    background-color: rgba(0,0,0,0.6);
    padding-top: 200px;
    padding-bottom: 200px;

}
.single-work .title-bar.outside .page-title,
.single-work .title-bar.outside h2{
    color: rgba(255,255,255,1);
}
.single-work .title-bar.outside .breadcrumbs,
.single-work .title-bar.outside .breadcrumbs a,
.single-work .title-bar.outside .breadcrumbs a:hover{
    color: rgba(255,255,255,0.6);
}



/* ==================
   POSTS LIST & POST
   ==================*/
.posts-list .title-bar.outside{
    background-image: none;
    background-repeat: repeat; background-size:auto; background-position: 0 0;
}
.posts-list .title-bar.outside .overlay-color{
    background-color: rgba(255,255,255,0);
    padding-top: 120px;
    padding-bottom: 120px;

}
.posts-list .title-bar.outside .page-title,
.posts-list .title-bar.outside h2{
    color: rgba(255,255,255,1);
}
.posts-list .title-bar.outside .breadcrumbs,
.posts-list .title-bar.outside .breadcrumbs a,
.posts-list .title-bar.outside .breadcrumbs a:hover{
    color: rgba(27,27,27,0.7);
}
.single-post .title-bar.outside{
    background-image: none;
    background-size: cover; background-repeat: no-repeat; background-position: 50% 50%;

}
.single-post .title-bar.outside .overlay-color{
    background-color: rgba(11,11,11,0.3);
    padding-top: 200px;
    padding-bottom: 200px;
}
.single-post .title-bar.outside .page-title,
.single-post .title-bar.outside h2{
    color: rgba(255,255,255,1);
}
.single-post .title-bar.outside .metas,
.single-post .title-bar.outside .metas a,
.single-post .title-bar.outside .metas a:hover,
.single-post .title-bar.outside .breadcrumbs,
.single-post .title-bar.outside .breadcrumbs a,
.single-post .title-bar.outside .breadcrumbs a:hover{
    color: rgba(255,255,255,0.7);
}
.posts-list .bricks-frame{
	max-width: 1920px;
}
#only-posts-here{
	margin-right: -35px;
}
html[dir="rtl"] #only-posts-here{
	margin-right: 0;
	margin-left: -35px;
}

/* 4 columns */
.posts-list .bricks-columns-4 .archive-item,
.posts-list .bricks-columns-4 .grid-master{
	width: -webkit-calc(25% - 35px);
	width:         calc(25% - 35px);
}
.posts-list .bricks-columns-4 .archive-item.w2{
	width: -webkit-calc(50% - 35px);
	width:         calc(50% - 35px);
}
.posts-list .bricks-columns-4 .archive-item.w3{
	width: -webkit-calc(75% - 35px);
	width:         calc(75% - 35px);
}

/* 3 columns */
.posts-list .bricks-columns-3 .archive-item,
.posts-list .bricks-columns-3 .grid-master{
	width: -webkit-calc(33.3333333% - 35px);
	width:         calc(33.3333333% - 35px);
}
.posts-list .bricks-columns-3 .archive-item.w2{
	width: -webkit-calc(66.6666666% - 35px);
	width:         calc(66.6666666% - 35px);
}

/* 2 columns */
.posts-list .bricks-columns-2 .archive-item,
.posts-list .bricks-columns-2 .grid-master{
	width: -webkit-calc(50% - 35px);
	width:         calc(50% - 35px);
}

/* 100% width bricks */
.posts-list .bricks-columns-1 .grid-master,
.posts-list .bricks-columns-1 .archive-item,
.posts-list .bricks-columns-2 .archive-item.w2,
.posts-list .bricks-columns-2 .archive-item.w3,
.posts-list .bricks-columns-2 .archive-item.w4,
.posts-list .bricks-columns-3 .archive-item.w3,
.posts-list .bricks-columns-3 .archive-item.w4,
.posts-list .bricks-columns-4 .archive-item.w4{
	width: -webkit-calc(100% - 35px);
	width:         calc(100% - 35px);
}


/* sidebars */
.posts-list .layout-full.with-sidebar .content-box,
.posts-list .layout-full_fixed.with-sidebar .content-box,
.posts-list .layout-full_padding.with-sidebar .content-box{
	margin-left: 35px;
	width: -webkit-calc(75% - 35px);
	width: 		   calc(75% - 35px);
}
.posts-list .layout-full.right-sidebar .content-box,
.posts-list .layout-full_fixed.right-sidebar .content-box,
.posts-list .layout-full_padding.right-sidebar .content-box{
	margin-left: 0;
	margin-right: 35px;
}

/* responsive rules */
@media only screen and (min-width: 1560px) {
	.posts-list .layout-full.with-sidebar .content-box{
		width: -webkit-calc(100% - 320px - 35px); /* 320 sidebar*/
		width: 		   calc(100% - 320px - 35px);
	}
}

@media only screen and (min-width: 1640px) {
	.posts-list .layout-full_padding.with-sidebar .content-box{
		width: -webkit-calc(100% - 320px - 35px); /* 320 sidebar*/
		width: 		   calc(100% - 320px - 35px);
	}
}

@media only screen and (max-width: 1400px) and (min-width: 1025px) {
	/* make sure that sidebar wont get too narrow */
	.posts-list .layout-full_padding.with-sidebar .content-box{
		width: -webkit-calc(70% - 35px);
		width: 		   calc(70% - 35px);
	}
}

@media only screen and (max-width: 1320px) and (min-width: 1025px) {
	/* make sure that sidebar wont get too narrow */
	.posts-list .layout-full.with-sidebar .content-box{
		width: -webkit-calc(70% - 35px);
		width: 		   calc(70% - 35px);
	}
}

@media only screen and (max-width: 1279px){
	/* fluid layout columns */

	/* 3 columns */
	.posts-list .layout-fluid .bricks-columns-4 .archive-item,
	.posts-list .layout-fluid .bricks-columns-4 .grid-master{
		width: -webkit-calc(33.3333333% - 35px);
		width:         calc(33.3333333% - 35px);
	}
	.posts-list .layout-fluid .bricks-columns-4 .archive-item.w2{
		width: -webkit-calc(66.6666666% - 35px);
		width:         calc(66.6666666% - 35px);
	}
	.posts-list .layout-fluid .bricks-columns-4 .archive-item.w3{
		width: -webkit-calc(100% - 35px);
		width:         calc(100% - 35px);
	}

	/* 2 columns - when vertical header and sidebar are present */
	.header-vertical.posts-list .layout-fluid.with-sidebar .bricks-columns-4 .grid-master,
	.header-vertical.posts-list .layout-fluid.with-sidebar .bricks-columns-4 .archive-item,
	.header-vertical.posts-list .layout-fluid.with-sidebar .bricks-columns-4 .archive-item.w2,
	.header-vertical.posts-list .layout-fluid.with-sidebar .bricks-columns-3 .grid-master,
	.header-vertical.posts-list .layout-fluid.with-sidebar .bricks-columns-3 .archive-item{
		width: -webkit-calc(50% - 35px);
		width:         calc(50% - 35px);
	}
	.header-vertical.posts-list .layout-fluid.with-sidebar .bricks-columns-4 .archive-item.w3,
	.header-vertical.posts-list .layout-fluid.with-sidebar .bricks-columns-3 .archive-item.w2{
		width: -webkit-calc(100% - 35px);
		width:         calc(100% - 35px);
	}

	/* fixed layout columns */

	/* 3 columns - when vertical header and sidebar are present */
	.header-vertical.posts-list .layout-fixed.layout-no-edge.with-sidebar .bricks-columns-4 .archive-item,
	.header-vertical.posts-list .layout-fixed.layout-no-edge.with-sidebar .bricks-columns-4 .grid-master{
		width: -webkit-calc(33.3333333% - 35px);
		width:         calc(33.3333333% - 35px);
	}
	.header-vertical.posts-list .layout-fixed.layout-no-edge.with-sidebar .bricks-columns-4 .archive-item.w2{
		width: -webkit-calc(66.6666666% - 35px);
		width:         calc(66.6666666% - 35px);
	}
	.header-vertical.posts-list .layout-fixed.layout-no-edge.with-sidebar .bricks-columns-4 .archive-item.w3{
		width: -webkit-calc(100% - 35px);
		width:         calc(100% - 35px);
	}

	/* edge layout columns */

	/* 3 columns - when vertical header and sidebar are present */
	.header-vertical.posts-list .layout-edge.with-sidebar .bricks-columns-4 .archive-item,
	.header-vertical.posts-list .layout-edge.with-sidebar .bricks-columns-4 .grid-master{
		width: -webkit-calc(33.3333333% - 35px);
		width:         calc(33.3333333% - 35px);
	}
	.header-vertical.posts-list .layout-edge.with-sidebar .bricks-columns-4 .archive-item.w2{
		width: -webkit-calc(66.6666666% - 35px);
		width:         calc(66.6666666% - 35px);
	}
	.header-vertical.posts-list .layout-edge.with-sidebar .bricks-columns-4 .archive-item.w3{
		width: -webkit-calc(100% - 35px);
		width:         calc(100% - 35px);
	}
}

@media only screen and (max-width: 1080px) {
	/* fixed layout columns */

	/* 3 columns */
	.posts-list .layout-fixed.layout-no-edge .bricks-columns-4 .archive-item,
	.posts-list .layout-fixed.layout-no-edge .bricks-columns-4 .grid-master{
		width: -webkit-calc(33.3333333% - 35px);
		width:         calc(33.3333333% - 35px);
	}
	.posts-list .layout-fixed.layout-no-edge .bricks-columns-4 .archive-item.w2{
		width: -webkit-calc(66.6666666% - 35px);
		width:         calc(66.6666666% - 35px);
	}
	.posts-list .layout-fixed.layout-no-edge .bricks-columns-4 .archive-item.w3{
		width: -webkit-calc(100% - 35px);
		width:         calc(100% - 35px);
	}

	/* 2 columns - when vertical header and sidebar are present */
	.header-vertical.posts-list .layout-fixed.layout-no-edge.with-sidebar .bricks-columns-4 .grid-master,
	.header-vertical.posts-list .layout-fixed.layout-no-edge.with-sidebar .bricks-columns-4 .archive-item,
	.header-vertical.posts-list .layout-fixed.layout-no-edge.with-sidebar .bricks-columns-4 .archive-item.w2,
	.header-vertical.posts-list .layout-fixed.layout-no-edge.with-sidebar .bricks-columns-3 .grid-master,
	.header-vertical.posts-list .layout-fixed.layout-no-edge.with-sidebar .bricks-columns-3 .archive-item{
		width: -webkit-calc(50% - 35px);
		width:         calc(50% - 35px);
	}
	.header-vertical.posts-list .layout-fixed.layout-no-edge.with-sidebar .bricks-columns-4 .archive-item.w3,
	.header-vertical.posts-list .layout-fixed.layout-no-edge.with-sidebar .bricks-columns-3 .archive-item.w2{
		width: -webkit-calc(100% - 35px);
		width:         calc(100% - 35px);
	}
}

@media only screen and (max-width: 1024px) {
	.posts-list .layout-full.with-sidebar .content-box,
	.posts-list .layout-full_fixed.with-sidebar .content-box,
	.posts-list .layout-full_padding.with-sidebar .content-box{
		width: -webkit-calc(70% - 35px);
		width: 		   calc(70% - 35px);
	}
}

@media only screen and (max-width: 1000px) {
	/* edge layout columns */

	/* 3 columns */
	.posts-list .layout-edge.with-sidebar .bricks-columns-4 .archive-item,
	.posts-list .layout-edge.with-sidebar .bricks-columns-4 .grid-master{
		width: -webkit-calc(33.3333333% - 35px);
		width:         calc(33.3333333% - 35px);
	}
	.posts-list .layout-edge.with-sidebar .bricks-columns-4 .archive-item.w2{
		width: -webkit-calc(66.6666666% - 35px);
		width:         calc(66.6666666% - 35px);
	}
	.posts-list .layout-edge.with-sidebar .bricks-columns-4 .archive-item.w3{
		width: -webkit-calc(100% - 35px);
		width:         calc(100% - 35px);
	}
}


@media only screen and (max-width: 800px){
	/* fluid layout columns */

	/* 2 columns */
	.posts-list .layout-fluid .bricks-columns-4 .grid-master,
	.posts-list .layout-fluid .bricks-columns-4 .archive-item,
	.posts-list .layout-fluid .bricks-columns-4 .archive-item.w2,
	.posts-list .layout-fluid .bricks-columns-3 .grid-master,
	.posts-list .layout-fluid .bricks-columns-3 .archive-item{
		width: -webkit-calc(50% - 35px);
		width:         calc(50% - 35px);
	}
	.posts-list .layout-fluid .bricks-columns-4 .archive-item.w3,
	.posts-list .layout-fluid .bricks-columns-3 .archive-item.w2{
		width: -webkit-calc(100% - 35px);
		width:         calc(100% - 35px);
	}

	/* fixed layout columns */

	/* 2 columns */
	.posts-list .layout-fixed.layout-no-edge .bricks-columns-4 .grid-master,
	.posts-list .layout-fixed.layout-no-edge .bricks-columns-4 .archive-item,
	.posts-list .layout-fixed.layout-no-edge .bricks-columns-4 .archive-item.w2,
	.posts-list .layout-fixed.layout-no-edge .bricks-columns-3 .grid-master,
	.posts-list .layout-fixed.layout-no-edge .bricks-columns-3 .archive-item{
		width: -webkit-calc(50% - 35px);
		width:         calc(50% - 35px);
	}
	.posts-list .layout-fixed.layout-no-edge .bricks-columns-4 .archive-item.w3,
	.posts-list .layout-fixed.layout-no-edge .bricks-columns-3 .archive-item.w2{
		width: -webkit-calc(100% - 35px);
		width:         calc(100% - 35px);
	}

	/* edge layout columns */

	/* 2 columns */
	.posts-list .layout-edge.with-sidebar .bricks-columns-4 .grid-master,
	.posts-list .layout-edge.with-sidebar .bricks-columns-4 .archive-item,
	.posts-list .layout-edge.with-sidebar .bricks-columns-4 .archive-item.w2,
	.posts-list .layout-edge.with-sidebar .bricks-columns-3 .grid-master,
	.posts-list .layout-edge.with-sidebar .bricks-columns-3 .archive-item,
	.header-vertical.posts-list .layout-edge.with-sidebar .bricks-columns-4 .grid-master,
	.header-vertical.posts-list .layout-edge.with-sidebar .bricks-columns-4 .archive-item,
	.header-vertical.posts-list .layout-edge.with-sidebar .bricks-columns-4 .archive-item.w2,
	.header-vertical.posts-list .layout-edge.with-sidebar .bricks-columns-3 .grid-master,
	.header-vertical.posts-list .layout-edge.with-sidebar .bricks-columns-3 .archive-item{
		width: -webkit-calc(50% - 35px);
		width:         calc(50% - 35px);
	}
	.posts-list .layout-edge.with-sidebar .bricks-columns-4 .archive-item.w3,
	.posts-list .layout-edge.with-sidebar .bricks-columns-3 .archive-item.w2,
	.header-vertical.posts-list .layout-edge.with-sidebar .bricks-columns-4 .archive-item.w3,
	.header-vertical.posts-list .layout-edge.with-sidebar .bricks-columns-3 .archive-item.w2{
		width: -webkit-calc(100% - 35px);
		width:         calc(100% - 35px);
	}
}

@media only screen and (max-width: 768px) {
	.posts-list .layout-full.with-sidebar .content-box,
	.posts-list .layout-full_fixed.with-sidebar .content-box,
	.posts-list .layout-full_padding.with-sidebar .content-box{
		width: auto;
		margin-left: 0;
		margin-right: 0;
	}
}

@media only screen and (max-width: 700px){
	/* all layouts */
	/* 2 column */
	.posts-list #mid .bricks-columns-4 .grid-master,
	.posts-list #mid .bricks-columns-4 .archive-item,
	.posts-list #mid .bricks-columns-4 .archive-item.w2,
	.posts-list #mid .bricks-columns-3 .grid-master,
	.posts-list #mid .bricks-columns-3 .archive-item{
		width: -webkit-calc(50% - 35px);
		width:         calc(50% - 35px);
	}
	.posts-list #mid .bricks-columns-4 .archive-item.w3,
	.posts-list #mid .bricks-columns-3 .archive-item.w2{
		width: -webkit-calc(100% - 35px);
		width:         calc(100% - 35px);
	}
}

@media only screen and (max-width: 480px) {
	#only-posts-here{
		margin-right: 0;
	}
	html[dir="rtl"] #only-posts-here{
        margin-left: 0;
    }

	/* all layouts */

	/* 1 column */
	.posts-list #mid .bricks-columns-4 .grid-master,
	.posts-list #mid .bricks-columns-4 .archive-item,
	.posts-list #mid .bricks-columns-4 .archive-item.w2,
	.posts-list #mid .bricks-columns-4 .archive-item.w3,
	.posts-list #mid .bricks-columns-4 .archive-item.w4,
	.posts-list #mid .bricks-columns-3 .grid-master,
	.posts-list #mid .bricks-columns-3 .archive-item,
	.posts-list #mid .bricks-columns-3 .archive-item.w2,
	.posts-list #mid .bricks-columns-3 .archive-item.w3,
	.posts-list #mid .bricks-columns-2 .grid-master,
	.posts-list #mid .bricks-columns-2 .archive-item,
	.posts-list #mid .bricks-columns-2 .archive-item.w2,
	.posts-list #mid .bricks-columns-1 .grid-master,
	.posts-list #mid .bricks-columns-1 .archive-item{
		width: 100%;
	}
}

             
/* ==================
   SHOP PRODUCTS LIST
   ==================*/
.woocommerce-page .title-bar.outside{
    background-image: none;
    background-repeat: repeat; background-size:auto; background-position: 0 0;
}
.woocommerce-page .title-bar.outside .overlay-color{
    background-color: rgba(255,255,255,1);
    padding-top: 100px;
    padding-bottom: 100px;
}
.woocommerce-page .title-bar.outside .page-title,
.woocommerce-page .title-bar.outside h2{
    color: rgba(0,0,0,1);
}
.woocommerce-page .title-bar.outside .breadcrumbs,
.woocommerce-page .title-bar.outside .breadcrumbs a,
.woocommerce-page .title-bar.outside .breadcrumbs a:hover{
    color: rgba(0,0,0,1);
}

.content-box ul.products{
	margin-right: -20px;
}
html[dir="rtl"] .content-box ul.products{
    margin-right: 0;
    margin-left: -20px;
}

/* columns */
.woocommerce-page .shop-columns-4 ul.products li.product,
.woocommerce-page .shop-columns-4 ul.products .grid-master{
	width: -webkit-calc(25% - 20px);
	width:         calc(25% - 20px);
}
.woocommerce-page .shop-columns-3 ul.products li.product,
.woocommerce-page .shop-columns-3 ul.products .grid-master{
	width: -webkit-calc(33.3333333% - 20px);
	width:         calc(33.3333333% - 20px);
}
.woocommerce-page .shop-columns-2 ul.products li.product,
.woocommerce-page .shop-columns-2 ul.products .grid-master{
	width: 50%;
	width: -webkit-calc(50% - 20px);
	width:         calc(50% - 20px);
}
.woocommerce-page .shop-columns-1 ul.products li.product,
.woocommerce-page .shop-columns-1 ul.products .grid-master{
	width: 100%;
}


/* sidebars */
.products-list .layout-full.with-sidebar .content-box,
.products-list .layout-full_fixed.with-sidebar .content-box,
.products-list .layout-full_padding.with-sidebar .content-box{
	margin-left: 20px;
	width: -webkit-calc(75% - 20px);
	width: 		   calc(75% - 20px);
}
.products-list .layout-full.right-sidebar .content-box,
.products-list .layout-full_fixed.right-sidebar .content-box,
.products-list .layout-full_padding.right-sidebar .content-box{
	margin-left: 0;
	margin-right: 20px;
}

/* responsive rules */
@media only screen and (min-width: 1560px) {
	.products-list .layout-full.with-sidebar .content-box{
		width: -webkit-calc(100% - 320px - 20px); /* 320 sidebar*/
		width: 		   calc(100% - 320px - 20px);
	}
}

@media only screen and (min-width: 1640px) {
	.products-list .layout-full_padding.with-sidebar .content-box{
		width: -webkit-calc(100% - 320px - 20px); /* 320 sidebar*/
		width: 		   calc(100% - 320px - 20px);
	}
}

@media only screen and (max-width: 1400px) and (min-width: 1025px) {
	/* make sure that sidebar wont get too narrow */
	.products-list .layout-full_padding.with-sidebar .content-box{
		width: -webkit-calc(70% - 20px);
		width: 		   calc(70% - 20px);
	}
}

@media only screen and (max-width: 1320px) and (min-width: 1025px) {
	/* make sure that sidebar wont get too narrow */
	.products-list .layout-full.with-sidebar .content-box{
		width: -webkit-calc(70% - 20px);
		width: 		   calc(70% - 20px);
	}
}

@media only screen and (max-width: 1279px){
	/* fluid layout columns */

	/* 3 columns */
	.woocommerce-page .layout-fluid.shop-columns-4 ul.products li.product,
	.woocommerce-page .layout-fluid.shop-columns-4 ul.products .grid-master{
		width: -webkit-calc(33.3333333% - 20px);
		width:         calc(33.3333333% - 20px);
	}

	/* 2 columns - when vertical header and sidebar are present */
	.header-vertical.woocommerce-page .layout-fluid.with-sidebar.shop-columns-4 ul.products li.product,
	.header-vertical.woocommerce-page .layout-fluid.with-sidebar.shop-columns-4 ul.products .grid-master,
	.header-vertical.woocommerce-page .layout-fluid.with-sidebar.shop-columns-3 ul.products li.product,
	.header-vertical.woocommerce-page .layout-fluid.with-sidebar.shop-columns-3 ul.products .grid-master{
		width: -webkit-calc(50% - 20px);
		width:         calc(50% - 20px);
	}

	/* fixed layout columns */

	/* 3 columns - when vertical header and sidebar are present */
	.header-vertical.woocommerce-page .layout-fixed.layout-no-edge.with-sidebar.shop-columns-4 ul.products li.product,
	.header-vertical.woocommerce-page .layout-fixed.layout-no-edge.with-sidebar.shop-columns-4 ul.products .grid-master{
		width: -webkit-calc(33.3333333% - 20px);
		width:         calc(33.3333333% - 20px);
	}

	/* edge layout columns */

	/* 3 columns - when vertical header and sidebar are present */
	.header-vertical.woocommerce-page .layout-edge.with-sidebar.shop-columns-4 ul.products li.product,
	.header-vertical.woocommerce-page .layout-edge.with-sidebar.shop-columns-4 ul.products .grid-master{
		width: -webkit-calc(33.3333333% - 20px);
		width:         calc(33.3333333% - 20px);
	}
}

@media only screen and (max-width: 1080px) {
	/* fixed layout columns */

	/* 3 columns */
	.woocommerce-page .layout-fixed.layout-no-edge.shop-columns-4 ul.products li.product,
	.woocommerce-page .layout-fixed.layout-no-edge.shop-columns-4 ul.products .grid-master{
		width: -webkit-calc(33.3333333% - 20px);
		width:         calc(33.3333333% - 20px);
	}

	/* 2 columns - when vertical header and sidebar are present */
	.header-vertical.woocommerce-page .layout-fixed.layout-no-edge.with-sidebar.shop-columns-4 ul.products li.product,
	.header-vertical.woocommerce-page .layout-fixed.layout-no-edge.with-sidebar.shop-columns-4 ul.products .grid-master,
	.header-vertical.woocommerce-page .layout-fixed.layout-no-edge.with-sidebar.shop-columns-3 ul.products li.product,
	.header-vertical.woocommerce-page .layout-fixed.layout-no-edge.with-sidebar.shop-columns-3 ul.products .grid-master{
		width: -webkit-calc(50% - 20px);
		width:         calc(50% - 20px);
	}
}

@media only screen and (max-width: 1024px) {
	.products-list .layout-full.with-sidebar .content-box,
	.products-list .layout-full_fixed.with-sidebar .content-box,
	.products-list .layout-full_padding.with-sidebar .content-box{
		width: -webkit-calc(70% - 20px);
		width: 		   calc(70% - 20px);
	}
}

@media only screen and (max-width: 1000px) {
	/* edge layout columns */

	/* 3 columns */
	.woocommerce-page .layout-edge.with-sidebar.shop-columns-4 ul.products li.product,
	.woocommerce-page .layout-edge.with-sidebar.shop-columns-4 ul.products .grid-master{
		width: -webkit-calc(33.3333333% - 20px);
		width:         calc(33.3333333% - 20px);
	}
}

@media only screen and (max-width: 800px){
	/* fluid layout columns */

	/* 2 columns */
	.woocommerce-page .layout-fluid.shop-columns-4 ul.products li.product,
	.woocommerce-page .layout-fluid.shop-columns-4 ul.products .grid-master,
	.woocommerce-page .layout-fluid.shop-columns-3 ul.products li.product,
	.woocommerce-page .layout-fluid.shop-columns-3 ul.products .grid-master{
		width: -webkit-calc(50% - 20px);
		width:         calc(50% - 20px);
	}

	/* fixed layout columns */

	/* 2 columns */
	.woocommerce-page .layout-fixed.layout-no-edge.shop-columns-4 ul.products li.product,
	.woocommerce-page .layout-fixed.layout-no-edge.shop-columns-4 ul.products .grid-master,
	.woocommerce-page .layout-fixed.layout-no-edge.shop-columns-3 ul.products li.product,
	.woocommerce-page .layout-fixed.layout-no-edge.shop-columns-3 ul.products .grid-master{
		width: -webkit-calc(50% - 20px);
		width:         calc(50% - 20px);
	}

	/* edge layout columns */

	/* 2 columns */
	.woocommerce-page .layout-edge.with-sidebar.shop-columns-4 ul.products li.product,
	.woocommerce-page .layout-edge.with-sidebar.shop-columns-4 ul.products .grid-master,
	.woocommerce-page .layout-edge.with-sidebar.shop-columns-3 ul.products li.product,
	.woocommerce-page .layout-edge.with-sidebar.shop-columns-3 ul.products .grid-master,
	.header-vertical.woocommerce-page .layout-edge.with-sidebar.shop-columns-4 ul.products li.product,
	.header-vertical.woocommerce-page .layout-edge.with-sidebar.shop-columns-4 ul.products .grid-master,
	.header-vertical.woocommerce-page .layout-edge.with-sidebar.shop-columns-3 ul.products li.product,
	.header-vertical.woocommerce-page .layout-edge.with-sidebar.shop-columns-3 ul.products .grid-master{
		width: -webkit-calc(50% - 20px);
		width:         calc(50% - 20px);
	}
}

@media only screen and (max-width: 768px) {
	.products-list .layout-full.with-sidebar .content-box,
	.products-list .layout-full_fixed.with-sidebar .content-box,
	.products-list .layout-full_padding.with-sidebar .content-box{
		width: auto;
		margin-left: 0;
		margin-right: 0;
	}
}

@media only screen and (max-width: 700px){
	/* edge layout columns */

	/* 2 columns */
	.woocommerce-page .layout-edge.shop-columns-4 ul.products li.product,
	.woocommerce-page .layout-edge.shop-columns-4 ul.products .grid-master,
	.woocommerce-page .layout-edge.shop-columns-3 ul.products li.product,
	.woocommerce-page .layout-edge.shop-columns-3 ul.products .grid-master{
		width: -webkit-calc(50% - 20px);
		width:         calc(50% - 20px);
	}
}

@media only screen and (max-width: 480px) {
    .content-box ul.products{
        margin-right: 0;
    }
    html[dir="rtl"] .content-box ul.products{
        margin-left: 0;
    }

	/* 1 column */
	.woocommerce-page #mid ul.products li.product,
	.woocommerce-page #mid ul.products .grid-master{
		width: 100%; /* we unify all possible options of bricks width */
	}
}


/* ==================
   SHOP NO MAJOR PAGES
   ==================*/
.woocommerce-no-major-page .title-bar.outside{
    background-image: none;
    background-repeat: repeat; background-size:auto; background-position: 0 0;
}
.woocommerce-no-major-page .title-bar.outside .overlay-color{
    background-color: rgba(255,255,255,1);
    padding-top: 80px;
    padding-bottom: 80px;
}
.woocommerce-no-major-page .title-bar.outside .page-title,
.woocommerce-no-major-page .title-bar.outside h2{
    color: rgba(32,32,32,1);
}
.woocommerce-no-major-page .title-bar.outside .breadcrumbs,
.woocommerce-no-major-page .title-bar.outside .breadcrumbs a,
.woocommerce-no-major-page .title-bar.outside .breadcrumbs a:hover{
    color: rgba(31,31,31,0.6);
}



/* ==================
   CONTENT
   ==================*/
#content{
    font-size: 12px;
    color: rgba(80,80,80,0.8);
}
.real-content > p:first-child{
    font-size: inherit; color: inherit; line-height: inherit;
    
}
.page-title{
    font-size: 60px;
}
.widget h3.title {
    font-size: 12px;
}


/* ==================
   RESPONSIVE
   ==================*/
@media only screen and (max-width: 1024px) {
    #header{
        background-image: none;
    }
}
@media print,
only screen and (-o-min-device-pixel-ratio: 5/4),
only screen and (-webkit-min-device-pixel-ratio: 1.25),
only screen and (min-resolution: 120dpi) {
	a.normal-logo{
	    background-image: url(../../../uploads/2017/03/logo.png);
	}
    a.light-logo{
        background-image: url(../../../uploads/2017/03/logo.png);
    }
    a.dark-logo{
        background-image: url(../../../uploads/2017/03/logo.png);
    }
	a.sticky-logo{
        background-image: url(../../../uploads/2017/03/logo.png);
    }
}

/* ==================
   CUSTOM CSS
   ==================*/
.vc_btn3.vc_btn3-size-xs {
    font-size: 11px;
    padding: 8px 24px 7px;
}

@media screen and (max-width: 480px) {
    /* news #1 */
    .single.single-post h1.page-title {
        font-size: 36px;
    }
}