html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
:focus {
outline: 0;
}
body {
line-height: 1;
color: white;
background: black;
}
ol, ul {
list-style: none;
}
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
} *{ padding: 0px; }
body, html{ height: 100%; margin: 0;height: auto; min-height: 100%; }
body{
font: 300 15px/1.625 "PT Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
background-color: #a9a9a9;
background-repeat: repeat;
background-attachment:fixed;
color: #626262;
}
body.theme-boxed {
background-color: #8C8C8C;
}
input,textarea,button {
color:#777;
font-size:14px;
font-weight: 400;
letter-spacing: 1px;
font-family: "Raleway","Helvetica Neue",Helvetica,Arial,sans-serif;
} .circle-one {
opacity: 0;
animation-name: highlight-fade;
animation-duration: 1s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
-webkit-animation-name: highlight-fade;
-webkit-animation-duration: 1s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: ease-in-out;
}
.circle-two {
opacity: 0;
animation-name: highlight-fade;
animation-duration: 2s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
-webkit-animation-name: highlight-fade;
-webkit-animation-duration: 2s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: ease-in-out;
}
.circle-three {
opacity: 0;
animation-name: highlight-fade;
animation-duration: 1.5s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
-webkit-animation-name: highlight-fade;
-webkit-animation-duration: 1.5s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: ease-in-out;
}
.circle-four {
opacity: 0;
animation-name: highlight-fade;
animation-duration: 2.5s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
-webkit-animation-name: highlight-fade;
-webkit-animation-duration: 2.5s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: ease-in-out;
}
@keyframes highlight-fade {
0% { opacity: 0.2; }
50% {opacity: 1; }
100% { opacity: 0.2; }
}
@-webkit-keyframes highlight-fade {
0% { opacity: 0.2; }
50% {opacity: 1; }
100% { opacity: 0.2; }
}
.preloader-wrap {
background: #fff;
position: fixed;
top:0;
left: 0;
height: 100%;
width: 100%;
z-index: 1000;
display: block;
}
body.preloading-process {
overflow: hidden;
}
.preloader-site {
position: absolute;
top:40%;
width: 100%;
text-align: center;
display: none;
}
.preloader-site-logo {
width: 220px;
padding-bottom: 40px;
}
.preloader-site-logo,
.preloader-site-animation {
display: block;
margin:0 auto;
}
#grid-preloader {
width: 40px;
height: 30px;
}  .entry-content,
.sidebar-widget,
.homemenu .sf-menu .megamenu-textbox,
.homemenu .sf-menu ul li a,
.cart-elements,
.cart-content-checkout {
font-family: "PT Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.hero-text-wrap,
.client-say,
.sidebar h3,
.homemenu,
.mtheme-button,
#header-searchform #hs,
.vertical-menu,
.wpcf7-form p,
.toggle-menu-list li a,
.blog-details-section-inner,
.responsive-mobile-menu,
.page-link,
.entry-title h1,
.pricing-wrap,
#gridblock-filters li a,
.pricing-table .pricing-row,
.search-instructions,
.portfolio-end-block h2.section-title {
font-family: "Raleway","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.shortcode-time-counter-block .time-count-data,
#commentform code,
.entry-content code,
.entry-content kbd,
.entry-content tt,
.entry-content var,
.entry-content samp,
.entry-content pre,
.donutcounter-value {
font-family: "PT Mono";
}
a{ outline: none; text-decoration: none; color:#444444; }
a:hover{ text-decoration: none; }
a img{ border: none; }
.entry-content img {
max-width:100%;
height: auto;
}
.wp-caption img {
width: 98%;
}
.clear {clear:both;}
.clearlast {clear:both;padding-bottom:35px;}
.clearlastgallery {clear:both;padding-bottom:55px;}
.ienoclear {clear:both;}
.clearfix:after	{ content: "."; visibility: hidden; display: block; height: 0px; clear: both; }
* html .clearfix{ height: 1%; }
*+html .clearfix{ height: 1%; }
.float-right { float: right; }
.float-left {float:	left; }
.align-right { float:right; }
.align-left { float:left; }
.align-center { margin:0 auto; display:block;}
.mtheme-centered-block {
margin:0 auto;
display: block;
text-align: center;
}
p.edit-entry { 
font-size:10px;
line-height: 10px;
text-decoration:none;
position: absolute;
bottom: 0;
right:0;
}
p.edit-entry a {
font-size:13px;
background: #333;
padding: 18px;
color: #fff;
text-decoration:none;
display: block;
}
p.edit-entry a:hover {
background: #000;
color:#fff;
text-decoration:none;
}
.single-header-space { margin: 25px 0 0 0; }
.blank-head-space-1 { margin: 24px 0 0 0; }
.mtheme-menu-not-found { 
padding-left:20px;
padding-top:20px;
font-size:12px;
color:#fff;
font-weight: 400;
text-transform: none;
}
.gradient {
filter:none;
}
.type-post, .type-mtheme_portfolio, .type-page {
margin: 0;
}
::selection {
color:#fff;
background: #111; }
::-moz-selection {
color:#fff;
background: #111; } .background-fill,
.pattern-overlay {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
overflow:auto;
}
.background-fill {
z-index:-99;
}
.pattern-overlay {
z-index: -1;
} .tipsy { 
margin-top:-15px;
margin-left:0;
padding: 5px;
font-size: 9px;
font-weight:bold;
letter-spacing: 1px;
text-transform:uppercase;
}
.tipsy-inner {
padding: 4px 12px;
background-color: #555;
color: #fff;
max-width: 200px;
text-align: center;
border-radius: 20px;
}
.tipsy-inner { }
.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center; }
.tipsy-east { background-position: right center; margin-top:0; }
.tipsy-west { background-position: left center; } .logo-menu-wrapper {
float:left;
display:block;
}
.header-logo-section {
float: left;
}
.logo {
line-height: 0;
position: relative;
z-index: 20;
}
.logo a { 
line-height: 0;
}
.logo img {
position: relative;
top: 45px;
}
.menu-is-vertical .logo img {
max-width: 100%;
}
.logo-theme-dark {
display:none;
} body.msearch-is-on {
overflow: hidden;
}
.msearch-is-on .toggle-menu-trigger {
display: none;
}
#header-search-bar-wrap {
background: #777;
background: rgba(35,35,35,0.9);
position: fixed;
width: 100%;
height: 100%;
z-index: 1000;
display: none;
}
.header-search-bar {
padding: 50px 30px 90px;
position: relative;
text-align: center;
top:35%;
transition: all 0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
}
.header-search-close {
color: #fff;
font-size: 22px;
margin-top: 0;
position: absolute;
right: 25px;
top: 20px;
opacity: 0.7;
transition: all 0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
}
.header-search-close:hover {
cursor: pointer;
opacity: 1;
}
.header-search-bar .search-instructions {
color: #fff;
font-size: 14px;
font-weight: 800;
letter-spacing: 7px;
text-indent: -76px;
margin-bottom: 10px;
text-transform: uppercase;
}
#header-searchform #hs {
color: #7e7e7e;
font-size: 14px;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 3px;
padding: 30px;
width: 50%;
border:1px solid #24BEE8;
background: #fff;
opacity: 1;
text-align: center;
}
#header-searchform button {
color: #fff;
font-size: 20px;
height: 85px;
opacity: 0.7;
position: relative;
top: 8px;
width: 80px;
}
#header-searchform button:hover {
opacity: 1;
}
#header-searchform .feather-icon-search {
position: relative;
top: -7px;
} .menu-toggle-wrap-static {
position: static;
}
.menu-toggle-wrap-fixed {
position: fixed;
bottom:50px;
left: 0;
}
.menu-scroll-mode {
padding-bottom: 50px;
}
.menu-toggle-wrap {
width:320px;
text-align: center;
}
.menu-toggle {
width:40px;
height:40px;
font-size: 10px;
line-height: 40px;
cursor:pointer;
opacity:1;
z-index: 99;
border-radius: 100px;
text-align: center;
color:#000;
background-color: #fff;
margin: 0 auto;
position: relative;
-webkit-transition: -webkit-transform 0.1s, all 0.1s;
-moz-transition: -moz-transform 0.1s, all 0.1s;
transition: transform 0.1s, all 0.1s;
}
.menu-toggle:after {
content: " ";
position: absolute;
border:5px solid #fff;
top:-10px;
left:-10px;
height:40px;
padding:5px;
width: 40px;
border-radius: 100px;
-webkit-transition: -webkit-transform 0.1s, opacity 0.1s;
-moz-transition: -moz-transform 0.1s, opacity 0.1s;
transition: transform 0.1s, opacity 0.1s;
}
.menu-toggle:hover {
background:#FF2C55;
color:#fff;
}
.menu-toggle:hover:after {
opacity: 1;
border-color:#FF2C55;
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
}
.menu-toggle:active:after {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.menu-toggle-off {
background-position: 50% top;
}
.menu-toggle-on {
background-position: 50% bottom;
} .mtheme-adjust-max-height {
height:100%;
max-height: 100%;
}
.top-bar-wrap-fullwidth {
margin:0 auto;
}
.container-boxed,
.container-fullwidth,
.top-bar-wrap-fullwidth {
}
.theme-boxed .container-boxed,
.theme-boxed .top-bar-content,
.theme-boxed .top-bar-wrap-boxed,
.theme-boxed .footer-container-wrap,
.theme-boxed #copyright,
.header-compact.theme-boxed .outer-wrap {
width:1400px;
}
.theme-boxed .container-wrapper {
overflow: hidden;
}
.menu-is-horizontal.theme-boxed .footer-container-wrap,
.menu-is-horizontal.theme-boxed #copyright {
margin: 0 auto;
} 
.top-bar-wrap-boxed {
margin:0 auto;
}
.top-bar-content {
margin:0 auto;
}
.container-wrapper.container-boxed {
}
.menu-is-vertical .container-wrapper.container-boxed {
margin-top:0;
margin-bottom:0;	
}
.page-template-template-fullpage-php .container-boxed {
padding-left:0;
padding-right:0;
}
.page-template-template-fullpage-php .title-container-outer-wrap {
display: none;
}
.title-container-outer-wrap,
.title-container-no-display {
position: relative;
}
.title-container-no-display-wrap {
position: absolute;
width: 100%;
z-index: 1;
}
.title-container-overlay {
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.5);
}
.portfolio-container-inner {
padding:50px 0;
}
.outer-header-wrap {
width: 1400px;
}
.container {
padding-top:60px;
padding-bottom:60px;
margin-bottom: 100px;
}
.header-is-off .container {
padding-top: 140px;
}
.header-compact.header-is-off.no-title-background .container-fullwidth {
padding-top: 86px;
}
.container.header-adjuster {
margin-top:130px;
padding-top:50px;
}
.fullpage-block {
-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.container-fill {
width: 100%;
margin:0;
}
.global-container-wrapper {
width:100%;
}
.container-wrapper {
background:#fff;
margin: 0 auto;
}
.container-outer {
}
.container-inner {
}
.container-outer,
.single-page-container,
.single-gridblock-image-container {
}
.container-head {
height: 15px;
width: 100%;
background: #111;
}
.container,
.entry-title,
.fullpage-item,
.footer-container,
.outer-header-wrap,
.portfolio-container,
.portfolio-header-wrap,
.top-bar-wrap-fullwidth,
.page-template-template-blank-php .mtheme-supercell,
.page-template-template-blank-php .mtheme-supercell.boxed-column .first-column.span12 .mtheme-cell-wrap,
.page-template-template-fullpage .mtheme-supercell,
.page-template-template-fullpage .mtheme-supercell.boxed-column .first-column.span12 .mtheme-cell-wrap,
.edge-to-edge .mtheme-supercell,
.edge-to-edge .mtheme-supercell.boxed-column .first-column.span12 .mtheme-cell-wrap,
.edge-to-edge .entry-portfolio-content,
.always-center,
.page-template-template-fullpage .mtheme-supercell.boxed-column.divided-column,
.edge-to-edge .mtheme-supercell.boxed-column.divided-column {
width: 1300px;
margin:0 auto;
}
.edge-to-edge .entry-portfolio-content {
margin-top: 30px;
}
.single-mtheme_portfolio.pagebuilder-active .entry-portfolio-content {
margin:0;
}
.edge-to-edge .mtheme-supercell.boxed-column,
.single-mtheme_portfolio.pagebuilder-active .entry-portfolio-content,
.portfolio-header-wrap.edge-to-edge-column,
.page-template-template-fullpage .mtheme-supercell.boxed-column
.page-template-template-blank-php .mtheme-supercell.boxed-column {
width: auto;
}
.page-template-template-blank-php .container,
.page-template-template-fullpage-php .container,
.edge-to-edge .container,
.edge-to-edge .mtheme-supercell {
width: auto;
margin-top:0;
padding-top: 0;
padding-bottom: 0;
margin-bottom: 0;
}
.edge-to-edge .two-column {
width: 100%;
}
.mtheme-supercell.fullwidth-column {
width: auto;
margin: 0;
}
.portfolio-header-wrap.edge-to-edge-column {
padding-top: 0;
}
.portfolio-header-wrap {
padding-top: 60px;
}
.header-is-off .portfolio-header-wrap {
padding-top: 140px;
}
.edge-to-edge.header-is-off .portfolio-header-wrap {
padding-top: 0;
}
.outer-header-wrap {
padding-bottom: 44px;
position: relative;
z-index: 1;
top:40px;
border-bottom: 1px solid rgba(255,255,255,0.1);
}
.single-flexislideshow{ 
margin-left:-50px;
}
.top-bar-wrap {
position: relative;
z-index: 1;
}
.header-block-wrap {
width: 100%;
}
.header-elements-wrap {
position: relative;
z-index: 99;
margin: 0 auto;
padding: 0;
}
.theme-boxed .header-elements-wrap {
margin-top:0;
}
.stickymenu-listener  {
}
.stickymenu-active {
position: fixed;
z-index: 100;
text-align: center;
margin:0 auto;
width: 100%;
top:0;	
}
.mainmenu-navigation  {
height:60px;
float: right;
}
.stickymenu-zone.sticky-menu-activate {
background:#fff;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
animation: stickymenu 0.5s ease-out;
animation-fill-mode:forwards;
}
@keyframes stickymenu {
0% {
opacity: 0;
}
100% {
opacity:1;
}
}
.header-compact.theme-boxed .outer-wrap.sticky-menu-activate,
.menu-is-horizontal.header-compact.theme-boxed .outer-wrap.sticky-menu-activate,
.menu-is-vertical.header-compact.theme-boxed .outer-wrap.sticky-menu-activate,
.outer-wrap {
position: fixed;
top:0;
width: 100%;
transition: padding 0.2s;
-moz-transition: padding 0.2s;
-webkit-transition: padding 0.2s;
-o-transition: padding 0.2s;
z-index: 90;
}
.admin-bar .outer-wrap {
top:32px;
}
.header-compact.theme-boxed .outer-wrap{
margin:0 auto;
position: static;
}
.header-on-overlay .outer-header-wrap {
border-bottom: 0;
}
.header-on-overlay .top-bar-wrap {
padding: 10px 60px;
}
.header-bright-on-overlay .top-bar-wrap {
background: rgba(77,77,77,0.7);
}
.header-dark-on-overlay .top-bar-wrap {
background: rgba(255,255,255,0.7);
}
.header-on-overlay .homemenu .sf-menu li.mega-item ul.children-depth-0 {
top: 118px;
}
.header-on-overlay .sticky-menu-activate .top-bar-wrap {
background: none;
padding:0;
}
.menu-is-horizontal.header-dark .homemenu ul li a,
.menu-is-horizontal.header-dark .social-header-wrap ul li.social-icon i,
.menu-is-horizontal.header-dark .social-header-wrap ul li.contact-text,
.menu-is-horizontal.header-dark .social-header-wrap ul li.contact-text a,
.menu-is-horizontal.header-dark .social-header-wrap ul li.contact-text i,
.menu-is-horizontal.header-dark .header-search i,
.menu-is-horizontal.header-dark .header-cart i,
.menu-is-horizontal.compact-on-bright .homemenu ul li a,
.menu-is-horizontal.compact-on-bright .social-header-wrap ul li.social-icon i,
.menu-is-horizontal.compact-on-bright .social-header-wrap ul li.contact-text,
.menu-is-horizontal.compact-on-bright .social-header-wrap ul li.contact-text a,
.menu-is-horizontal.compact-on-bright .social-header-wrap ul li.contact-text i,
.menu-is-horizontal.compact-on-bright .header-search i,
.menu-is-horizontal.compact-on-bright .header-cart i {
color:#000;
}
.menu-is-horizontal.header-dark .homemenu .sf-menu li.menu-item a:before,
.menu-is-horizontal.compact-on-bright .homemenu .sf-menu li.menu-item a:before {
border-color: #000;
}
.menu-is-horizontal.header-dark .homemenu ul ul li a,
.menu-is-horizontal.header-compact .homemenu ul ul li a {
color:#dddddd;
}
.header-dark .toggle-menu-trigger span,
.header-dark .toggle-menu-trigger span:before,
.header-dark .toggle-menu-trigger span:after,
.compact-on-bright .toggle-menu-trigger span,
.compact-on-bright .toggle-menu-trigger span:before,
.compact-on-bright .toggle-menu-trigger span:after {
background-color:#000;
}
.header-dark .toggle-menu-open .toggle-menu-trigger span,
.compact-on-bright .toggle-menu-open .toggle-menu-trigger span {
background-color: transparent;
}
.header-dark .outer-header-wrap {
border-color: rgba(0,0,0,0.05);
}
.header-compact .outer-header-wrap {
border:0;
}
.header-compact .outer-wrap {
background: #fff;
border-bottom: 1px solid #f5f5f5;
border-bottom: 1px solid rgba(255,255,255,0.05);
padding-bottom: 15px;
}
.header-compact.compact-on-bright .outer-wrap {
border-bottom: 1px solid #eee;
border-bottom: 1px solid rgba(0,0,0,0.05);
}
.header-dark .title-container-wrap{
background-color: #f8f8f8;
}
.header-compact .title-container-wrap {
background-color: #f9f9f9;
}
.header-dark .title-container,
.header-compact .title-container {
color:#000;
}
.header-dark .logo-theme-light,
.compact-on-bright .logo-theme-light {
display: none;
}
.header-dark .logo-theme-dark,
.compact-on-bright .logo-theme-dark {
display: block;
}
.header-bright .logo-theme-light,
.compact-on-dark .logo-theme-light {
display: block;
}
.header-bright .logo-theme-dark,
.compact-on-dark .logo-theme-dark {
display: none;
}
.compact-on-dark .outer-wrap {
background-color: #000;
}
.header-compact .title-container {
padding: 65px 0 45px;
}
.header-compact .title-container-wrap {
padding-top: 80px;
}
.menu-is-horizontal.theme-boxed.header-compact .title-container-wrap {
padding-top: 0;
}
.header-compact .outer-header-wrap {
top:25px;
padding-bottom: 10px;
}
.header-compact .entry-title h1 {
font-size: 26px;
line-height: 30px;
}
.header-compact .toggle-menu-trigger {
top:19px;
}
.header-logo-only .logo-menu-wrap {
display: none;
}
.header-logo-only .outer-header-wrap {
border: 0;
}
.header-logo-only .sticky-menu-activate .logo-menu-wrap {
display: block;
} .stickymenu-zone.sticky-menu-activate .logo img,
.header-compact .logo img {
top:0;
}
.stickymenu-zone.sticky-menu-activate .logo img {
margin:0;
}
.sticky-menu-activate .logo-theme-dark,
.header-extended .stickymenu-zone.sticky-menu-activate .logo-theme-dark,
.compact-on-bright .stickymenu-zone.sticky-menu-activate .logo-theme-dark {
display: block;
}
.sticky-menu-activate .logo-theme-light,
.header-extended .stickymenu-zone.sticky-menu-activate .logo-theme-light,
.compact-on-bright .stickymenu-zone.sticky-menu-activate .logo-theme-light {
display: none;
}
.sticky-menu-activate .homemenu ul li a,
.menu-is-horizontal.header-bright .sticky-menu-activate .header-search i,
.menu-is-horizontal.header-bright .sticky-menu-activate .header-cart i,
.header-extended .stickymenu-zone.sticky-menu-activate .homemenu ul li a,
.compact-on-bright .stickymenu-zone.sticky-menu-activate .homemenu ul li a {
color:#000;
}
.sticky-menu-activate .homemenu ul ul li a,
.header-extended .stickymenu-zone.sticky-menu-activate .homemenu ul ul li a,
.compact-on-bright .stickymenu-zone.sticky-menu-activate .homemenu ul ul li a {
color:#ddd;
}
.compact-on-dark .stickymenu-zone.sticky-menu-activate .homemenu ul li a {
color:#fff;
}
.compact-on-dark .stickymenu-zone.sticky-menu-activate .homemenu ul ul li a {
color:#ddd;
}
.compact-on-dark .stickymenu-zone.sticky-menu-activate .logo-theme-dark {
display: none;
}
.compact-on-dark .stickymenu-zone.sticky-menu-activate .logo-theme-light {
display: block;
}
.sticky-menu-activate .homemenu .sf-menu li.mega-item ul.children,
.header-compact .homemenu .sf-menu li.mega-item ul.children {
top:52px;
}
.sticky-menu-activate .homemenu .sf-menu li.mega-item ul.children div ul.children,
.header-compact .homemenu .sf-menu li.mega-item ul.children div ul.children {
top:0;
}
.sticky-menu-activate .homemenu,
.header-compact .homemenu {
margin-top:10px;
}
.outer-header-wrap {
transition: padding 0.2s ease-out, top 0.2s ease-out;
-moz-transition: padding 0.2s ease-out,top 0.2s ease-out;
-webkit-transition: padding 0.2s ease-out, top 0.2s ease-out;
-o-transition: padding 0.2s ease-out, top 0.2s ease-out;
}
.sticky-menu-activate .outer-header-wrap {
top:20px;
padding-bottom: 15px;
border-bottom: 0;
transition: padding 0.2s ease-out, top 0.2s ease-out;
-moz-transition: padding 0.2s ease-out,top 0.2s ease-out;
-webkit-transition: padding 0.2s ease-out, top 0.2s ease-out;
-o-transition: padding 0.2s ease-out, top 0.2s ease-out;
}
.sticky-menu-activate.outer-wrap {
padding-bottom: 0;
}
.menu-is-horizontal .sticky-menu-activate .login-socials-wrap,
.menu-is-horizontal.header-compact .login-socials-wrap {
display: none;
}
.sticky-menu-activate .header-elements-wrap,
.header-compact .header-elements-wrap {
top:-10px;
}
.header-compact .homemenu .sf-menu li.menu-item a:before {
bottom: 12px;
}
.sticky-menu-activate .homemenu .sf-menu li.menu-item a:before {
bottom: 16px;
}
.header-compact .homemenu .sf-menu .mega-item .children-depth-0,
.header-compact .homemenu ul ul {
margin-top:8px;
}
.sticky-menu-activate .homemenu .sf-menu .mega-item .children-depth-0,
.sticky-menu-activate .homemenu ul ul {
margin-top:4px;
}
.header-compact .homemenu ul.sf-menu li li:hover ul,
.header-compact .homemenu ul.sf-menu li li.sfHover ul {
top: -28px;
}
.header-compact .homemenu ul.sf-menu li li li:hover ul,
.header-compact .homemenu ul.sf-menu li li li.sfHover ul {
top: -28px;
}
.sticky-menu-activate .homemenu ul.sf-menu li li:hover ul,
.sticky-menu-activate  .homemenu ul.sf-menu li li.sfHover ul {
top: -24px;
}
.sticky-menu-activate .homemenu ul.sf-menu li li li:hover ul,
.sticky-menu-activate  .homemenu ul.sf-menu li li li.sfHover ul {
top: -24px;
}
.header-bright .sticky-menu-activate .homemenu .sf-menu li.menu-item a:before {
border-bottom-color: #000000;
}
.header-dark .sticky-menu-activate .homemenu .sf-menu li.menu-item a:before {
border-bottom-color: #000000;
} .header-elements-wrap.header-animated {
}
.menu-overlay {
background-color:#555;
position: fixed;
top:-150px;
left:0;
width:100%;
height:120px;
z-index:-1;
border-bottom: 1px solid #F5F5F5;
border-bottom: 1px solid rgba(0,0,0,0.05);
}
.top-menu-color {
}
.top-menu-wrap {
padding: 0;
line-height: 0;
}
.lower-padding { padding-bottom: 0 }
.footer-margin { margin-top: 60px; }
.lower-margin { margin-bottom: 50px; }
.sidebar-margin { margin-top: 30px; }
.no-border { border:none !important; margin:0 !important; padding:0 !important;}
.main-contents {
padding:	0;
}
.page-contents {
padding:	0;
}
.home-wrap {
margin: 0 50px;
}
.home-page-wrap {
padding: 20px 0;
}
.contents-wrap,
.page-contents-wrap  {
}
.page-template-template-page_leftsidebar-php .page-contents-wrap {
padding: 20px 50px 0 0;
}
.fullpage-portfolio-wrap {
margin: 50px 0 0 0;
}
.fullpage-contents-wrap {
margin: 35px 0 0 0;
}
.portfoliopage-contents-wrap {
padding: 0;
}
.transparent-contents-wrap {
padding:	0 0 0 0;
}
.entry-wrapper {
padding-bottom: 20px;
margin-bottom: 20px;
}
.entry-contents-wrapper {
margin-top:30px;
}
.entry-post-wrapper {
margin-bottom: 20px;
padding: 0;
}
.entry-post-seperator {
border-bottom: 1px solid #ededed;
margin-bottom: 50px;
padding-bottom: 80px;
}
.knowledge-contents-archive .entry-post-seperator:last-child {
border:0;
}
.center-readmore {
text-align: center;
}
.page-template-template-bloglist-small-php .center-readmore {
text-align: right;
}
.single-post .entry-post-wrapper {
padding-top:10px;
}
.entry-portfolio-content {
margin-top:30px;
}
.entry-portfolio-wrapper {
padding: 20px 0 10px;
margin:0;
}
.entry-spaced-wrapper {
padding: 0;
margin:0;
}
.entry-page-wrapper {
padding: 0;
margin:0;
}
.topseperator {
}
.buttonseperator {
margin-top:20px;
}
.portfolio-wrap {
}
.portfolio-end-block {
border-top: 1px solid #eee;
margin: 80px 120px;
padding-top: 50px;
}
.portfolio-end-block h2.section-title {
color: #000;
font-size: 18px;
font-weight: 600;
letter-spacing: 5px;
text-transform: uppercase;
}
.entry-nospaced-wrapper {
padding: 1px 20px 10px 20px;
margin:0;
}
.two-column,
.edge-to-edge .portfolio-header-left.two-column {
width: 68.9%;
}
.edge-to-edge .ajax-gridblock-block-wrap {
padding: 0 40px 20px 40px;
} #videocontainer {
height: 100%;
width: 100%;
}
.portfolio-single-image,
.entry-content iframe,
.entry-content object,
.entry-content embed,
.entry-content img, 
.video-container iframe,  
.video-container object,  
.video-container embed,
.entry-wrapper iframe,
.entry-wrapper  object,
.entry-wrapper  embed,
.entry-wrapper  iframe,  
.entry-wrapper  object,  
.entry-wrapper  embed,
.entry-wrapper img,
.single-portfolio-image-wrap img,
.portfolio-featured-image img {
max-width:100%;
}
.portfolio-featured-image {
width: 100%;
line-height: 0;
}
.lightbox-shortcode img {
max-width: 100%;
width: 100%;
}
.lightbox-shortcode.lightbox-shortcode-center img {
width: auto;
}
.lightbox-shortcode .gridblock-links-wrap {
top: 45%;
}
.portfolio-single-image {
vertical-align: bottom;
width: 100%;
} .entry-content {
color: #777;
font-size: 13px;
font-weight: 400;
letter-spacing: 0.1px;
line-height: 26px;
}
.sidebar-widget {
color: #777;
font-size: 12px;
font-weight: 400;
letter-spacing: 0.1px;
line-height: 26px;
}
.entry-content-wrapper {
margin: 0 0 0 0;
}
.main-entry-content-wrapper {
margin: 20px 0 0 0;
}
.featured-content {
margin-bottom:50px;
}
.entry-content #searchform {
margin: 35px 0 0 0;
}
.entry-post-list-end {
margin: 15px 0 25px 0;
}
.contents-column {
margin: 20px 0 0 0;
}
.portfolio-contents{
margin-bottom:		0;
}
.entry-info {
width:	60px;
float:	left;
}
.wp-caption {
background: #f1f1f1;
line-height: 18px;
margin-bottom: 20px;
max-width: 100%;
padding: 4px;
text-align: center;
}
.wp-caption img {
margin: 5px 5px 0;
}
.wp-caption p.wp-caption-text {
color: #888;
font-size: 12px;
margin: 5px;
}
.entry-content .sticky {
background: #f2f7fc;
border-top: 4px solid #000;
margin-left: -20px;
margin-right: -20px;
padding: 18px 20px;
}
.gallery .gallery-caption {
color: #888;
font-size: 12px;
margin: 0 0 12px;
}
.alignleft,
img.alignleft {
display: inline;
float: left;
margin-right: 24px;
margin-top: 4px;
}
.alignright,
img.alignright {
display: inline;
float: right;
margin-left: 24px;
margin-top: 4px;
}
.aligncenter,
img.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
margin-bottom: 12px;
}
table {
width: 100%;
margin-bottom: 40px;
border:1px solid #eee;
}
table thead th {
background: #888;
color:#fff;
}
table tbody {
}
table tbody td {
border-top: 1px solid #ddd;
line-height: 2.5em;
}
table tbody td a {
display: block;
text-decoration: none;
}
table tfoot td {
padding-top: 1px;
padding: 4px;
}
table th,
table td {
padding: 7px 20px;
color: #a7a7a7;
border: 1px solid #eee;
}
.entry-content td {
color:#555;
} .entry-post-title-only {
margin-top: 0;
}
.entry-content .entry-post-title h2 {
font-size: 18px;
font-weight: 600;
letter-spacing: 2px;
line-height: 30px;
margin-bottom: 10px;
margin-top: 0;
}
.post-format-media {
line-height: 0;
margin-bottom: 30px;
}
.entry-content .entry-post-title h2 a {
font-weight: 600;
color:#000;
}
.entry-content .entry-post-title h2 a:hover {
text-decoration:none;
}
.slider-title-wrap {
width:960px;
margin:0 auto;
}
h1.entry-slider-title {
font-size:		16px;
font-weight:	bold;
text-transform:	uppercase;
letter-spacing:	-0.2px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
background:#A0A0A0;
color: #fff;
display:inline-block;
margin: 0;
padding: 10px 20px;
vertical-align: text-top;
}
.title-container {
position: relative;
color:#fff;
padding: 40px 0 35px;
}
.single-mtheme_portfolio .title-container {
}
.single-mtheme_portfolio .entry-title h1 {
font-size: 46px;
font-weight: 800;
letter-spacing: 10px;
line-height: 82px;
text-transform: uppercase;
}
.header-compact.single-mtheme_portfolio .entry-title h1 {
font-size: 18px;
font-weight: 600;
letter-spacing: 3px;
line-height: 32px;
}
.header-compact.single-mtheme_portfolio .entry-title.bold-centered h1 {
font-size: 28px;
font-weight: 800;
}
.single-mtheme_portfolio .entry-title {
text-align: center;
}
.single-mtheme_portfolio .container {
width: auto;
margin: 0;
padding: 0;
}
.portfolio-header-right {
width: 26%;
color:#000;
}
.portfolio-header-right-inner {
padding: 0 0 20px 0;
}
.fullwidth-column .portfolio-header-right {
width: auto;
}
.fullwidth-column .portfolio-header-right-inner {
padding: 30px 0 0 0;
}
.portfolio-header-left {
line-height: 0;
}
.title-container-wrap {
background: #2B2B2B;
padding: 200px 0 0;
}
.entry-title h1 {
display: inline-block;
font-size: 28px;
font-weight: 700;
letter-spacing: 8px;
line-height: 50px;
position: relative;
text-transform: uppercase;
}
.entry-title.bold-centered,
.entry-title.bold-default,
.entry-title {
text-align: center;
}
.entry-title.bold-centered h1 {
font-size: 46px;
font-weight: 800;
letter-spacing: 10px;
line-height: 82px;
text-transform: uppercase;
}
.entry-title h1 em,
.entry-title h2 em {
font-style: italic;
}
.entry-title h1 strong,
.entry-title h2 strong {
font-weight: bold;
}
.title-container-wrap .entry-title h2 {
color: #DADADA;
display: inline-block;
font-size: 18px;
line-height: 30px;
margin: 10px 0 0;
padding: 4px 0 0;
}
.entry-title h2 {
line-height: 40px;
margin: 10px 0 0;
padding: 20px 0 30px;
}
.entry-mainpost-title {
font-size:		22px;
color:			#555555;
letter-spacing:	0;
border-bottom:	1px solid #f0f0f0;
padding:		10px 0 20px 0;
margin: 		0 0 40px 0;
letter-spacing: 1px;
vertical-align: text-top;
}
.entry-single-title h1 {
font-size:		36px;
color:			#555555;
letter-spacing:	0;
padding:		0;
margin:			20px 0 20px 0;
letter-spacing: -1px;
vertical-align: text-top;
}
h1.page-title {
font-size:		18px;
margin:			65px 0 55px 0;
color:			#B9B9B9;
letter-spacing:	0;
line-height:	18px;
text-transform:	uppercase;
}
h1.page-entry-title {
color: #454545;
font-size: 36px;
font-weight: 300;
letter-spacing: -1px;
line-height: 32px;
margin: 30px 0 30px;
}
h2.page-entry-title {
color: #454545;
font-size: 36px;
font-weight: 300;
letter-spacing: -1px;
line-height: 32px;
margin: 10px 0 10px;
}
h3.related_posts_title {
color: #FFFFFF;
font-size: 24px;
font-weight: 300;
line-height: 32px;
margin: 10px 0 30px;
}
h2.entry-title {
font-size:		28px;
font-weight: 	900;
margin:			0 0 10px 0;
font-weight:	bold;
color:			#171717;
letter-spacing:	0;
line-height:	32px;
}
h2.entry-title a {
color:			#747474;
text-decoration:none;
}
h2.entry-title a:hover {
color:			#111;
text-decoration:none;
}
.no-results {
margin: 35px 0 0 0;
} .breadcrumb-wrap {
height:50px;
width:100%;
background: #000;
background: rgba(0,0,0,0.2);
}
.breadcrumb {
color: #fff;
font-size: 12px;
font-weight: 400;
letter-spacing: 1px;
position: absolute;
right: 0;
top: -37px;
text-transform: uppercase;
}
.breadcrumb a {
font-weight: 400;
color:#aaa;
}
.breadcrumb a:hover {
color:#13D3B5;
}
.breadcrumb-sep {
padding: 0 10px;
color:#fff;
}
.breadcrumb .divider {
padding: 0 5px;
color: #fff;
} .toggle-menu-wrap {
position: fixed;
width: 100%;
z-index: 121;
display: none;
height: 100%;
overflow-y:scroll;
}
.toggle-menu-list {
text-align: center;
position: absolute;
top:0;
width: 100%;
}
.toggle-menu-list li {
font-size: 24px;
font-weight: 700;
color:#fff;
letter-spacing: 8px;
text-transform: uppercase;
position: relative;
padding-bottom: 40px;
left:100px;
}
.toggle-menu-list li:after {
border-bottom: 3px solid #fff;
content: " ";
left: 50%;
margin-left: -10px;
position: absolute;
top: -20px;
width: 20px;
}
.toggle-menu-list li:first-child:after {
display: none;
}
.toggle-menu-list li a {
color: #fff;
transition: all 0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
}
.toggle-menu-list li a:hover {
color: #24bee8;
}
.toggle-menu-list {
display: none;
}
.toggle-overlay {
display: none;
position: fixed;
background-color: #777;
background-color: rgba(35, 35, 35, 0.9);
height: 100%;
width: 100%;
top:0;
left:0;
z-index: 120;
}
.set-screen-fixed {
overflow: hidden;
} .entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
font-weight: 700;
margin-bottom:15px;
text-transform: uppercase;
letter-spacing: 5px;
color:#000;
}
.entry-content .text-is-bright h1,
.entry-content .text-is-bright h2,
.entry-content .text-is-bright h3,
.entry-content .text-is-bright h4,
.entry-content .text-is-bright h5,
.entry-content .text-is-bright h6,
.entry-content .text-is-bright .text-intensity-switch {
color:#fff;
}
.entry-content .text-is-bright .text-intensity-switch-low,
.entry-content .text-is-bright,
.entry-content .text-is-bright p {
color:#fff;
color:rgba(255,255,255,0.7);
}
.entry-content .heading-section h1,
.entry-content .heading-section h2,
.entry-content .heading-section h3,
.entry-content .heading-section h4,
.entry-content .heading-section h5,
.entry-content .heading-section h6 {
background:#fff;
display: inline;
padding: 5px 20px;
font-weight: 400;
}
.entry-content h1 {
font-size: 46px;
line-height: 46px;
}
.entry-content h2 {
font-size: 30px;
line-height: 32px;
}
.entry-content h3 {
font-size:22px;
line-height: 24px;
}
.entry-content h4 {
font-size: 16px;
line-height: 18px;
}
.entry-content h5 {
font-size:12px;
line-height: 16px;
}
.entry-content h6 {
font-size:9px;
line-height: 10px;
}
.entry-content h1 a {
font-weight: 400;
}
.fullpage-block h3,
.fullpage-block h4,
.fullpage-block h5,
.fullpage-block h6 {
font-weight: 400;
color:#888;
}
.fullpage-block h1 {
font-size: 58px;
font-weight: 400;
letter-spacing: -2.5px;
line-height: 48px;
word-spacing: 6px;
}
.fullpage-block h2 {
font-size: 38px;
font-weight: 400;
letter-spacing: -1.5px;
line-height: 38px;
}
.fullpage-block h3 {
font-size: 28px;
font-weight: 400;
letter-spacing: -0.5px;
line-height: 38px;
}
.fullpage-block h4 {
font-size: 20px;
}
.fullpage-block h5 {
font-size: 16px
}
.fullpage-block h6 {
font-size: 11px;
text-transform: uppercase;
letter-spacing: 10px;
}
.entry-content .fullpage-block h6 {
color:#8E8E8E;
} .entry-content q {
display: inline;
}
.entry-content q:before {
content: "\f10d";
font-family: "fontawesome";
margin-right: 5px;
}
.entry-content q:after {
content: "\f10e";
font-family: "fontawesome";
margin-left: 5px;
} 
.entry-content address {
font-style: italic;
margin-bottom: 24px;
}
.entry-content cite,
.entry-content dfn,
.entry-content em {
font-style: italic;
}
.entry-content mark,
.entry-content ins {
background: #fff9c0;
text-decoration: none;
}
.entry-content sup,
.entry-content sub {
font-size: 75%;
height: 0;
line-height: 0;
position: relative;
vertical-align: baseline;
}
.entry-content sup {
bottom: 1ex;
}
.entry-content sub {
top: .5ex;
}
#commentform code,
.entry-content code,
.entry-content kbd,
.entry-content tt,
.entry-content var,
.entry-content samp,
.entry-content pre {
font-size: 12px;
-webkit-hyphens: none;
-moz-hyphens:    none;
-ms-hyphens:     none;
hyphens:         none;
line-height: 1.6;
background-color: #f8f8f8;
color:#828282;
padding-right: 5px;
padding-left: 5px;
}
.entry-content abbr[title] {
border-bottom: 1px dotted #2b2b2b;
cursor: help;
}
.entry-content pre {
color:#555;
-webkit-box-sizing: border-box;
-moz-box-sizing:    border-box;
box-sizing:         border-box;
margin-bottom: 24px;
max-width: 100%;
overflow: auto;
padding: 30px;
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
hr, .entry-content hr {
clear:both;
height: 1px;
border:none;
border-bottom:1px solid #eee;
border-bottom:1px solid rgba(255,255,255,0.1);
margin: 40px 0;
}
.entry-content p { margin: 0; }
.entry-content strong { 
font-weight: bold;
}
.entry-content pre {
border-color:#333;
}
.entry-content em { font-style: italic; }
.entry-content blockquote { 
margin: 40px 0 40px 0;
padding:30px 30px 10px 30px;
background:#f9f9f9;
border-left: 8px solid #ABABAB;
}
.entry-content ol > li > ol,
.entry-content ul > li > ul {
margin-bottom:0;
}
.entry-content ol,
.entry-content ul,
.entry-content dl {
margin-bottom:30px;
}
.entry-content .gallery dl {
margin-bottom: 0;
margin-left: 0;
}
.entry-content .gallery dl img {
height: auto;
}
.entry-content p {
margin-bottom:20px;
}
.entry-content dt {
font-weight:bold;
color:#000;
}
.entry-content dd {
margin-bottom:10px;
}
.entry-content ul,
.entry-content ol { 
list-style-type:circle;
list-style-position:inside;
}
.page-template-template-sitemap-php .entry-content ul { 
list-style-type:none;
}
.list-sub-heading {
margin-top:20px;
}
.entry-content > ul,
.entry-content > ol  { 
margin: 20px 0;
}
.entry-content ul li,
.entry-content ol li {
margin-bottom:5px;
}
.entry-content ul > li > ul,
.entry-content ol > li > ol,
.entry-content ul > li > ol,
.entry-content ol > li > ul {
margin-left:30px;
}
.entry-content ol { list-style-type:decimal; list-style-position:inside; }
.entry-content .linklist ul { list-style:none; }
.entry-content a { 
text-decoration:none;
}
.entry-content a:hover { 
text-decoration:none;
}
.entry-content .hr_padding {
margin: 30px 0 0 0;
}
.entry-content .hrule {
position:relative;
clear:both;
display:block;
padding:20px 0;
margin-top:40px;
border-top:1px solid #f4f4f4;
}
.entry-content .hrule.top a {
border-radius: 30px;
color: #777777;
font-size: 9px;
font-weight: 400;
height: 16px;
line-height: 15px;
position: absolute;
right: 0;
text-align: center;
text-decoration: none;
top: -9px;
width: 40px;
background:#f4f4f4;
}
.entry-content .hrule.top a:hover {
color:#000;
text-decoration:none;
}
.entry-content .highlight {
background: #feffe3;
} .readmore_link { 
font-size: 12px;
margin: 20px 0 10px;
}
.readmore_link a {
color:#000;
font-weight:400;
display: inline-block;
font-style: italic;
}
.readmore_link a:hover { 
color: #000;
text-decoration:none;
}
.entry-content a.read-more-link {
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
color: #222;
display: inline-block;
font-size: 9px;
text-transform: uppercase;
letter-spacing: 2px;
margin-top: 10px;
padding: 0 20px 1px;
transition: all 0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
}
.entry-content a.read-more-link:hover {
border-color: #000;
color: #000;
transition: all 0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
}
.readmore {
margin-top:15px;
}
.readmore a {
color: #4B4B4B;
font-size: 11px;
font-weight: bold;
margin-left: 20px;
text-transform: uppercase;
width: 207px;
letter-spacing: 1px;
}
.readmore a:hover {
color:#111;
border-bottom: none;
text-decoration:none;
}
.readmore-archive {
margin-top:20px;
letter-spacing: 0;
font-size:12px;
}
.readmore-archive a {
background: #969696;
border-bottom: none;
padding: 5px 15px 6px;
border-radius: 20px;
color: #fff;
}
.readmore-archive a:hover {
background: #777;
border-bottom:none;
text-decoration: none;
} .page-sidebar-wrap {
width:160px;
}
.page-sidebar-block {
margin-bottom:30px;
border-bottom:1px solid #F4F4F4;
padding-bottom:30px;
}
.page-sidebar-block p {
color: #A4A4A4;
font-size: 11px;
line-height: 15.8px;
}
.page-sidebar-block h2 {
color: #474747;
font-size: 14px;
font-weight: 700;
letter-spacing: 3.5px;
line-height: 12px;
margin-bottom: 20px;
text-transform: uppercase;
} .slideshow-box-wrapper {
position: relative;
}
.slideshow-box-image {
}
.slideshow-box-content {
position: relative;
width:100%;
border-bottom:1px solid #F5F5F5;
}
.slideshow-box-content-inner {
padding:20px 40px;
background-color: #f7f7f7;
}
.slideshow-box-title {
font-size:20px;
}
.slideshow-box-content .slideshow-box-title a {
font-size: 14px;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 600;
color:#000;
}
.slideshow-box-description {
font-size:13px;
color:#000;
}
.slideshow-box-info {
font-size:12px;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 500;
}
.slideshow-box-comment,
.slideshow-box-date {
display:inline-block;
}
.slideshow-box-comment {
margin-right:15px;
}
.slideshow-box-date,
.slideshow-box-content .slideshow-box-comment a {
color:#777;
font-size: 10px;
}
.slideshow-box-content .slideshow-box-categories a,
.slideshow-box-content .slideshow-box-categories {
font-size:10px;
font-weight: 400;
letter-spacing: 0.5px;
text-transform: uppercase;
color:#656565;
}
.slideshow-box-content .slideshow-box-categories a:hover {
color:#000;
}
.slideshow-box-categories span {
display: inline-block;
margin-top:10px;
margin-right:10px;
} .entry-content .postlist ul {
list-style:none;
padding:0;
margin:20px 0 15px 0;
}
.entry-content .postlist ul li {
padding:0 0 0 25px;
position: relative;
}
.entry-content .postlist ul li:after {
content: "\f105";
font-family: 'fontawesome';
position: absolute;
left:0;
top:0;
}
.entry-content .postlist ul li a {
color:#ABABAB;
text-decoration:underline;
font-weight: normal;
}
.entry-content .postlist ul li a:hover {
color:#111;
} .entry-content .checklist ul {
list-style: none;
}
.entry-content .checklist .icon-li {
margin-right:10px;
color:#7CB811;
}
.entry-content .checklist ul i {
margin-right:10px;
}
.entry-content .checklist ul li {
margin-bottom:0;
} .mtextbox {
border:1px solid #eee;
margin-bottom: 20px;
padding:20px;
}
.mtextbox_title{
padding:15px 20px 5px 16px;
margin:0;
}
.mtextbox.align-left{
margin:2px 16px 16px 2px !important;
}
.mtextbox.align-right{
margin:2px 2px 16px 16px !important;
}
.mtextbox_content {
padding:0 15px 20px;
} .entry-content .noticebox {
padding: 40px;
color: #5c5c5c;
}
.entry-content .noticebox i {
float:left;
position: relative;
top: -6px;
font-size:40px;
}
.entry-content .notice-text {
padding-left:60px;
}
.entry-content .info_yellow {
background: #FFFFED;
background: rgba(255, 254, 99, 0.9);
}
.entry-content .info_yellow a {
color:#000;
}
.entry-content .info_yellow i {
color:#000;
}
.entry-content .info_red {
background: #FFF8F8;
background: rgba(225, 15, 15, 0.9);
color:#fff;
}
.entry-content .info_red .close_notice {
color:#fff;
}
.entry-content .info_red a {
color:#fff;
}
.entry-content .info_red i {
color:#fff;
}
.entry-content .info_green {
background: #F8FFEE;
background: rgba(197, 238, 28, 0.9)
}
.entry-content .info_green .close_notice {
color:#000;
}
.entry-content .info_green a {
color:#000;
}
.entry-content .info_green i {
color:#000;
}
.entry-content .info_blue {
background: #F5FBFF;
background:rgba(34, 138, 211, 0.9);
color:#fff;
}
.entry-content .info_blue .close_notice {
color:#fff;
}
.entry-content .info_blue a {
color:#fff;
}
.entry-content .info_blue i {
color:#fff;
}
.noticebox .close_notice {
display:block;
height:10px;
width:10px;
float:right;
position: relative;
top:-20px;
right:-10px;
color:#626262;
cursor: pointer;
-webkit-transition: all 0.1s;
-moz-transition: all 0.1s;
transition: all 0.1s;
}
.noticebox .close_notice:hover {
-webkit-transform: scale(1.3);
-moz-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);
} .pictureframe { 
padding:5px;
display:block;
margin-top:5px;
margin-bottom:5px;
border-color: #eee;
border-style: solid;
border-width: 1px;
background: #f0f0f0;
}
.pictureframe-wrap {
background: url(//kwantik.co.ao/wp-content/themes/howl/images/icons/view.png) no-repeat 50% 50%;
display:block;
}
.img-align-left { float:left; margin-right:20px; }
.img-align-right { float:right; margin-left:20px; }
.img-align-center { margin:0 auto;} .entry-content .toggle-shortcode {
padding: 0 0 0 30px;
font-size: 13px;
letter-spacing: 2px;
margin: 0 0 10px 0;
float: left;
cursor:pointer;
position: relative;
}
.entry-content .toggle-shortcode:after {
content: "\e040";
font-family: 'feather';
position: absolute;
left:0;
top:-1px;
font-size: 14px;
font-weight: 100;
}
.entry-content .toggle-shortcode.active:after {
content: "\e041";
font-family: 'feather';
position: absolute;
font-weight: 100;
}
.entry-content .toggle-shortcode {
text-decoration: none;
display: block;
border:none;
}
.entry-content .toggle-shortcode:hover {
color: #888;
}
.entry-content .toggle-container {
clear: both;
margin: 0;
overflow: hidden;
width: 100%;
}
.toggle-display-closed {
display:none;
} .wp-accordion {
border: 1px solid #F4F4F4;
}
.wp-accordion h3 {
margin:0;
border-top: 1px solid #F4F4F4;
position: relative;
}
.wp-accordion h3:first-child {
border:0;
}
.wp-accordion h3:hover {
background:#f8f8f8;
}
.wp-accordion h3:first-child {
}
.wp-accordion h3.ui-state-active {
border-bottom:1px solid #24bee8;
}
.ui-accordion-header a {
display: block;
padding: 10px 20px;
text-decoration: none;
text-transform: none;
letter-spacing:0;
border:none;
}
.ui-accordion-header-icon {
float: right;
position: absolute;
top:0;
right:0;
}
.ui-accordion-header-icon:after {
position: absolute;
content:"\e120";
font-family: "feather";
font-size: 18px;
position: absolute;
right: 13px;
top: 8px;
color:#d6d6d6;
}
.ui-state-active .ui-accordion-header-icon:after  {
color:#fff;
}
.wp-accordion h3 a,
.ui-accordion-header.ui-state-default a {
font-size: 13px;
font-weight: 400;
letter-spacing: 0.5px;
transition: all 0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
}
.ui-accordion-header.ui-state-default a:hover {
transition: all 0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
}
.ui-accordion-header.ui-state-active a {
border:none;
background-color:#24bee8;
color:#fff;
transition: all 0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
}
.ui-accordion-header.ui-state-active:hover .ui-accordion-header-icon:after {
color:#fff;
}
.ui-accordion-header:hover .ui-accordion-header-icon:after {
color: #24bee8;
}
.ui-accordion-header.ui-state-active .ui-accordion-header-icon:after {
color: #fff;
}
.ui-accordion-header.ui-state-active a {
}
.ui-accordion-header.ui-state-active a:hover {
text-indent: 0;
}
.ui-accordion-content{
padding: 20px 20px 30px;
}
.ui-accordion-header-icon:hover {
cursor: pointer;
}  .entry-content .ui-tabs {
padding:0;
zoom:1;
}
.entry-content .ui-tabs .ui-tabs-nav {
list-style:none;
position:relative;
padding: 0;
margin: 0;
zoom:1;
}
.entry-content .ui-tabs .ui-tabs-nav li {
position:relative;
float:left;
margin: 0;
padding: 0;
}
.entry-content .ui-tabs .ui-tabs-nav li a {
color: #656565;
background:#f8f8f8;
float: left;
font-size:13px;
font-weight: 400;
padding: 10px 0;
text-decoration: none;
text-transform: none;
width:100%;
text-align: center;
border-left:1px solid #fff;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topright: 10px;
border-top-right-radius: 10px;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
transition: all 0.2s ease;
}
.entry-content .ui-tabs .ui-tabs-nav li:first-child a {
border-left: 0;
}
.entry-content .ui-tabs .ui-tabs-nav li:last-child a {
}
.entry-content .ui-tabs .ui-tabs-nav .ui-state-active a,
.entry-content .ui-tabs .ui-tabs-nav .ui-state-active a:hover {
background: #24bee8;
color:#fff;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
transition: all 0.2s ease;
}
.entry-content .ui-tabs .ui-tabs-nav li a:hover {
background: #eee;
}
.entry-content .ui-tabs .ui-tabs-nav li a:hover{
color:#000;
text-decoration: none;
}
.entry-content .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
}
.entry-content .ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.entry-content .ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.entry-content .ui-tabs .ui-tabs-nav li.ui-state-processing a {
cursor:text;
background-color: #ccc; color:#000;
padding-bottom: 4px;
}
.entry-content .ui-tabs .ui-tabs-nav li a,
.entry-content .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
cursor:pointer;
} .entry-content .ui-tabs .ui-tabs-panel {
display:block;
background:none;
clear:both;
border:1px solid #eee;
}
.entry-content .ui-tabs .ui-tabs-hide {
display: none !important;
} .entry-content .ui-tabs-vertical {
border:1px solid #eee;
border-left:0;
position: relative;
}
.entry-content .ui-tabs-vertical ul.ui-tabs-nav {
width:24.5%;
float: left;
left: 0;
position: relative;
height: 100%;
background: #f8f8f8;
}
.entry-content .ui-tabs-vertical .ui-tabs-nav li { 
clear: left;
width: 100%;
margin:0;
float:none;
}
.entry-content .ui-tabs-vertical .ui-tabs-nav li a { 
display:block;
float:none;
border-radius:0;
text-align: left;
text-indent: 30px;
}
.entry-content .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
margin:0;
}
.entry-content .ui-tabs-vertical .ui-tabs-panel { 
float: right;
width: 75.1%;
clear:none;
border:0;
}
.entry-content .ui-tabs-vertical .ui-tabs-nav li a {
border:0;
border-bottom:1px solid #fff;
}
.entry-content .ui-tabs-vertical .ui-tabs-nav li:last-child a {
border-bottom:0;
}
.entry-content .ui-tabs-vertical .ui-tabs-nav .ui-state-active a,
.entry-content .ui-tabs-vertical .ui-tabs-nav .ui-state-active a:hover {
}
.entry-content .ui-tabs .tab-contents {
padding: 30px 40px;
} .entry-content .pullquote-right {
border-left: 4px solid #24bee8;
}
.entry-content .pullquote-left {
border-right: 4px solid #24bee8;
text-align: right;
}
.entry-content .pullquote-right,
.entry-content .pullquote-left,
.entry-content .pullquote-center {
color: #484848;
font-family: "Crimson Text",sans-serif;
font-size: 20px;
font-style: italic;
font-weight: 500;
line-height: 32px;
padding: 0 40px;
margin:40px;
}
.entry-content .pullquote-center {
border-top: 4px solid #24bee8;
border-bottom: 4px solid #24bee8;
text-align: center;
padding: 40px 0;
} .entry-content .dropcap1,
.entry-content .dropcap2,
.entry-content .dropcap3,
.entry-content .dropcap4 {
float:left;
font-size: 46px;
padding:10px;
font-weight: 400;
line-height: 50px;
margin-right:20px;
margin-bottom:5px;
height:50px;
width:50px;
text-align:center;
-webkit-border-radius: 50px;
border-radius: 50px;
margin-top:-10px;
}
.entry-content .dropcap1 {
color:#111;
background: #eeeeee;	
}
.entry-content .dropcap2 {
color:#fff;
background: #000;
}
.entry-content .dropcap3 {
color:#fff;
background: #FF2C55;
}
.entry-content .dropcap4 {
color:#FF2C55;
background: #eee;
} .column1,
.column2,
.column3,
.column4,
.column5,
.column6,
.column32,
.column43,
.column52,
.column53 { 
margin:0 0 10px 0; padding:0 0 10px 0;
}
.column1 {width:100%;}
.column2 {width:48.2%; float:left; }
.column3 {width:31%; float:left;}
.column4 {width:22.4%; float:left;}
.column5 {width:17.2%; float:left;}
.column52 {width:37.6%; float:left;}
.column53 {width:58.6%; float:left;}
.column6 {width:13.7%; float:left;}
.column32 {width:65.5%; float:left;}
.column43 {width:74.1%; float:left;}
.column_space { margin-right:3.225%; }
.centered-sixty-percent {
text-align: center;
width: 60%;
margin: 0 auto;
}
.column-eighty-percent {
width: 80%;
} .thumbnails-title {
margin-bottom:30px;
}
.thumbnails-shortcode .work-details h4 {
font-size: 12px;
line-height: 19px;
}
.thumbnails-shortcode .gridblock-four .gridblock-element,
.thumbnails-shortcode .gridblock-three .gridblock-element,
.thumbnails-shortcode .gridblock-two .gridblock-element,
.thumbnails-shortcode .gridblock-one .gridblock-element {
margin-bottom: 5px;
}
.gridblock-thumbnail-image-wrap {
display: block;
line-height: 0;
overflow: hidden;
}
.thumbnails-shortcode .thumbnail-gutter-nospace.gridblock-four .gridblock-element,
.thumbnails-shortcode .thumbnail-gutter-nospace.gridblock-three .gridblock-element,
.thumbnails-shortcode .thumbnail-gutter-nospace.gridblock-two .gridblock-element,
.thumbnails-shortcode .thumbnail-gutter-nospace.gridblock-one .gridblock-element {
margin: 0;
}
.thumbnails-shortcode .thumbnail-gutter-spaced.no-title-no-desc.gridblock-four .gridblock-element,
.thumbnails-shortcode .thumbnail-gutter-spaced.no-title-no-desc.gridblock-three .gridblock-element,
.thumbnails-shortcode .thumbnail-gutter-spaced.no-title-no-desc.gridblock-two .gridblock-element,
.thumbnails-shortcode .thumbnail-gutter-spaced.no-title-no-desc.gridblock-one .gridblock-element {
margin-bottom:2%;
} .person {
margin-bottom: 40px;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
transition: all 0.2s ease;
position: relative;
}
.person .person-details {
padding: 20px 30px 30px;
background-color: #eaeaea;
}
.person:hover {
}
.person h3,
.entry-content .person h3 {
color: #000;
font-size: 12px;
font-weight: 700;
letter-spacing: 2px;
line-height: 14px;
margin: 5px 0;
}
.person-image {
line-height: 0;
margin: 0 auto;
text-align: center;
}
.person-image img {
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
transition: all 0.2s ease;
width: 100%;
max-width: 100%;
}
.person h4.staff-position {
color: #4f4f4f;
font-size: 10px;
font-weight: 500;
letter-spacing: 2px;
margin: 0;
text-transform: uppercase;
}
.person ul {
list-style:none;
margin:0;
text-align: right;
}
.person ul li {
display:inline-block;
height:30px;
width: 30px;
line-height: 30px;
font-size:10px;
}
.person ul li i {
font-size:16px;
}
.person ul li:hover {
}
.person a,.person a:hover {
border:none;
display: block;
}
.person i {
color:#fff;
}
.person .person-desc {
margin:10px 0;
}
.person-socials {
padding-top:0;
}
.person .person-image-wrap {
position: relative;
z-index: 1;
background-color: #24bee8;
}
.person .person-socials {
position: absolute;
z-index: 2;
bottom: 10px;
opacity: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;	
}
.person .person-image {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;	
}
.person:hover .person-image {
opacity: 0.3;
}
.person:hover .person-socials {
opacity: 1;
bottom: 0;
}
.person:hover {
cursor: pointer;
} .callout .first-half {
width: 80%;
float:left;
}
.callout .second-half {
float: right;
margin-top: -20px;
position: absolute;
right: 40px;
top: 50%;
width: 20%;
}
.callout {
padding:40px;
position: relative;
background-color: #f9f9f9;
border-left: 2px solid #24bee8;
}
.callout:before {
content: "";
position: absolute;
top: 0;
right: 0;
border-width: 0 16px 16px 0;
border-style: solid;
border-color: #fff #fff #eee #eee;
background: #eee; display: block; width: 0;
}
.calltype-line-left .callout {
border-left-color: #24bee8;
border-left-width: 1px;
border-left-style: solid;
}
.callout-text {
float:left;
}
.callout h2.callout-title {
color: #000;
font-size: 15px;
font-weight: 700;
letter-spacing: 2px;
line-height: 24px;
margin-bottom: 4px;
}
.callout-desc {
margin: 0;
}
.callout-button {
float: right;
} .pricing-table {
padding:0;
border-left:none;
}
.pricing-table ul li {
margin:0;
padding: 0;
}
.pricing-column {
}
.pricing-table .pricing-column-target {
margin:0;
padding: 0;
position: relative;
z-index: 1;
background-color: #fbfbfb;
}
.pricing-table .pricing_highlight {
background: #fefcea;
position: relative;
z-index: 2;
}
.pricing_highlight .pricing-column {
position: relative;
z-index: 2;
}
.pricing-table .pricing_highlight .pricing-title h2 {
font-weight: 700;
font-size: 24px;
letter-spacing: 5px;
}
.pricing-table .column2 {
width: 49.9%;
}
.pricing-table .column3 {
width: 33.233333333%;
}
.pricing-table .column4 {
width: 24.9%;
}
.pricing-table .column5 {
width: 19.9%;
}
.pricing-table .column6 {
width: 16.5666667%;
}
.pricing-table ul {
list-style: none;
}
.pricing-table ul {
margin:0 auto;
text-align: center;
}
.pricing-table .pricing-column-type-2 ul {
margin:0;
text-align: right;
}
.pricing-table .pricing-column-type-2 .pricing-row {
background:none;
padding-right:20px;	
}
.pricing-row i {
margin-right:5px;
margin-left:5px;
}
.pricing-table .pricing-title h2 {
font-size: 18px;
letter-spacing: 4px;
font-weight: 400;
margin-bottom: 0;
color: #fff;
padding: 40px 20px 20px;
}
.pricing-wrap {
background: rgba(255, 255, 255, 0.2);
padding: 50px 10px 20px;
}
.pricing-table .pricing-cell {
font-size:48px;
font-weight: 400;
color:#fff;
}
.pricing-table .pricing_highlight .pricing-price {
}
.pricing-cell .pricing-currency {
position: relative;
top:-10px;
font-size:20px;
}
.pricing-cell .pricing-suffix {
position: relative;
top:-22px;
font-size:16px;
font-weight: 400;
}
.pricing-table .pricing-duration {
color:#fff;
display: inline-block;
font-size: 10px;
margin-top:20px;
text-transform: uppercase;
letter-spacing: 4px;
}
.pricing-table .pricing-row {
background: #fff;
color: #000;
font-size: 10px;
font-weight: 600;
letter-spacing: 2px;
margin-bottom: 0;
margin-right: 0;
margin-top:-1px;
padding: 10px 0 10px;
text-transform: uppercase;
text-indent: -14px;
}
.pricing-row.odd {
background: #fbfbfb;
}
.pricing-table .pricing_highlight .pricing-row {
}
.pricing-table .pricing-row.pricing-tick-cross {
color:rgba(0,0,0,0.25);
}
.pricing-table .pricing_highlight .pricing-row.pricing-tick-cross {
}
.pricing-table .pricing-footer {
padding: 40px 0;
background:rgba(255,255,255,0.95);
}
.pricing-table .icon-ok {
color:#A3CB44;
}
.pricing-table .icon-remove {
color:#E78D7F;
} .post-navigation {
margin-bottom: 30px;
text-transform: uppercase;
font-size:14px;
font-weight: 400;
padding-bottom: 14px;
}
.post-navigation a {
color: #A2A2A2;
}
.post-previous {
float:right;
}
.post-next {
float:right;
margin-left:20px;
}
.post-next,
.post-previous {
line-height: 0;
position: relative;
top:17px;
} 
.postsummarywrap {
border-bottom: 1px solid #f8f8f8;
font-size: 10px;
font-weight: 200;
letter-spacing: 2px;
margin-top: 30px;
padding: 0 0 40px;
}
.postsummarywrap i {
color: #595959;
}
.postsummarywrap a {
color: #595959;
font-size: 10px;
letter-spacing: 2px;
}
.datecomment {
font-size: 12px;
font-weight: 400;
letter-spacing: 1px;
text-transform: uppercase;
}
.post-password-required .datecomment,
.post-password-required .nocomments {
text-transform: none;
}
.nocomments {
text-align: center;
}
.post-single-tags,
.post-single-tags a {
color: #9F9F9F;
font-size: 10px;
letter-spacing: 2px;
font-weight: 400;
}
.post-single-tags a {
padding: 1px 5px 1px 0;
}
.post-single-tags {
margin: 0 0 10px 0;
}
.post-single-tags i {
margin-right:10px;
}
.page-link {
color: #000;
font-size: 12px;
font-weight: 600;
letter-spacing: 3px;
text-transform: uppercase;
}
.page-link a {
border:1px solid #000;
width: 30px;
height: 30px;
line-height: 30px;
display: inline-block;
text-align: center;
}
.page-link a:hover {
background-color: #000;
color: #fff;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;	
}
.postsummary-spacing,
.fullcontent-spacing {
margin-bottom:20px;
margin-top:20px;
}
.postsummaryimage {
}
.postsummaryimage img {
max-width:100%;
}
.summary-info {
border-left:1px solid #eee;
border-right:1px solid #eee;
border-bottom:1px solid #eee;
line-height: 0;
padding: 15px 10px;
}
.gridblock-columns-wrap div.blog-grid-element {
margin-bottom: 1%;
}
.blog-grid-element-content .summary-info {
border:0;
padding: 10px 0;
}
.blog-grid-element-content {
padding: 10px 30px;
}
.blog-grid-element-content .work-details h4 a {
display: block;
font-size: 14px;
line-height: 23px;
margin-bottom: 10px;
}
.work-details h4 a,
.entry-content .blogpost_readmore a {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;		
}
.gridblock-columns-wrap .blog-grid-element-content .work-details {
margin-bottom: 0;
}
.blog-grid-element .gridblock-image-link {
position: relative;
}
.blog-grid-element .grid-icon-status {
position: absolute;
text-align: center;
width: 100%;
height: 100%;
background-color: #f8f8f8;
}
.blog-grid-element .grid-icon-status i {
position: relative;
top:50%;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.blog-grid-element:hover .grid-icon-status i {
top:48%;
}
.blog-grid-element .gridblock-columns img {
opacity: 1;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.blog-grid-element:hover .gridblock-columns img {
opacity: 0.7;
}
.entry-content .blogpost_readmore a {
font-size: 10px;
letter-spacing: 2px;
text-transform: uppercase;
}
.blog-grid-element .summary-date {
margin-left: 0;
color: #7b7b7b;
letter-spacing: 1px;
margin-left: 0;
text-transform: uppercase;
font-size: 11px;
}
.blog-grid-element .blogpost_readmore {
margin-top:10px;
}
.summary-info .feather-icon-clock {
position: relative;
top:-1px;
}
.summary-date,
.summary-comment {
font-size: 11px;
font-weight: 400;
padding: 0;
display:inline-block;
}
.summary-comment {
float: right;
line-height: 0;
margin-right: 10px;
padding: 0;
}
.summary-comment i {
position:relative;
top:-1px;
margin-left: 2px;
}
.summary-date {
margin-left:10px;
color:#aaa;
}
.listbox-content .summary-date {
margin-left: 0;
} .blog-grid-element .blog-grid-element-inner {
border:1px solid #eee;
}
.blog-details-section {
float:left;
width: 15%;
}
.blog-details-section-inner {
border-left: 3px solid #24bee8;
padding-top: 5px;
padding-bottom: 10px;
text-indent: 30px;
}
.blog-content-section {
float:right;
width: 85%;
}
.blog-details-section span {
display: block;
}
.blog-details-section .the-day {
color: #000;
font-size: 32px;
font-weight: 600;
line-height: 40px;
}
.blog-details-section .the-month {
color: #a9a9a9;
font-size: 20px;
font-weight: 400;
letter-spacing: 1px;
text-transform: uppercase;
}
.blog-details-section .the-year {
color: #e0e0e0;
font-size: 14px;
font-weight: 500;
letter-spacing: 1px;
line-height: 11px;
text-transform: uppercase;
} .bloglist-small .post-format-media {
width:300px;
float:left;
margin-right:40px;
margin-bottom:30px;
max-width: 100%;
}
.bloglist-small .postformat_contents {
padding-top: 0;
}
.bloglist-small .sc_slideshowtitle {
font-size: 14px;
line-height: 14px;
}
.bloglist-small .entry-content .entry-post-title h2 {
font-size: 20px;
line-height: 20px;
margin: 0 0 15px;
}
.bloglist-small .entry-post-wrapper {
padding:0;
}
.portfolio-contents-wrap {
float:none;
width:100%;
margin-bottom:20px;
}
.portfolio-fullwidth-column-image img.portfolio-single-image,
.portfolio-fullwidth-column-image .flexslider-container-page .slides img,
.portfolio-fullwidth-column-image .vertical_images img {
width:100%;
}
.post-fullwidth-edge-to-edge .postformat-image,
.post-fullwidth-edge-to-edge .flexslider-container-page .slides img,
.post-fullwidth-edge-to-edge .postsummaryimage img {
width:100%;
}
.post-fullwidth-edge-to-edge .container {
margin-top:20px;
}
.portfolio-fullwidth-navigation .portfolio-nav-wrap {
top:0;
}
.portfolio-fullwidth-navigation .portfolio-nav-item a {
padding: 7px 10px 6px;
}
.container .portfolio-fullwidth-column {
margin-top:20px;
}
.portfolio-fullwidth-column .portfolio-single-fullwidth {
margin-top:0;
}
.post-single-meta {
float: right;
}
.post-single-meta a {
}
.post-single-meta a:hover { color:#000; text-decoration:none; }
.post-meta-time,
.post-meta-comment {
margin-left:15px;
}
.post-meta-category {
margin-left:5px;
}
.lightboxlink { background: url(//kwantik.co.ao/wp-content/themes/howl/images/icons/magnifying_glass_alt_8x8.png) no-repeat 0 5px; padding: 0 0 0 15px; margin: 8px 0 0 0;color:#bbb; }
.lightboxlink a {  color:#464646; text-decoration:none; }
.lightboxlink a:hover {  color:#444; }
.lightbox-shortcode {
position: relative;
}
.shortcode-lightbox-indicate {
display: inline-block;
position: absolute;
top:20px;
height:40px;
width:40px;
margin-left:20px;
z-index: 10;
text-align: center;
border:2px solid #fff;
border-radius: 30px;
opacity:0.7;
}
span.shortcode-lightbox-indicate i {
line-height: 40px;
color:#fff;
}
.lightbox-shortcode:hover .shortcode-lightbox-indicate {
opacity:1;
} .pagination-navigation {
padding-top:20px;
margin-top:30px;
}
.pagination {
color: #2E2E2E;
font-size: 16px;
font-weight: 400;
padding-bottom: 20px;
position: relative;
top: -19px;
width:100%;
text-align: right;
}
.pagination a,
.pagination span.current {
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
transition: all 0.2s ease;
width:30px;
height:30px;
line-height: 30px;
text-align: center;
margin-right: 10px;
display: inline-block;
color: #676767;
margin-bottom: 5px;
text-decoration:none;
font-weight: 400;
border:2px solid #000;
position: relative;
z-index: 1;
background: #fff;
}
.pagination a:hover {
border-color: #eee;
}
.pagination a:link ,
.pagination .navigation-single,
.pagination span.current,
ol.commentlist li.comment .reply a,
.pagination a:visited {
outline: 0;
color: #000;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.pagination-info {
float: right;
color:#000;
font-weight: 400;
font-size: 12px;
letter-spacing: 0;
margin-top:5px;
padding-left:10px;
z-index: 1;
background: #fff;
text-transform: uppercase;
position: absolute;
right:0;
display: none;
}
.navigation-next,.navigation-prev { color:#fff;}
.pagination a:hover,
ol.commentlist li.comment .reply a:hover {
}
.pagination a:active {
}
.pagination span.pages {
padding: 3px 7px 3px 7px; 
margin: 4px 4px 4px -6px;
color: #747474;
margin-bottom:10px;
display:none;
}
.pagination span.current {
color:#fff;
border-color: #24bee8;
background-color: #24bee8; 
position: relative;
z-index: 1;
}
.pagination span.extend {
padding: 3px 7px 3px 7px; 
margin: 4px;	
margin-bottom:10px;
color: #2E2E2E;
border:none;
}
.navigation { 
font-size:14px;
}
.navigation a { 
color:#111;
}
.navigation a:hover { 
color:#000;
text-decoration:none;
} #password-protected p,
.post-password-form p {
margin-bottom:20px;
color:#000;
font-weight: 400;
}
#password-protected input,
.post-password-form input {
width:120px;
cursor:pointer;
color: #000;
padding: 5px 15px;
border:2px solid #eee;
background: #fff;
font-size: 14px;
letter-spacing: 2px;
font-weight: 600;
}
#password-protected input:focus,
.post-password-form input:focus {
border-color: #555;
}
#password-protected input[type="submit"],
.post-password-form input[type="submit"] {
border:2px solid #000;
text-transform: uppercase;
font-size: 11px;
width: auto;
padding: 11px 30px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#password-protected input[type="submit"]:hover,
.post-password-form input[type="submit"]:hover  {
color: #fff;
background: #000;
}
#password-protected input[type="submit"]:active,
.post-password-form input[type="submit"]:active{
color: #fff;
background: #000;
}
#password-protected label {
color: #000;
font-size: 13px;
letter-spacing: 2px;
text-transform: uppercase;
}
#password-protected label input {
font: inherit;
font-size: 13px;
border: 1px solid #ddd;
padding:7px;
margin:0 10px 20px 10px;
-moz-border-radius: 0;
border-radius:  0;
-webkit-border-radius: 0;
background:none;
box-shadow:none;
-moz-box-shadow:none;
-webkit-box-shadow:none;
width:200px;
}
.fullscreen-protected #password-protected {
margin-top:40px;
} .kenburns-preloader {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:url(//kwantik.co.ao/wp-content/themes/howl/images/preloaders/circle-spinner.png) no-repeat center center;
}
#kenburns-container img {
display:none;
} .postinfo {
color: #7D7D7D;
font-size: 11px;
padding: 20px 0;
}
.postinfo p {
color: #7E7E7E;
letter-spacing: 0.5px;
margin: 0;
padding: 0;
}
.postinfo a, .contents .postinfo a { 
color:#B1B1B1;
text-decoration:none;
font-weight: 400;
}
.postinfo a:hover {color:#111;} #footer .footer-logo {
margin: 26px 0;
max-width: 260px;
}
.sidebar-widget img,
.footer-widget img {
max-width:100%;
width: auto;
height: auto;
}
.sidebar-widget .widget_text img,
.footer-widget .widget_text img {
max-width:100%;
height: auto;
padding: 0;
margin:0;
}
.sidebar-widget .widget_text .wp-caption,
.footer-widget .widget_text .wp-caption {
padding:0 0 10px 0;
margin-top:10px;
}
.sidebar-widget .widget_categories select,
.sidebar-widget .widget_archive select,
.footer-widget .widget_categories select,
.footer-widget .widget_archive select {
width: 100%;
}
.sidebar-widget .widget_archive li a,
.sidebar-widget .widget_categories li a,
.footer-widget .widget_archive li a,
.footer-widget .widget_categories li a {
display: inline-block;
}
.sidebar-widget .widget_rss span,
.footer-widget .widget_rss span {
display: block;
margin-top:10px;
margin-bottom: 10px;
font-style: italic;
}
.sidebar-widget .widget_rss a,
.footer-widget .widget_rss a {
font-weight: bold;
}
.sidebar-widget .widget_rss li,
.footer-widget .widget_rss li {
margin-bottom: 30px;
}
.sidebar-widget input,
.sidebar-widget select,
.footer-widget input,
.footer-widget select {
max-width: 100%;
}
.sidebar.sticky { float: none; position: fixed; top: 20px; z-index: 6; left: auto;}
.regular-sidebar {
margin:	0;
}
.portfolio-sidebar {
margin:	0;
}
.sidebar-top {
}
.sidebar-bottom {
}
.sidebar-wrap,
.sidebar-wrap-single {
width: 26%;
position: relative;
}
.bbpress .sidebar-wrap,
.bbpress .sidebar-wrap-single {
margin-top:60px;
}
.sidebar-float-right {
float:right;
}
.sidebar-float-left {
float: left;
}
.single-mtheme_portfolio .sidebar-wrap-single {
}
.sidebar h3 {
color: #000;
font-size: 13px;
font-weight: 600;
letter-spacing: 0.5px;
line-height: 22px;
margin-bottom: 10px;
padding-bottom: 12px;
text-transform: uppercase;
position: relative;
}
.sidebar h3:after {
position: absolute;
bottom: 0;
content: " ";
width: 20px;
border-bottom: 3px solid #24bee8;
display: block;
}
.sidebar-widget {
margin-bottom: 50px;
}
.sidebar-left .sidebar-widget {
padding: 0 0 30px 50px;
}
.sidebar .sidebar-widget:last-child {
border-bottom:none;
}
.sidebartextbox { color:#7d7d7d; padding-bottom:30px;}
.sidebar {
color: #737373;
font-size:	12px;
font-weight: 400;
letter-spacing: 0.5px;
padding: 0;
}
.sidebar-float-left .sidebar{
}
.sidebar-float-left {
padding-left: 0;
}
.sidebar p { margin-top:15px; }
.sidbare p:first-child { margin-top:0; }
.sidebar a {
color:#555;
}
.sidebar a:hover { text-decoration:none; }
.sidebar ul {padding:0;margin:0; }
.sidebar ul li {
border-top: 1px solid #eee;
margin-bottom: 3px;
padding: 8px 0 5px 4px;
}
.sidebar ul li:first-child {
border-top: 0;
} 
.sidebar ul li a:hover { text-decoration:none; }
.sidebar ul ul li a { padding-left:15px; }
.sidebar ul ul ul li a {  padding-left:30px; }
.sidebar ul ul ul ul li a {padding-left:55px; }
.sidebar-widget ul li.cat-item { padding-left: 20px; }
.sidebar-widget ul ul li.cat-item { padding-left: 0; }
.sidebar-widget ul li.cat-item {
position: relative;
}
.sidebar-widget ul li.cat-item:before {
content:"\f054";
font-family: "Fontawesome";
font-size: 6px;
left: 2px;
position: absolute;
top: 7px;
}
.sidebar-widget ul li.page_item { padding-left: 20px; position: relative;}
.sidebar-widget ul li.page_item:before {
content:"\f040";
font-family: "Fontawesome";
font-size: 8px;
left: 2px;
position: absolute;
top: 9px;
}
.sidebar-widget ul.children li.page_item { padding-left:0; background: none; }
.sidebar-widget ul#recentcomments li {
position: relative;
padding-left:20px;
}
.sidebar-widget ul#recentcomments li:before {
content:"\e076";
font-family: "feather";
font-size: 9px;
left: 2px;
position: absolute;
top: 8px;
}
.header_search_wrap {
position:relative;
float:right;
}
.header_search {
background: #E6412E;
padding: 15px 35px;
width: 210px;
position:absolute;
right:50px;
top:8px;
}
.header_search:after {
content: " ";
display: block;
width: 0;
height: 0;
position: absolute;
top: 24px;
z-index: 2;
right:-1px;
border: 6px solid transparent;
border-right-color: #EEEEEE;
}
.header_search #searchbutton {
position: relative;
right: -77px;
background: url(//kwantik.co.ao/wp-content/themes/howl/images/icons/search_header.png) no-repeat 50% bottom;
opacity:0.8;
}
.header_search #searchbutton:hover {
opacity:1;
} #s,
#ms {
margin: 0;
height: 16px;
padding: 5px;
border:none;
font-size:14px;
width:86.8%;
background:none;
font-weight: 300;
}
#searchform input,
#mobile-searchform input {
line-height: 14px;
padding: 0 5px 10px 0;
border-bottom: 1px solid #f2f2f2;
font-size: 10px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 4px;
-webkit-appearance: none;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#searchform input:focus,
#mobile-searchform input:focus {
border-color: #ddd;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#searchform i,
#mobile-searchform i {
color:#000;
}
#searchform i:hover,
#mobile-searchform i:hover {
color:#777;
}
#searchbutton,
#mobile-searchbutton,
#header-searchbutton {
border:0;
background:none;
cursor: pointer;
height: 32px;
padding: 10px 18px 4px;
width: 32px;
opacity:1;
font-size:15px;
}
#searchbutton:hover,
#mobile-searchbutton:hover {
opacity:0.8;
}
.search-terms { font-weight:bold; color:#000; }
.sidebar-widget #searchform input {
color: #7d7d7d;
} #wp-calendar {
width: 100%;
padding-bottom: 10px;
}
#wp-calendar thead th {
background: #888;
color:#fff;
padding:10px;
}
#wp-calendar tbody {
}
#wp-calendar tbody td {
text-align: center;
border:0;
padding:0;
line-height: 2.5em;
}
#wp-calendar tbody td:hover {
color: #333;
}
#wp-calendar tbody td a {
display: block;
text-decoration: none;
background: #f1f1f1;
}
#wp-calendar tbody td:hover a {
background: #4d4d4d;
color: #fff;
}
#wp-calendar tfoot tr td {
border:0;
}
#wp-calendar tfoot tr td{
}
#wp-calendar caption {
cursor: pointer;
font-size: 13px;
text-transform: uppercase;
margin: 0;
padding: 12px;
outline: 0 none;
color: #fff;
}
#wp-calendar tbody a {
display: block;
text-decoration: underline;
color:#fff;
}
#wp-calendar th {
text-align: center;
border: 1px solid transparent;
border-top: none;
padding: 7px 0;
color: #a7a7a7;
}
#wp-calendar tfoot td#next {
text-align: right;
}
#wp-calendar tfoot td#prev a,
#wp-calendar tfoot td#next a {
text-transform: uppercase;
padding: 0 5px;
} #recentposts_list,#popularposts_list {
list-style: none;
margin: 0;
}
#recentposts_list li a {  }
.popularpost_info,
.recentpost_info {
}
#popularposts_list li.even,
#recentposts_list li.even{
}
#recentposts_list p,
#popularposts_list p{
line-height: 18px;
margin: 0;
}
#recentposts_list li,#popularposts_list li{
margin-bottom: 20px;
}
#recentposts_list li:last-child,#popularposts_list li:last-child{
margin: 0 0 0 0;
}
#recentposts_list li a,#popularposts_list li a {
background:none;
padding:0;
}
#recentposts_list .recent_thumbnail,#popularposts_list .popular_thumbnail {
display:block;
float:left;
margin:0 10px 0 0;
line-height:100%;
padding:1px;
border:none;
}
#recentposts_list .recentpost_info .recentpost_title,#popularposts_list .popularpost_info .popularpost_title {
border: none;
color: #444;
font-size: 15px;
line-height: 17px;
margin: 14px 0 5px 0;
}
#recentposts_list .recentpost_info .recentpost_title:hover,#popularposts_list .popularpost_info .popularpost_title:hover  {
color: #000;
}
#popularposts_list img, #recentposts_list img {
display:block;
padding:0;margin:0;
width:80px;
height:80px;
border-radius: 5px;
}
#recentposts_list .recentposts_list time,#popularposts_list .popularposts_list time {
display:block;
font-size: 11px;
}
#recentposts_list .recentposts_list .recentpost_info,#popularposts_list .popularposts_list .popularpost_info  {
overflow:hidden;
}
#footer .popularpost_info,
#footer .recentpost_info {
} .tweetmeme-button {
float: left;
margin: 5px 15px 5px 0;
}
.mtheme-twitter-feeds h3 {
font-size:		14px;
font-weight:	bold;
text-transform:	uppercase;
color:			#737373;
}
.mtheme-tweets .loading {
color:#888;
}
#footer .mtheme-tweets .loading {
color:#000;
}
.mtheme-tweets, .query {
text-decoration:none;
background:		none;
margin-left:	0;
}
.mtheme-tweets .tweet_list, .query .tweet_list {
font-size: 		12px;
line-height: 	18px;
list-style: 	none;
display:		block;
}
#mainpage-block-4 .mtheme-tweets .tweet_list, .query .tweet_list {
font-size: 		14px;
line-height: 	18px;
list-style: 	none;
display:		block;
text-align:		left;
}
#mainpage-block-1 .mtheme-tweets .tweet_list .tweet_avatar img,
#mainpage-block-4 .mtheme-tweets .tweet_list .tweet_avatar img,
.query .tweet_list .tweet_avatar img {
vertical-align: middle;
margin: 0 5px 5px 0;
padding:5px;
}
.mtheme-tweets .tweet_list .awesome, .mtheme-tweets .tweet_list .epic, .query .tweet_list .awesome, .query .tweet_list .epic {
text-transform: uppercase; }
.mtheme-tweets .tweet_list li, .query .tweet_list li {
overflow-y: auto;
overflow-x: hidden;
padding: 0 10px 15px 0;
margin: 0 0 12px 0;
}
.mtheme-tweets .tweet_list li a, .query .tweet_list li a {
color: #eee;
}
.query .tweet_list li a {
color:#666;
}
#footer .tweet_list li .tweet_time a, .sidebar-widget .tweet_list li .tweet_time a {
background: #EDEDED;
color: #595959;
font-size: 10px;
font-weight: 400;
padding: 1px 6px 2px;
text-decoration: none;
}
#footer .mtheme-tweets .tweet_list .tweet_even, .query .tweet_list .tweet_even { }
.mtheme-tweets .tweet_list .tweet_avatar, .query .tweet_list .tweet_avatar {
padding-right: .5em;
float: left; }
.mtheme-tweets .tweet_list .tweet_avatar img, .query .tweet_list .tweet_avatar img {
vertical-align: middle;
margin: 0;
padding: 0 10px 0 0;
float:left;
}
.sidebar-widget span.tweet_text {
color: #9D9D9D;
}
.sidebar-widget .mtheme-tweets .tweet_list li a {
color: #6A6A6A;
font-size:11px;
font-weight: 400;
}
.sidebar-widget .mtheme-tweets a {
padding-top:0;
}
.sidebar-widget .tweet_list a { border:none; display:inline;}
#footer .mtheme-tweets .tweet_list li a {
color:#fff;
font-weight:400;
}
#footer .tweet_list li .tweet_time a {
background:#000;
color:#fff;
}
#footer .tweet_list li .tweet_time a:hover {
color:#fff;
}
#footer #popularposts_list li,
#footer #recentposts_list li {
}
#footer #popularposts_list li.even,
#footer #recentposts_list li.even {
background: none;
padding:  5px 0 2px;
} .sidebar-widget .infobar-portfoliogrid, .footer-widget .infobar-portfoliogrid {
margin:0;
padding:0;
list-style-type: none;
}
.sidebar-widget .infobar-portfoliogrid li a, .footer-widget .infobar-portfoliogrid li a {
margin:0;
padding:0;
border:none;
}
.sidebar-widget .infobar-portfoliogrid li {
overflow: hidden;
}
.sidebar-widget .infobar-portfoliogrid li {
float:left;
margin:0;
padding:0;
border:none;
width:25%;
}
.footer-widget .infobar-portfoliogrid li {
float:left;
margin:0;
padding:0;
border:none;
width:33%;
overflow: hidden;
}
.sidebar-widget .infobar-portfoliogrid li img {
display: block;
width:100%;
height: auto;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.sidebar-widget .infobar-portfoliogrid li img:hover {
opacity: 0.8;
}
.sidebar-widget .infobar-portfoliogrid li a:hover {
border:none;
}
.footer-widget .infobar-portfoliogrid li img {
display: block;
margin: 0;
padding: 0;
line-height:0;
width: 100%;
height:auto;
}
.footer-widget .infobar-portfoliogrid li a {
line-height: 0;
border:0;
}
.footer-widget .infobar-portfoliogrid li img:hover {
}
.footer-widget .infobar-portfoliogrid img:hover {
}
.sidebar-widget .infobar-portfoliogrid .rightspace { }
.footer-widget .infobar-portfoliogrid .rightspace { } .shopping-bag-header-link {
background-image: url(//kwantik.co.ao/wp-content/themes/howl/images/icons/shopping_bag.png);
background-repeat: no-repeat;
background-position: 0 0;
text-indent: -99999px;
display: inline-block;
width:20px;
height: 20px;
position: relative;
top:-2px;
}
.header-shopping-cart {
float:right;
position: relative;
top:8px;
margin-left:20px;
margin-right: 40px;
color:#000;
}
.header-shopping-cart a {
}
.header-search-wrap {
float: right;
height: 50px;
margin: 0;
padding: 0;
position: relative;
right: 30px;
top:2px;
width: 45px;
}
.header-search-wrap #searchbutton {
display:none;
}
.header-search-wrap #searchform {
bottom: -26px;
float: right;
position: relative;
right: -30px;
}
.header-search-wrap #searchform input {
border:none;
color: #fff;
font-style: normal;
font-weight: 400;
text-indent: 40px;
padding:0;
height: 50px;
font-size: 18px;
letter-spacing: 0;
position:relative;
z-index:0;
width: 1150px;
display: none;
}
.max-search .icon-search {
display:none;
}
.max-search .icon-remove {
display:block;
}
.min-search .icon-remove {
display:none;
}
.min-search .icon-search {
display:block;
color:#000;
}
.header-search-wrap #searchform input {
color:#fff;
font-size:13px;
background: -moz-linear-gradient(left,  rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(0,0,0,0))); background: -webkit-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); background: -o-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); background: -ms-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); background: linear-gradient(to right,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 ); }
.header-search,
.header-cart {
float: right;
height: 22px;
margin: 0 0 0 20px;
position: relative;
top: -5px;
opacity: 0.6;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.header-search:hover,
.header-cart:hover {
opacity: 1;
}
.header-search i,
.header-cart i {
color: #fff;
font-size: 20px;
}
.header-search:hover,
.header-cart:hover {
cursor: pointer;
}
.header-widgets {
}
.login-socials-wrap {
padding-top: 20px;
padding-bottom: 20px;
height: 26px;
}
.side-dashboard-toggle {
color: #fff;
float: right;
position: absolute;
right: 30px;
top:30px;
z-index: 2;
font-size: 10px;
cursor: pointer;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.side-dashboard-toggle a {
color:#fff;
}
.side-dashboard-toggle a:hover {
color:#fff;
}
.side-dashboard-toggle:hover {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.side-dashboard-toggle i {
font-size: 14px;
}
.social-header-wrap {
float: right;
}
.social-header-wrap a {
display:block;
line-height: 0;
}
.social-header-wrap ul {
list-style-type:none;
}
.social-header-wrap ul li {
display:inline-block;
text-align: right;
}
.social-header-wrap ul li i {
margin:0;
padding:0;
}
.social-header-wrap ul li.social-icon {
font-size: 14px;
height: 20px;
line-height: 20px;
padding: 0 0 0 15px;
width: 20px;
float:right;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.social-header-wrap ul li:first-child {
margin-left:0;
}
.social-header-wrap ul li.social-icon:hover i,
.header-shopping-cart a:hover i {
}
.social-header-wrap ul li.social-icon i {
color:#fff;
}
.social-header-wrap ul li.social-icon:hover {
cursor: pointer;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.social-header-wrap ul li.social-icon i:hover {
}
.social-header-wrap ul li.contact-text {
margin-right: 15px;
position: relative;
top: -1px;
margin-bottom: 10px;
float: left;
}
.social-header-wrap ul li.contact-text a,
.social-header-wrap ul li.contact-text {
font-size: 10px;
font-weight: 500;
letter-spacing: 1.5px;
text-transform: uppercase;
}
.social-header-wrap ul li.contact-text i {
color:#fff;
}
.social-header-wrap ul li.contact-text a {
color:#fff;
display:inline;
} .social-shortcode i {
color:#555;
}
.social-margin-left {
margin-right:10px;
}
.social-margin-right {
margin-left:10px;
} .flickr_wrap {
position: relative;
}
.flickr_wrap .flickr_badge_image {
padding: 0;
float:left;
line-height:100%;
margin:0 1px 1px 0;
}
.flickr_wrap .flickr_badge_image img {
display: block;
height: 98px;
width: 98px;
opacity: 1;
}
.flickr_wrap .flickr_badge_image img:hover {
opacity: 0.9;
}
#footer .flickr_wrap .flickr_badge_image img:hover {
opacity: 1;
}
#footer .flickr_wrap .flickr_badge_image img {
width:63px;
height:63px;
display:block;
padding:5px;
}
#footer .flickr_wrap {
margin-right:-9px;
}
#footer .flickr_badge_image {
margin:0 1px 1px 0;
} .contact_address_block {
list-style: none;
margin: 10px 0 0 0;
font-size:12px;
}
.contact_address_block a {
}
.contact_address_block a:hover {
color: #000;
}
.contact_address_block li,
#footer .contact_address_block li,
#sidebar .contact_address_block li  {
margin: 0 0 3px 0;
padding:0;
letter-spacing:0.5px;
}
.contact_address_block li {
padding: 4px 0;
}
#footer .contact_address_block li {
letter-spacing: 0.5px;
margin: 0;
padding: 0;
padding: 6px 0;
}
.contact_address_block .about_info, #footer .contact_address_block .about_info{
padding: 0 0 10px 0;
}
#footer .contact_address_block .about_info {
}
#footer .contact_name,
.sidebar-widget .contact_name {
font-weight: bold;
}
#footer .contact_address_block .contact_name {
}
.contact_address_block .contact_address {
}
#footer .contact_address_block li,
.sidebar-widget .contact_address_block li {
padding-left: 20px;
border:0;
}
.sidebar-widget .contact_address_block li.about_info {
padding-left: 0;
}
.contact_address_block .contact_city {
}
.contact_address_block .contact_phone,
.contact_address_block .contact_mobile,
.contact_address_block .contact_email,
.contact_address_block .contact_name {
position: relative;
}
.contact_address_block .contact_phone:before,
.contact_address_block .contact_mobile:before,
.contact_address_block .contact_email:before,
.contact_address_block .contact_name:before {
font-family: 'fontawesome';
position: absolute;
left: -20px;
color: #000;
}
.contact_address_block .contact_phone:before {
content: "\f095";
}
.contact_address_block .contact_mobile:before {
content: "\f10b";
}
.contact_address_block .contact_email:before {
content: "\f003";
}
.contact_address_block .contact_name:before {
content: "";
}
.contact_address_block .contact_email {
}
.contact_address_block .contact_email a {
display: inline;
}
#footer .contact_address_block .contact_name {
}
#footer .contact_address_block .contact_phone {
}
#footer .contact_address_block .contact_mobile {
}
#footer .contact_address_block .contact_email {
}
.page-contents-right {
padding: 10px 40px 40px 20px;
} ul.vertical_images {
list-style: none;
margin:0;
}
ul.vertical_images li {
margin:0;
line-height: 0;
position: relative;
}
ul.vertical_images .vertical-images-title-wrap {
position: absolute;
width: 100%;
bottom:20px;
text-align: center;
}
ul.vertical_images .vertical-images-title {
color: #000;
background: #fff;
padding: 10px 20px;
font-size: 13px;
font-weight: 800;
letter-spacing: 2px;
line-height: 13px;
text-transform: uppercase;
text-align: center;
display: inline-block;
}
ul.vertical_images li:first-child {
margin-top:0;
}
.edge-to-edge .vertical_images img {
width: 100%;
}
.vertical-images-link {
display: block;
line-height: 0;
} .portfolio-thumbnail-block,.filter-thumbnail-block {
display:none;
}
.current-taxonomies {
font-size:10px; 
font-weight:bold; 
text-transform:uppercase; 
letter-spacing:1px; 
margin-bottom:10px;
color:#444;
}
.current-taxonomies a {
color:#666;
}
.portfolio-related-break {
margin-bottom:30px;
}
.portfolio-taxonomies-browse ul {
padding-top:20px;
padding-bottom:30px;
}	
.portfolio-taxonomies-browse h3 {
display:inline-block;
font-size:14px;
float:left;
margin-right:10px;
color:#333;
letter-spacing:1px;
}
.portfolio-taxonomies-browse ul li {
display:inline-block;
margin-right:5px;
margin-bottom:5px;	
}
.portfolio-taxonomies-browse ul li a {
outline: 0;
padding: 5px 12px;
display: block;
color: #ccc;
font-weight: 400;
text-shadow: 1px 1px #1f1f1f;
border: 1px solid #1c1c1c;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #222222;
background: -moz-linear-gradient(top, #3d3d3d 3%, #313131 4%, #222222 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#3d3d3d), color-stop(4%,#313131), color-stop(100%,#222222));
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d3d3d', endColorstr='#222222',GradientType=0 );
box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
-moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
cursor:pointer;
-webkit-transition: box-shadow 0.2s ease-in;
-moz-transition: box-shadow 0.2s ease-in;
transition: box-shadow 0.2s ease;
}
.portfolio-taxonomies-browse ul li a:hover {
text-decoration:none;
color: #fff;
background: #4c4c4c;
background: -moz-linear-gradient(top, #4c4c4c 3%, #404040 4%, #2e2e2e 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#4c4c4c), color-stop(4%,#404040), color-stop(100%,#2e2e2e));
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#2e2e2e',GradientType=0 );
-webkit-transition: box-shadow 0.2s ease-in;
-moz-transition: box-shadow 0.2s ease-in;
transition: box-shadow 0.2s ease;
}
.portfolio-taxonomies h2.taxonomies-title {
font-size:18px;
color:#000;
margin-left:5px;
margin-top:10px;
margin-bottom:20px;
} .portfolio-taxonomies ul {
list-style-type:none;
}
.portfolio-taxonomies ul {
margin-top:10px;
} .grid-list-portfolio-related {
position:relative;
width:100%;
}
.portfoliorelated_widget_about {
margin-bottom:10px;
}
.sidebar .grid-list-portfolio-related a {
border:none;
margin:0;
padding:0;
}
.sidebar .grid-list-portfolio-related a:hover {
border:none;
margin:0;
padding:0;
}
.grid-list-portfolio-related h2.related-title {
font-size:18px;
color:#000;
margin-left:5px;
margin-top:10px;
}
.grid-list-portfolio-related ul {
list-style-type:none;
padding-top:10px;
}
.grid-list-portfolio-related ul li {
border: 0 none;
display: inline-block;
float: left;
margin: 0;
overflow: hidden;
padding: 0;
width: 25%;
}
.grid-list-portfolio-related ul li h4{
font-weight: normal;
}
.grid-list-portfolio-related ul li h4 a {
font-size:11px;
color:#ccc;
text-transform:none;
letter-spacing:0;
line-height:12px;
}
.grid-list-portfolio-related ul li h4 a:hover {
color:#fff;
}
.grid-list-portfolio-related ul li .description{
margin-top:5px;
margin-bottom:5px;
color:#eee;
font-size:12px;
margin-right:1px;
}
.grid-list-portfolio-related ul li img {
max-width:100%;
width: 100%;
display:block;
opacity:1;
}				
.grid-list-portfolio-related ul li img:hover {
opacity:0.5;
} .big-italic {
font-size:		18px;
font-style:		italic;
line-height:	30px;
color:			#7b7b7b;
} .no-comments {
text-align: center;
font-size: 13px;
margin-top:20px;
}
#commentform-section,
.commentform-wrap {
margin: 50px 0 80px;
padding: 0;
}
.commentform-wrap {
margin-top: 40px;
}
h2#comments {
color: #000;
font-size: 20px;
font-weight: 600;
letter-spacing: 4px;
margin-top: 60px;
}
.nocomments {
margin: 35px 0 0 0;
text-transform: uppercase;
}
.comment-body a {
color:#fff;
}
.comment-body a:hover {
color:#111;
text-decoration:none;
}
#comment {
width:100%;
border:1px solid #D1D1D1;
}
.entry-content .commentlist a {
color:#777;
}
.entry-content .commentlist a:hover {
color:#000;
}
ol.commentlist {
margin:0;
clear:both;
overflow:hidden;
list-style:none;
}
.entry-content .commentform-wrap ol.commentlist,
.entry-content .commentform-wrap ul.commentlist,
.entry-content .commentlist ol.children,
.entry-content .commentlist ul.children,
.commentform-wrap ol.commentlist,
.commentform-wrap ul.commentlist {
list-style-type:none;
}
ol.commentlist li.comment {
margin:10px 0;
}
.entry-content ol.commentlist li.comment {
margin-left: 0;
}
ol.commentlist li.comment .comment-author,
ol.commentlist li.comment .comment-author a,
ol.commentlist li.comment .comment-author .fn  {
color: #000;
font-size: 11px;
font-weight: 600;
letter-spacing: 2px;
text-transform: uppercase;
}
.comment-author {
}
ol.commentlist li.comment .comment-author a {
text-decoration:none;
}
ol.commentlist li.comment .comment-author .fn {
color: #676767;
}
ol.commentlist li.comment .comment-author .fn a {
color: #676767;
}
ol.commentlist li.comment .comment-author .avatar{
float: left;
margin-right: 20px;
}
ol.commentlist li.comment .comment-meta{
font-size:10px;
font-weight: 400;
}
ol.commentlist li.comment .comment-meta a {
color: #555555;
font-size: 10px;
letter-spacing: 2px;
text-transform: uppercase;
}
ol.commentlist .comment-content {
margin-top:20px;
}
ol.commentlist li.comment p {
}
ol.commentlist li.comment .reply{
font-size: 12px;
margin-top: 10px;
margin-bottom: 30px;
display: inline-block;
}
ol.commentlist li.comment .reply a{
}
ol.commentlist li.comment .reply a{
}
ol.commentlist li.comment .reply a:hover{
}
ol.commentlist li.comment {
margin-top:20px;
margin-bottom: 40px;
}
ol.commentlist li.comment.odd {
}
ol.commentlist li.comment.even {
}
.entry-content ol.commentlist ul.children{
margin-left: 40px;
}
ol.commentlist li.comment.comment-author-admin,
ol.commentlist li.comment.bypostauthor {
}
.comment-reply-title {
margin-top:20px;
}
.comment-reply-title small {
margin-left:20px;
}
ol.commentlist li.comment.bypostauthor .avatar {
float: left;
margin-top:3px;
margin-right: 20px;
}
ol.commentlist li.comment .comment-author .avatar,
ol.commentlist li.comment.bypostauthor .avatar {
border-radius: 80px;
width:30px;
height:30px;
}
#commentform p {
margin: 0;
}
#commentform {
font-size:12px;
}
#commentform a {
}
#respond {
}
#respond a {
}
#respond a:hover{
text-decoration: none;
color: #000;
}
#respond h3 {
color: #333;
font-size: 21px;
font-weight: 600;
letter-spacing: 4px;
margin-top: 40px;
text-transform: uppercase;
}
.reply-title {
}
#respond h4 {
font-size:14px;
text-transform:uppercase;
font-weight: bold;
margin: 20px 0 15px 0;
}
#commentform {
margin:0;
}
.comment-notes {
font-size:15px;
font-style:italic;
}
.comment-respond {
}
#commentform-section .required,
#commentform .required {
color:#FF2C55;
font-weight: 200;
}
#commentform label{
color: #000;
display: block;
font-size: 12px;
font-weight: 600;
letter-spacing: 3px;
margin-bottom: 10px;
margin-top: 30px;
text-transform: uppercase;
}
#commentform label small {
font-size:12px;
color:#a0a0a0;
}
#respond #commentform textarea,
#respond #commentform input {
border: 1px solid #eee;
color: #000;
font-size: 14px;
line-height: 24px;
margin-bottom: 10px;
padding: 30px;
}
#respond #commentform textarea:focus,
#respond #commentform input:focus {
border: 1px solid #ccc;
-webkit-transition: border-color 0.5s ease-in;
-moz-transition: border-color 0.5s ease-in;
transition: border-color 0.5s ease;
}
#commentform input{
width:70%;
}
#commentform textarea{
width:70%;
}
#commentform .form-allowed-tags {
color: #9F9F9F;
font-size: 12px;
font-weight: 400;
padding-bottom: 10px;
margin: 20px 0;
width: 60%;
}
#commentform .logged-in-as {
color: #ccc;
font-size: 9px;
font-weight: 600;
letter-spacing: 2px;
padding-top: 10px;
text-align: left;
text-transform: uppercase;
}
#commentform .logged-in-as a {
color:#444;
}
#contact .button,
#commentform input#submit,
ol.commentlist li.comment .reply a {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
border: 2px solid #000;
color: #000;
cursor: pointer;
font-size: 11px;
font-weight: 600;
letter-spacing: 1px;
margin-right: 5px;
outline: 0 none;
padding: 5px 10px;
position: relative;
text-decoration: none;
text-transform: uppercase;
background: none;
width: 170px;
margin-top:10px;
}
ol.commentlist li.comment .reply a {
display: block;
text-align: center;
width: 80px;
letter-spacing: 3px;
padding: 5px;
}
#contact .button:hover,
#commentform input#submit:hover,
ol.commentlist li.comment .reply a:hover {
background:#000;
color: #fff;
} .contact-form-title {
margin-top: 30px;
}
#contactform { margin: 20px 0 40px 0; }
#successmessage {
display:none; 
width:80%;
color:#767676;
padding: 30px 60px 40px;
margin: 40px 0 40px 0;
background: #FFFFED;
}
#successmessage h2 {
margin: 10px 0 20px 0;
text-transform: none;
}
#contactform #contact label {
cursor: pointer;
font-size: 12px;
font-weight: 400;
color:#a0a0a0;
}
#contact .text-input {
display:block;
padding:7px;
margin:0 0 20px 0;
border: 1px solid #eee;
background: #f3f3f3;
color:#000;
}
#contact textarea {
height: 80px;
}
#contact input, #contact textarea {}	
#contact input:focus, #contact textarea:focus { 
border: 1px solid #888;
}
#contactform #contact  .error {
font-size: 12px;
font-weight:bold;
color: #ff0000; 
float:right;
margin-right:40px;
display:none;
padding: 0 8px;
}
#contact .button {
width:120px;
font-weight:400;
font-size:14px;
}
#contact .button:hover {
color: #000;
border-color:#000;
cursor:pointer;
}
#contact .button:active {
color: #000;
}
#contact input { width: 96%; }
#contact textarea { width: 96%; }
#contact label { display: inline; float: none; font-weight:bold; font-size:14px; } .addressbox { 
float:right;
font-size:18px;
line-height:22px;
position:relative;
right:148px; top:40px;
margin-bottom:100px;
}
.addresstitle {
font-size:18px;
font-weight:bold;
margin-bottom:10px;margin-left:-5px;
}
.fulladdress {
color:#464646;
font-size:14px;
margin-bottom:10px; 
}
.fulladdress ul {
list-style:none !important;
}
.fulladdress ul li {
} .navigation {
color: #000;
font-size: 11px;
line-height: 18px;
overflow: hidden;
text-transform:uppercase;
margin: 10px 0 10px 0;
background:#eee;
background:rgba(255,255,255,0.1);
width: 100%;
}
.navigation a:link,
.navigation a:visited {
color: #000;
text-decoration: none;
display:block; padding:10px 20px;
}
.navigation a:active,
.navigation a:hover {
display:block;
color: #fff;
}
.nav-previous a,
.nav-next a,
.nav-lightbox a {
font-size: 16px;
letter-spacing: 2px;
color:#000;
}
.nav-previous a:hover,
.nav-next a:hover,
.nav-lightbox a:hover {
}
.nav-previous {
float: left;
width: 33%;
}
.nav-previous a{
float:left;
}
.nav-next {
float: right;
text-align: right;
width: 33%;
}
.nav-lightbox {
float: left;
text-align: center;
width: 33%;
}
#nav-above {
margin: 0 0 18px 0;
}
#nav-above {
display: none;
}
.paged #nav-above,
.single #nav-above {
display: block;
}
#nav-below {
margin: -18px 0 0 0;
}
.attachment-main-image {
display: block;
} .iconalign-left { float:left; padding-right:5px;}
.iconalign-right { float:right; padding-left:5px;}
.iconalign-center { display:block; margin: 0 auto; text-align:center; } #entry-author-info {
background: #F9F9F9;
border:1px solid #E8E8E8;
padding: 18px 20px;
margin: 24px 0;
overflow: hidden;
clear: both;
font-size: 12px;
line-height: 20px;
background: #FEFEFE;
-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.09);
-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.09);
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.09);
}
#entry-author-info #author-avatar .avatar {
background: #fff;
border: 1px solid #e7e7e7;
float: left;
padding: 5px;
display:block;
margin: 0 20px 10px 0;
}
#entry-author-info #author-description {
float: left;
display:block;
width:100%;
}
#entry-author-info h2 {
color: #111;
font-weight: bold;
font-size: 16px;
margin-top:0;
margin-bottom: 10px;
}
#author-link {
color: #747474;
font-size:10px;
margin-top:20px;
text-transform:uppercase;
text-align:right;
}
#author-link a {
color: #747474;
text-decoration:none;
border: solid 1px #f5f5f5;
background: #fafafa;
padding: .5em 2em .55em;
text-shadow: 0 1px 1px rgba(255,255,255,1);
-webkit-border-radius: .5em; 
-moz-border-radius: .5em;
border-radius: .5em;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
box-shadow: 0 1px 2px rgba(0,0,0,.2);
background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#e9e9e9));
background: -moz-linear-gradient(top,  #fafafa,  #e9e9e9);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#e9e9e9');
}
#author-link a:hover {
color: #464646;
}
.entry-utility {
color: #888;
font-size: 12px;
line-height: 18px;
clear: both;
}
.entry-meta a,
.entry-utility a {
color: #888;
}
.entry-meta a:hover,
.entry-utility a:hover {
color: #FF4B33;
} .entry-content-wrapper .sticky,
.entry-content-wrapper.post-is-sticky .type-post {
background-color: #fffef1;
border-width: 3px 1px 0;
padding: 30px !important;
}
.postformat-image  {
padding:0;
margin:0;
max-width: 100%;
}
.entry-content-wrapper .postformat-image,
.type-post .postformat-image,
.entry-content-wrapper .postsummaryimage,
.type-post .postsummaryimage,
.entry-content-wrapper .flexslider-container-page,
.type-post .flexslider-container-page,
.entry-content-wrapper .ajax-video-wrapper,
.type-post .ajax-video-wrapper {
display:block;
line-height: 0;
vertical-align: bottom;
}
a.postformat-image-lightbox {
display: block;
position: relative;
}
.lightbox-indicate {
display:block;
position: absolute;
right:50px;
top:50px;
line-height: 50px;
margin-top:-20px;
height:50px;
width:50px;
border-radius: 3px;
background: #fff;
z-index: 10;
text-align: center;
opacity:0.7;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
span.lightbox-indicate i {
line-height: 40px;
color:#000;
}
.postformat-image-lightbox:hover .lightbox-indicate {
opacity:1;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.post-link-wrapper {
padding: 0;
}
.postformat_icon {
background: #EAEAEA;
border-radius: 50px 50px 50px 50px;
color: #707070;
display: inline-block;
font-size: 16px;
height: 40px;
line-height: 40px;
position: relative;
text-align: center;
top: -2px;
width: 40px;
}
.postformat_contents {
padding: 0 0 20px 0;
}
.fullpage-contents-wrap .postformat_contents {
}
.quote_say {
display: block;
font-size: 16px;
font-weight: 400;
letter-spacing: 3px;
line-height: 32px;
margin: 0 auto 30px;
text-align: center;
text-transform: uppercase;
width: 80%;
}
.quote_say i {
margin: 0 10px;
color:#24bee8;
}
.quote_author {
color: #000;
display: block;
font-size: 10px;
font-weight: 700;
letter-spacing: 4px;
text-align: center;
text-transform: uppercase;
}
.post-aside-wrapper {
margin-top:60px;
}
.postformat_aside_contents {
margin-bottom:30px;
}
#password-protected	p {
font-size:14px;
}
#password-protected {
padding: 10px;
} .gridblock-filterable-wrap {
overflow:hidden;
}
.gridblockfilter_widget_about {
margin-bottom:15px;
}
.ajax-gridblock-block-wrap.ajax-active {
padding-bottom: 20px;
}
.ajax-gridblock-block-wrap.ajax-collapsed {
}
.ajax-gridblock-block-wrap.ajax-collapsed .ajax-next,
.ajax-gridblock-block-wrap.ajax-collapsed .ajax-prev {
opacity: 0.4;
}
.ajax-gridblock-image-wrap,.gridblock-contents-wrap {
}
#ajax-gridblock-wrap .gridblock-contents-wrap {
margin-top:80px;
}
#ajax-gridblock-wrap {
position:relative;
}
.gridblock-contents-wrap {
}
.gridblock-image-link {
display:block;
}
.ajax-gridblock-block-wrap {
}
.single-gridblockgallery .ajax-gridblock-block-wrap {
border-bottom: none;
}
.ajax-home-wrap {
}
h2.ajax-projects-title {
font-size:20px;
font-weight:300;
color:#818181;
margin: 30px 0 40px;
text-transform:uppercase;
}
.ajax-gallery-navigation {
position:relative;
display:none;
float:right;
}
a.ajax-navigation-arrow {
width:40px;
height:40px;
text-align: center;
line-height: 40px;
display:inline-block;
z-index:9;
float:right;
position:relative;
margin-left: 1px;
font-size: 16px;
border-radius: 3px;
}
a.ajax-navigation-arrow i {
color:#fff;
font-size: 18px;
}
a.ajax-hide {
right:0;
}
a.ajax-next {
right:0;
}
a.ajax-prev {
right:0;
}
a.ajax-prev, a.ajax-next, a.ajax-hide {
opacity:1;
}
a.ajax-prev:hover, a.ajax-next:hover, a.ajax-hide:hover {
opacity:0.8;
}
a.ajax-nav-disabled,a.ajax-nav-disabled:hover { 
display:none;
}
a.ajax-nav-disabled,a.ajax-nav-disabled:hover,a.ajax-prev:hover, a.ajax-next:hover,a.ajax-prev,a.ajax-next {
-webkit-transition: background 0.3s ease-in;
-moz-transition: background 0.3s ease-in;
transition: background 0.3s ease;			
}
.ajax-loading {
background-image:url(//kwantik.co.ao/wp-content/themes/howl/images/preloaders/circle-spinner.png);
background-position:50% 50%;
background-repeat:no-repeat;
float:right;
height:30px;
margin-right:10px;
width:50px;
text-indent: -999999px;
display:none;
position: relative;
top:8px;
}
#ajax-gridblock-content {
}
.ajax-top-margin {
}
.ajax-gridblock-window {
width:100%;
display:none;
position: relative;
overflow: hidden;
margin-bottom: 60px;
}
#ajax-gridblock-loading {
background: transparent url(//kwantik.co.ao/wp-content/themes/howl/images/preloaders/horizontal2.png) no-repeat 50% 50%;
width:100%;
height:112px;
z-index:20;
}
.ajax-gridblock-image-wrap {
padding:0;
margin:1px 0 0 0;
line-height:0;
background-image:url(//kwantik.co.ao/wp-content/themes/howl/images/preloaders/circle-spinner.png);
background-position:50% 50%;
background-repeat:no-repeat;
width: 100%;
text-align: center;
}
.ajax-gridblock-image-wrap,.ajax-gridblock-image-wrap img  {
}
.ajax-gridblock-image-wrap img {
opacity:0;
}
.ajax-gridblock-data {
background:none;
position:relative;
padding: 0;
}
.ajax-psection-left {
}
.ajax-psection-right {
}
.portfolio-title h1 {
color: #000000;
font-size: 42px;
font-weight: 400;
letter-spacing: -2.0px;
line-height: 36px;
padding: 50px 0 20px;
}
.ajax-gridblock-data h2 {
color: #000;
font-size: 18px;
font-weight: 400;
letter-spacing: -1px;
line-height: 23px;
margin-bottom: 15px;
margin-top: 0;
}
.ajax-gridblock-data h2 a {
text-decoration:none;
color:#777777;
font-weight: 400;
}
.ajax-gridblock-data h2 a:hover {
color:#000000;
}
.ajax-protected {
text-align: center;
padding: 90px 30px 20px;
}
.ajax-protected i {
font-size:72px;
padding-bottom: 40px;
color:#000;
}
.ajax-protected h2 a {
color: #656565;
font-size: 25px;
font-weight: 400;
line-height: 34px;
}
.ajax-protected h2 a:hover {
text-decoration:none;
color: #000;
}
.ajax-gridblock-description {
margin: 15px 20px 30px 0;
}
ul.portfolio-metainfo {
list-style-type: none;
margin-bottom:10px;
}
ul.portfolio-metainfo li { 
border-bottom: 1px solid #EBEBEB;
color: #404040;
font-size: 13px;
font-weight: bold;
padding: 10px 5px 10px 45px;
}
.single-mtheme_portfolio ul.portfolio-metainfo li,
.single-mtheme_portfolio ul.portfolio-metainfo li.ajax-client {
display:inline-block;
border:none;
}
.single-mtheme_portfolio .datecomment {
border-top: 1px solid #F0F0F0;
border-bottom: 1px solid #F0F0F0;
border-left: none;
margin-top: 45px;
padding: 5px 0;
text-align: left;
}
.single-mtheme_portfolio .comments {
margin-top:10px;
}
ul.portfolio-metainfo li a {
text-decoration:none;
}			
ul.portfolio-metainfo li a:hover {
color:#111;
}
ul.portfolio-metainfo li.ajax-client {
font-weight: bold;
background-image: url(//kwantik.co.ao/wp-content/themes/howl/images/icons/members.png);
background-repeat: no-repeat;
background-position: 20px 50%;
}
ul.portfolio-metainfo li.ajax-link {
background-image: url(//kwantik.co.ao/wp-content/themes/howl/images/icons/link_16.png);
background-repeat: no-repeat;
background-position: 20px 50%;
}
ul.portfolio-metainfo li.ajax-type {
font-size:14px;
margin-top:20px;
}
.single-mtheme_portfolio ul.portfolio-metainfo {
padding: 0;
border-top: 1px solid #f0f0f0;
border-bottom: 1px solid #f0f0f0;
margin: 20px 0 30px;
}
.single-mtheme_portfolio ul.portfolio-metainfo li.ajax-client {
background-position: 0 45%;
}
.single-mtheme_portfolio ul.portfolio-metainfo li.ajax-link {
background-position: 0 45%;
}
.single-mtheme_portfolio ul.portfolio-metainfo li {
padding-left:22px;
padding-right:25px;
}
.ajax-video-wrapper {
width:100%;
}
.ajax-video-wrapper {
width: 100%;
max-width: 100%;
margin: 0;
background:#111;
}
.ajax-video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 0;
height: 0;
overflow: hidden;
}
.ajax-video-wrapper iframe,  
.ajax-video-wrapper object,  
.ajax-video-wrapper embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} .preload-image { }
.single-gridblock-image-wrap {
text-align:center;
display:block;
}
.gridblock-selected-icon {
text-indent: -99999px;
}
.gridblock-displayed .gridblock-background-hover {
opacity: 1;
background: #24bee8;
}
.gridblock-displayed .column-gridblock-icon i {
color: #fff;
} .gridblock-filter-wrap { 
margin: 0;
}
.gridblock-works-wrap {
margin-bottom: 5px;
margin-top:30px;					
}
#filter-heading {
color: #4A4A4A;
display: inline-block;
font-size: 36px;
font-weight: 900;
letter-spacing: 0;
margin-bottom: 30px;
padding: 0 12px 20px 0;
text-transform:uppercase;
position:relative;
}
.filter-heading-description {
color: #A4A4A4;
font-size: 14px;
font-weight: 400;
letter-spacing: 2.2px;
margin-bottom: 5px;
text-transform:uppercase;
margin-bottom: 5px;
margin-top:25px;
border-bottom: 1px dotted #EAEAEA;
margin-bottom: 10px;
display:inline-block;
}
ul.gridblock-filter { 
margin: 0 0 10px 0;
background: url(//kwantik.co.ao/wp-content/themes/howl/images/patterns/stripes_fine_tall.png) repeat-x scroll 0 0 transparent;
}
ul.gridblock-filter li { 
float:left;
font-size: 11px;
font-weight: 400;
text-transform:uppercase;
background: #BABABA;
border-right: 1px solid #C5C5C5;
}
ul.gridblock-filter li.filter-tag-icon { 
background-image: url(//kwantik.co.ao/wp-content/themes/howl/images/icons/grid_dark.png);
background-repeat: no-repeat;
background-position: 0 9px;
background-color: #fff;
padding: 0 0 12px 30px;
text-indent: -99999px;
}
ul.gridblock-filter a {
color: #989898;
display: block;
font-size: 11px;
font-weight: 400;
letter-spacing: 1px;
padding: 6px 15px;
position: relative;
text-align: center;
color: #FFFFFF;
-webkit-transition:background-color .1s ease-in;
-moz-transition:background-color .1s ease-in;
-o-transition:background-color .1s ease-in;
transition:background-color .1s ease-in;
}
ul.gridblock-filter a:hover { 
color:#fff;
background:#EB5E5F;
text-decoration:none;
-webkit-box-shadow: 0 0 1px rgba(50, 50, 50, 0.42);
-moz-box-shadow:    0 0 1px rgba(50, 50, 50, 0.42);
box-shadow:         0 0 1px rgba(50, 50, 50, 0.42);
}
ul.gridblock-filter li.current a {
color: #fff;
background:#EB5E5F;
-webkit-box-shadow: 0 0 1px rgba(50, 50, 50, 0.42);
-moz-box-shadow:    0 0 1px rgba(50, 50, 50, 0.42);
box-shadow:         0 0 1px rgba(50, 50, 50, 0.42);
}
ul.gridblock-list { width: 100%; float:right; }
ul.gridblock-destination { display:none; }
ul.gridblock-list { margin: 0; padding: 0; list-style: none; }
ul.gridblock-list li{
background: url(//kwantik.co.ao/wp-content/themes/howl/images/preloaders/dark_pulse.png) no-repeat 50% 50% #f8f8f8;
display: block;
margin: 0;
float:left;
width:215px;
height:215px;
margin: 22px 20px 20px 0;
position:relative;
}
a.gridblock-filter-column img {
width:205px;
height:205px;
}
.filterable-title {
margin-top:-4px;
}			
p.ajax-image-desc {
color: #ccc;
font-size: 12px;
font-weight:400;
line-height:15px;
padding:5px;
}
.ajax-gridblock-icon {
position:absolute;
width:32px;
height:50px;
display:block;
background-color:none;
background-repeat:no-repeat;
background-position:50% 50%;
top:256px;
left:0;
width:100%;
opacity:1;
}
.column-gridblock-link {
background-position: 50% 50%;
background-repeat: no-repeat;
bottom: 50%;
display: block;
height: 50px;
left: 1px;
opacity: 1;
position: absolute;
width: 50px;
margin-right: -55px;
margin-bottom: -25px;
z-index: 10;
color:#fff;
font-weight: 400;
line-height: 50px;
text-align: center;
font-size: 12px
}
.hover-icon-effect {
}
.hover-icon-effect:hover {
}
.grid-blank-status {
position:absolute;
height:100%;
width:100%;
background: #F7F7F7;
}
.grid-blank-element {
position: relative;
}
.gridblock-grid-element {
position: relative;
line-height: 0;
overflow: hidden;
}
.grid-blank-element .grid-blank-status i {
position: absolute;
left: 50%;
position: absolute;
top: 50%;
margin-left:-12px;
margin-top:-12px;
color:#656565;
-webkit-transition: background 0.5s, color 0.2s;
-moz-transition: background 0.5s, color 0.2s;
transition: background 0.5s, color 0.2s;
}
.grid-blank-element .grid-blank-status:hover i,
.grid-blank-element .grid-blank-status i:hover {
color:#fff;
}
.grid-blank-element .grid-blank-status:hover {
background:#ddd;
-webkit-transition: background 0.5s, color 0.2s;
-moz-transition: background 0.5s, color 0.2s;
transition: background 0.5s, color 0.2s;
}
.gridblock-image-link {
overflow: hidden;
}
.gridblock-element:hover img,
.gridblock-grid-element:hover img {
}
.gridblock-element img,
.gridblock-grid-element img {
}
.gridblock-link-center {
left:0;
margin-left:-25px;
}
.gridblock-image-hover {
position: absolute;
z-index: 11;
opacity:0;
width:261px;
height:261px;
top:10px;
display:none;
}
.gridblock-link-hover {
position: absolute;
z-index: 12;
opacity:0;
width:261px;
height:261px;
top:10px;
display:none;
}
.gridblock-link-hover a {
border: none !important;
text-decoration: none !important;
}
.gridblock-columns-wrap .gridblock-row-new:first-child { margin-top:0;}
.gridblock-row-new {}
.column-gridblock-icon {
display: inline-block;
height: 50px;
opacity: 1;
width: 50px;
color:#fff;
font-weight: 400;
line-height: 55px;
text-align: center;
font-size: 12px;
border-radius: 4px;
margin: 0 5px;
}
.column-gridblock-icon i {
font-size: 18px;
color:#000;
}
.boxtitle-hover {
opacity:1;
position: relative;
bottom:0;
width:100%;
text-align: center;
z-index: 99;
left:0;
display: block;
margin-top:20px;
}
.boxtitle-hover {
margin-bottom:0;
}
.boxtitle-hover a:hover {
color:#000;
}
.boxtitle-worktype {
font-size:9px;
font-weight: 600;
line-height: 12px;
color:#24bee8;
letter-spacing: 3px;
text-transform: uppercase;
display: block;
margin-top:12px;
}
.album-item-count {
color: rgba(0, 0, 0, 0.4);
display: block;
font-size: 12px;
font-weight: 800;
letter-spacing: 2px;
margin-top: 15px;
text-transform: uppercase;
}
.gridblock-grid-element .boxtitle-hover a {
color: #777;
color: rgba(0,0,0,0.9);
font-size: 16px;
line-height: 15px;
font-weight: 600;
letter-spacing: 1px;
text-transform: uppercase;
}
.gridblock-links-wrap {
position: absolute;
text-align: center;
bottom: 35%;
width: 100%;
z-index: 100;
}
.thumbnails-shortcode .gridblock-links-wrap {
bottom: 40%;
}
.gridblock-links-wrap {
-webkit-transition: all 0.7s;
-moz-transition: all 0.7s;
transition: all 0.7s;
}
.gridblock-background-hover {
transform: scale(1.2,1.2);
-ms-transform: scale(1.2,1.2); -webkit-transform: scale(1.2,1.2); -webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.column-gridblock-icon {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.gridblock-background-hover {
position: absolute;
z-index: 10;
width:100%;
height:100%;
bottom: 0;
opacity: 0;
background:rgba(255,255,255,0.9);
}
.gridblock-grid-element .displayed-image {
} .owl-slide-image {
max-width: 100%;
}
.gridblock-slideshow-element {
text-align: center;
}
.owl-slideshow-element .owl-buttons {
opacity: 0;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.owl-slideshow-element .slideshow-lightbox {
line-height: 0;
display: block;
border:1px solid transparent;
}
.owl-slideshow-element:hover .owl-buttons {
opacity: 1;
}
.gridblock-thumbnail-element .owl-thumbnail {
max-width: 100%;
}
.gridblock-thumbnail-element {
background-color:#eee;
line-height: 0;
margin-right: 5px;
padding: 3px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.gridblock-thumbnail-element:hover,
.synced .gridblock-thumbnail-element {
cursor: pointer;
background-color:#24bee8;
opacity: 1;
}
.synced .gridblock-thumbnail-element {
opacity: 1;
}
.gridblock-thumbnail-element {
opacity: 0.7;
margin-top:6px;
}
.slideshow-owl-title {
background: rgba(255, 255, 255, 0.8);
bottom: 0;
color: #000;
font-size: 13px;
letter-spacing: 1px;
padding: 20px 0;
position: absolute;
width: 100%;
} .gridblock-grid-element:hover {
cursor: pointer;
}
.gridblock-links-wrap { }
.gridblock-grid-element:hover .gridblock-links-wrap {
}
.gridblock-grid-element:hover .gridblock-background-hover {
opacity: 1;
transform: scale(1,1);
-ms-transform: scale(1,1); -webkit-transform: scale(1,1); }
.gridblock-grid-element:hover .displayed-image {
transform: scale(1.1,1.1);
-ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -webkit-transition: all 5.5s;
-moz-transition: all 5.5s;
transition: all 5.5s;
}
.gridblock-grid-element .displayed-image {
transform: scale(1,1);
-ms-transform: scale(1,1); -webkit-transform: scale(1,1); -webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.column-gridblock-icon:hover {
position: relative;
}
.column-gridblock-icon {
position: relative;
}
.column-gridblock-icon:hover:after {
background: rgba(36,190,232,0.3);
-webkit-transition: all 0.15s;
-moz-transition: all 0.15s;
transition: all 0.15s;
z-index: 0;
}	
.column-gridblock-icon:after {
position: absolute;
top:0;
right:0;
width: 100%;
height:100%;
display: block;
content: " ";
background: transparent;
background: rgba(36,190,232,0.1);
border-radius: 4px;
-webkit-transition: all 0.15s;
-moz-transition: all 0.15s;
transition: all 0.15s;
}
.column-gridblock-icon:hover i {
}
.gridblock-grid-element:hover .gridblock-background-hover {
bottom: 0;
}
ul.gridblock-list a.filter-thumbnail-loader {
background: url(//kwantik.co.ao/wp-content/themes/howl/images/horizontal_preloader.gif) no-repeat 50% 50%;
padding: 	1px;
border:		1px solid #f3f3f3;
}
ul.gridblock-list li .gridblock-image-link{
display: block;
height:215px;
text-decoration:none;
}
ul.gridblock-list .work-details { margin: 15px 20px 0 20px; }
ul.gridblock-list h4 a {
font-size:		14px;
font-weight:	bold;
margin:			10px 0 5px 0;
text-decoration:none;
}
ul.gridblock-list h4 a:hover {
color:	#111;
}
.gridblock-listbox ul.gridblock-four .gridblock-element {
width:100%;
}
.gridblock-listbox .listbox-image {
}
.gridblock-listbox .listbox-content {
}
ul.gridblock-listbox {
list-style: none;
}
ul.gridblock-listbox li {
margin-bottom: 10px;
}
ul.gridblock-listbox li:last-child {
margin-bottom: 0;
border-bottom: none;
}
ul.gridblock-listbox .summary-info {
border:none;
padding:0;
margin:10px 10px;
background: none;
}
ul.gridblock-listbox .summary-comment a {
color:#aaa;
}
ul.gridblock-listbox .work-details {
margin: 0 20px;
}
ul.gridblock-listbox .work-details h4{
margin-bottom: 10px;
font-size:14px;
}
ul.gridblock-listbox .work-details h4 a{
font-weight: 400;
}
ul.gridblock-listbox .work-details h4 a:hover {
color:#000;
}
ul.gridblock-listbox .work-description {
font-size: 13px;
line-height: 18px;
}
ul.gridblock-listbox .gridblock-image-link {
width:180px;
float:left;
margin-right:20px;
}
ul.gridblock-listbox .gridblock-listbox-row {
margin-bottom: 20px;
}
ul.gridblock-listbox .gridblock-listbox-row .grid-blank-status i {
color:#B1B1B1;
}
.share-spacing {
margin-top:40px;
}
ul.portfolio-share {
color: #000;
display: block;
list-style: none;
margin: 40px 0 0 0;
padding: 0;
text-transform: uppercase;
}
.portfolio-single-wrap .portfolio-share {
margin-top:40px;
}
.portfolio-share li {
display:inline-block;
}
.portfolio-share li.sharethis {
font-size:11px;
font-weight: 400;
background:none;
margin-right:10px;
width:auto;
}
.portfolio-share li a {
display: block;
font-size:13px;
margin:0;
margin: 0 1px 0 0;
text-align: center;
}
.portfolio-share li i {
-webkit-transition: all 0.1s;
-moz-transition: all 0.1s;
transition: all 0.1s;
background-color: #f8f8f8;
width:40px;
height: 40px;
line-height: 40px;
font-size:14px;
color:#323232;
}
.portfolio-share .share-indicate {
font-weight: 500;
text-transform: uppercase;
font-size: 10px;
letter-spacing: 1px;
margin-left: 10px;
position: relative;
left:10px;
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.portfolio-share:hover .share-indicate {
opacity: 1;
left:0;
}
.portfolio-share li:hover i {
color:#fff;
background-color: #eee;
}
.portfolio-share .share-this-fa-facebook:hover i {
background:#3B5998;
}
.portfolio-share .share-this-fa-twitter:hover i {
background:#55ACEE;
}
.portfolio-share .share-this-fa-google-plus:hover i {
background:#E14107;
}
.portfolio-share .share-this-fa-pinterest:hover i {
background:#D73532;
}
.portfolio-share .share-this-fa-linkedin:hover i {
background:#0274B3;
}
.portfolio-share .share-this-fa-reddit:hover i {
background:#2586ED;
}
.portfolio-share .share-this-fa-tumblr:hover i {
background:#34465D;
}
.portfolio-share .share-this-fa-external-link:hover i {
background:#D6AC22;
}
.portfolio-share .share-this-fa-envelope:hover i {
background:#3EADAF;
} .blogpost_readmore {
font-size:12px;
}
.entry-content .blogpost_readmore a {
color:#A9A9A9;
}
.entry-content .blogpost_readmore a:hover {
color:#111;
}
.gridblock-related-columns {
margin: 0 60px;
border-top: 1px solid #eee;
padding-top: 20px;
}
.gridblock-columns-wrap { 
margin: 0;
width: 100%
}
.gridblock-columns-wrap ul li {
}
.gridblock-related-wrap { 
border-top: 1px solid #eee;
margin: 30px 0 60px;
padding: 60px 0 0 0;
}
.gridblockfilter-columns-wrap { margin: 30px 0 0; }
a.gridblock-image-link {
line-height: 0;
}
.gridblock-one .gridblock-protected,
.gridblock-two .gridblock-protected,
.gridblock-three .gridblock-protected,
.gridblock-four .gridblock-protected,
.post-nothumbnail {
background-position: 50% 50%;
background-repeat: no-repeat;
}
ul.gridblock-four,
ul.gridblock-three,
ul.gridblock-two,
ul.gridblock-one { 
width: 100%;
margin: 0;
padding: 0;
list-style: none;
}
a.gridblock-columns {
background-position: 50% 50%;
background-repeat: no-repeat;
}
.gridblock-protected a.gridblock-columns {
}
.gridblock-protected {
position: relative;
}
.gridblock-protected img {
width: 100%;
max-width: 100%;
}
a.gridblock-columns img {
max-width: 100%;
}
.gridblock-protected i {
color: #000;
font-size: 30px;
left: 50%;
margin-left: -15px;
margin-top: -15px;
position: absolute;
top: 50%;
}
.gridblock-four .work-details,
.gridblock-three .work-details,
.gridblock-two .work-details,
.gridblock-one .work-details  {
margin: 0 0 30px 0;
border-top:0;
padding: 15px 10px 10px 0;
}
.gridblock-element:hover .work-details {
}
.gridblock-four h4,
.gridblock-three h4,
.gridblock-two h4,
.gridblock-one h4,
.gridblock-list h4 {
margin:0;
}
.gridblock-four h4 a,
.gridblock-three h4 a,
.gridblock-two h4 a,
.gridblock-one h4 a,
.gridblock-list h4 a {
}
.gridblock-four h4 a:hover,
.gridblock-three h4 a:hover,
.gridblock-two h4 a:hover,
.gridblock-one h4 a:hover,
.gridblock-list h4 a:hover {
}
.gridblock-four .work-description,
.gridblock-three .work-description,
.gridblock-two .work-description,
.gridblock-one .work-description {
display: block;
font-size: 12px;
line-height: 18px;
padding-top: 5px;
} ul.gridblock-four li .displayed-image,
ul.gridblock-three li .displayed-image,
ul.gridblock-two li .displayed-image,
ul.gridblock-one li .displayed-image,
a.gridblock-ajax img,
a.gridblock-filter-column img,
.pictureframe-image {
}
ul.gridblock-four li .displayed-image:hover,
ul.gridblock-three li .displayed-image:hover,
ul.gridblock-two li .displayed-image:hover,
ul.gridblock-one li .displayed-image:hover,
a.gridblock-ajax img:hover,
a.gridblock-filter-column img:hover,
.pictureframe-image:hover {
}
.displayed-image {
position: relative;
} .project-link {
margin-top:30px;
}
.entry-content .project-link a {
background:#000;
color: #FFFFFF;
display: inline-block;
font-size: 12px;
font-weight: 400;
padding: 5px 15px 4px;
text-transform: uppercase;
}
.project-details-link {
margin-top: 20px;
}
h2.project-heading {
font-size: 18px;
font-weight: 800;
letter-spacing: 2px;
margin-bottom: 20px;
text-transform: uppercase;
}
.project-details-link h4 a{
font-size: 10px;
font-weight: bold;
letter-spacing: 2px;
text-transform: uppercase;
transition: all 0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
}
.project-details-link h4 {
display: inline-block;
margin-left:10px;
}
.project-details-link i {
border-radius: 30px;
font-size: 14px;
height: 40px;
line-height: 35px;
text-align: center;
width: 40px;
}
.project-details h4 {
margin-bottom:10px;
}
.project-skills-column {
margin-top: 20px;
}
.project-skills-column ul {
margin-bottom: 10px;
}
.project-skills ul li {
display: inline-block;
font-size: 12px;
font-weight: 400;
line-height: 14px;
margin-bottom: 0;
margin-right: 10px;
font-style: italic;
}
.project-info h4 {
font-size: 12px;
font-weight: 800;
letter-spacing: 3px;
margin-bottom: 10px;
text-transform: uppercase;
position: relative;
}
.project-info span {
font-size: 12px;
display: block;
}
.portfolio-details-inner {
margin-top:30px;
}
.project-info ul {
font-size: 12px;
}
.project-info ul li {
display: inline-block;
margin-right: 10px;
}
.project-info span,
.project-info ul,
.project-details-link h4 a {
color: #7d7d7d;
}
.project-info h4 {
color: #000;
}
.project-info h4 {
}
.project-details-link i {
border: 1px solid #24bee8;
color: #24bee8;
}
.project-details-link h4 a {
color:#000;
} .gototop-wrap { 
border-top: 1px solid #F9F9F9;
margin: 30px auto 0;
padding: 10px 0;
width: 1020px;
}
.gototop { 
width:30px; 
height:30px;
display:block;
margin: 20px auto 20px;
text-indent:-99999px;
background-color: #b7b7b7;
background-image:url(//kwantik.co.ao/wp-content/themes/howl/images/icons/top_arrow.png);
background-repeat:no-repeat;
-webkit-border-radius: 20px;
border-radius: 20px;
cursor:pointer;
transition: all 0.4s;
-moz-transition: all 0.4s;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
}
.gototop:hover { 
transition: all 0.4s;
-moz-transition: all 0.4s;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
background-color:#111;
} .sidebar-widget .widget_nav_menu ul li {
float:none;
}
.sidebar-widget .widget_nav_menu .sub-menu {
padding-left: 5px;
}
.sidebar-widget .widget_nav_menu ul {
list-style-type:none;
margin: 0;
padding: 0;
}
.sidebar-widget .widget_nav_menu ul a {
display: block;
text-decoration: none;
}
.sidebar-widget .widget_nav_menu ul li a {
font-weight: bold;
margin-top:10px;
}
.sidebar-widget .widget_nav_menu ul li li a {
font-weight: 400;
margin-top:0;
} .tagcloud a,
#footer .tagcloud a { 
background:#f5f5f5;
display: inline-block;
color: #000;
letter-spacing:0.5px;
margin: 4px 2px 0 0;
padding: 1px 15px;
}
#footer .tagcloud a:hover , #footer .tagcloud a:hover {
color: #000;
background:#fff;
}
.wp-tag-cloud {
list-style: none;
}
.wp-tag-cloud li {
margin-bottom:5px;
}
.wp-tag-cloud li,.wp-tag-cloud a {
float:left;
height:24px;
line-height:24px;
position:relative;
font-size:9px;
font-weight:bold;
text-transform:uppercase;
}
.wp-tag-cloud a {
margin-left: 10px;
margin-right: 7px;
padding:0 10px 0 12px;
background:#898989;
color:#fff;
text-decoration:none;
-moz-border-radius-bottomright:4px;
-webkit-border-bottom-right-radius:4px;	
border-bottom-right-radius:4px;
-moz-border-radius-topright:4px;
-webkit-border-top-right-radius:4px;	
border-top-right-radius:4px;
letter-spacing:1px;
}
.wp-tag-cloud a:before {
content:"";
float:left;
position:absolute;
top:0;
left:-12px;
width:0;
height:0;
border-color:transparent #898989 transparent transparent;
border-style:solid;
border-width:12px 12px 12px 0;		
}
.wp-tag-cloud a:after {
content:"";
position:absolute;
top:10px;
left:0;
float:left;
width:4px;
height:4px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
background:#fff;
}
.wp-tag-cloud a:hover {background:#EB5E5F;}	
.wp-tag-cloud a:hover:before {border-color:transparent #EB5E5F transparent transparent;}
ul.portfolio-metainfo li a {
color: #ABABAB;
}
.portfolio-related-wrap ul.portfolio-four h4 a:hover,
.portfolio-related-wrap ul.portfolio-three h4 a:hover,
.portfolio-related-wrap ul.portfolio-two h4 a:hover,
.portfolio-related-wrap ul.portfolio-one h4 a:hover {
color:	#fff;
}
.last-bigsaywrap a:hover,
.entry-post-title h2 a:hover,
.sidebar a:hover,
ul.portfolio-metainfo li a:hover,
.ajax-gridblock-data h1 a:hover {
color:	#000;
}
.tagcloud a:hover {
color: #fff;
background:#666;
}
.portfolio-taxonomies-browse {
margin-top: 20px;
padding-bottom: 20px;
}  .isotope-item {
z-index: 2;
}
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
}
.isotope,
.isotope .isotope-item { }
.isotope {
}
.isotope .isotope-item {
} .isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
}
.isotope,
.isotope .isotope-item { -webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property:    -moz-transform, opacity;
-ms-transition-property:     -ms-transform, opacity;
-o-transition-property:      -o-transform, opacity;
transition-property:         transform, opacity;
} .isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
} .gridblock-filter-wrap h2 {
color: #000000;
font-size: 27px;
font-weight: 400;
margin-bottom: 15px;
}
.page-sidebar-block h3 {
color:#474747;
font-size: 18px;
font-weight: 400;
letter-spacing: 0;
margin-bottom: 18px;
text-transform: uppercase;
}
.gridblock-filter-select-wrap {
margin: 0 0 40px;
padding: 0 10px 0;
position: relative;
}
#gridblock-filter-select {
display:none;
}
#gridblock-filter-select i {
float:right;
position: relative;
right:20px;
top:2px;
}
.gridblock-filter-select-text {
color: #000000;
font-size: 12px;
font-weight: 600;
letter-spacing: 1px;
text-transform: uppercase;
}
#gridblock-filter-select:hover {
transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
border-color: #000;
color:#000;
}
#gridblock-filters,
#gridblock-filter-select {
width: 100%;
}
#gridblock-filters {
text-align: center;
z-index: 9;
margin:0;
top:42px;
padding:0;
margin-bottom: 50px;
}
#gridblock-filters li {
display: inline-block;
font-size: 15px;
font-weight: 400;
margin:0;
}
#gridblock-filters li a {
color: #000000;
display: block;
font-size: 12px;
font-weight: 700;
letter-spacing: 1px;
padding: 5px 15px 15px;
text-transform: uppercase;
border-bottom:1px solid #eee;
transition: all 0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
}
#gridblock-filters li a {
}
#gridblock-filters li .is-active,
#gridblock-filters li a:focus,
#gridblock-filters a:focus,
#gridblock-filters li .is-active,
#gridblock-filters li .is-active:hover {
border-color:#D22328;
color:#000;
}
#gridblock-filters:hover li a {
}
#gridblock-filters a:hover,
#gridblock-filters li a:hover,
#gridblock-filters li a:hover span {
color: #000;
border-color:#000;
transition: all 0.1s;
-moz-transition: all 0.1s;
-webkit-transition: all 0.1s;
-o-transition: all 0.1s;
}
.filter-icon {
background-image: url(//kwantik.co.ao/wp-content/themes/howl/images/icons/grid_dark.png);
background-repeat: no-repeat;
background-position: 0 6px;
padding-left:20px;
font-size:18px;
font-weight:700;
margin-bottom:10px;
margin-top:20px;
}
#gridblock-filters li span {
color: #D3D3D3;
float: right;
font-weight: 400;
font-size: 11px;
}
.gridblock-protected {
background: rgba(184, 184, 184, 0.1);
}
.textbright .gridblock-protected {
opacity:0.4;
}
.textbright .gridblock-grid-element .grid-blank-status i {
}
.gridblock-element .ajax-image-block {
width:306px;
height:306px;
display:block;
background-image: url(//kwantik.co.ao/wp-content/themes/howl/images/preloaders/circle-spinner.png);
background-position: 50% 50%;
background-repeat: no-repeat;
}
.ajax-image-selector {
display:none;
}
.gridblock-displayed .ajax-image-selector { 
position:absolute;
top:0;left:0;
width:100%;
height:100%; 
display:block;
z-index:100;
background-color:#000;
background-color: rgba(0,0,0,0.5);
}
.gridblock-image-link {
cursor:pointer;
}
.ajax-image-hover {
position: absolute;
z-index: 99;
opacity:0;
width:261px;
height:261px;
top:10px;
display:none;
}
.gridblock-filterable .ajax-image-hover {
z-index:0;
}
.slideshow-image-hover {
opacity:0;
}
.gridblock-grid-element .gridblock-slideshow-icon {
margin-top:5px;
}
.ajax-image-wrap {
position:absolute;
top:40px;
left:30px;
}
.ajax-image-title {
color: #fff;
display: inline-block;
font-size: 14px;
font-weight: bold;
letter-spacing:0.5px;
line-height:26px;
display:block;
padding-right:50px;
}
.ajax-small-desc {
color: #C6C6C6;
display: inline-block;
font-size: 10px;
letter-spacing:0.5px;
line-height:15px;
padding-right:60px;
display:block;
margin-top:10px;
}
#gridblock-container {
width: 100%;
z-index: 0;
}
#gridblock-container ol,
#gridblock-container ul,
#gridblock-container dl,
#gridblock-container-masonary ol,
#gridblock-container-masonary ul,
#gridblock-container-masonary dl {
margin: 0;
padding:0;
}
#gridblock-container .gridblock-image-link,
#gridblock-container-masonary .gridblock-image-link {
line-height: 0;
border:0;
}
#gridblock-container .gridblock-image-link:hover,
#gridblock-container-masonary .gridblock-image-link:hover {
border:0;
}
.gridblock-cell-bottom-space {
padding-bottom: 2.0%;
} .gridblock-metro-wrap {
width: 100%;
overflow: hidden;
}
.gridblock-metro .gridblock-element {
width: 33.33333333%;
float:left;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.gridblock-metro .gridblock-element img {
line-height: 0;
}
.gridblock-metro .gridblock-cell-following-cell {
width: 16.66666666%;
}
.gridblock-metro .gridblock-links-wrap {
bottom: 43%;
}
.gridblock-grid-element .displayed-image {
width: 100%;
max-width: 100%;
}
.gridblock-element {
position: relative;
z-index: 1;
}
.gridblock-four .gridblock-element {
float:left;
width: 23%;
margin: 0 1%;
}
.gridblock-three .gridblock-element {
float:left;
width: 31%;
margin: 0 1%;
}
.gridblock-two .gridblock-element {
float:left;
width: 48%;
margin: 0 1%;
}
.gridblock-one .gridblock-element {
float:left;
width: 100%;
margin: 0;
}
.thumbnail-gutter-nospace.gridblock-four .gridblock-element {
width: 25%;
}
.thumbnail-gutter-nospace.gridblock-three .gridblock-element {
width: 33%;
}
.thumbnail-gutter-nospace.gridblock-two .gridblock-element {
width: 50%;
}
.portfolio-gutter-nospace.gridblock-four .gridblock-element {
width: 25%;
margin:0;
}
.portfolio-gutter-nospace.gridblock-three .gridblock-element {
width: 33%;
margin:0;
}
.portfolio-gutter-nospace.gridblock-two .gridblock-element {
width: 50%;
margin:0;
}
.thumnails-gutter-active .work-details {
padding-left:20px;
}
.gridblock-ajax {
cursor:pointer;
}
.gridblock-info {
padding: 10px 25px;
display: block;
position: relative;
}
.gridblock-element .ajax-desc {
color: #919191;
display: block;
font-size: 12px;
letter-spacing: 0.5px;
line-height: 17px;
margin-top: 5px;
}
#gridblock-container.gridblock-masonary .gridblock-element {
margin:0;
}
.gridblock-grid-element:hover h4 a,
.gridblock-element:hover h3,
.gridblock-element:hover h3 a {
}
.gridblock-element:hover .ajax-desc {
color:#aaa;
}
.gridblock-element h3 {
color: #5C5C5C;
}
.gridblock-displayed:hover h3  {
color: #fff;
}
.gridblock-displayed .ajax-image-hover {
border:none;
}
.gridblock-element,
.gridblock-grid-element {
}
.gridblock-element:hover,
.gridblock-grid-element:hover,
.gridblock-displayed:hover  {
}
.gridblock-displayed .gridblock-info {
cursor: default;
}  .portfolio-nav-wrap {
bottom: 100px;
position: absolute;
right: 50px;
text-align: right;
width: 100%;
z-index: 9;
}
.title-container-no-display .portfolio-nav-wrap {
bottom: auto;
top: 100px;
}
.portfolio-nav {
position: absolute;
width: 100%;
}
.header-compact .portfolio-nav-item a {
padding: 10px 15px 15px;
}
.header-compact .portfolio-nav-wrap {
bottom:90px;
}
.portfolio-nav span {
}
.portfolio-nav-item a {
background: rgba(0, 0, 0, 0.3);
border-radius: 3px;
display: inline-block;
line-height: 0;
padding: 15px 20px 20px;
text-align: center;
-webkit-transition: all 0.5s ease-in;
-moz-transition: all 0.5s ease-in;
transition: all 0.5s ease;
}
.portfolio-nav-item i {
color:#fff;
font-size: 16px;
}
.portfolio-nav-item a:hover{
background:#000;
background:rgba(0,0,0,0.6);
-webkit-transition: all 0.5s ease-in;
-moz-transition: all 0.5s ease-in;
transition: all 0.5s ease;
}
.recent-portfolio-single {
padding: 30px 0;
}
.recent-portfolio-single .item-title {
font-weight: 400;
margin-bottom: 20px;
}
.portfolio-single-fullwidth {
margin-top:40px;
}
.portfolio-single-wrap {
margin-top: 40px;
}
.recent-single-carousel-wrap {
margin-top:15px;
} .testimonials-roll {
width:100%;
text-align: center;
}
#flex-testimonails .slides {
display: block; clear: both; 
}
#flex-testimonails .flex-control-nav {
position: static;
}
#flex-testimonails .flex-control-nav {
float:none;
display:inline-block;
}
.testimonials-wrap .flexslider-container-page {
background:none;
}
.testimonials-wrap .flexslider-container-page .flex-direction-nav li a {
width: 20px;
height: 20px;
display: block;
border:none;
background-image: url(//kwantik.co.ao/wp-content/themes/howl/images/flexislider/bg_direction_nav_testimonial_black.png);
background-repeat: no-repeat;
background-position: 0 0;
background-color: transparent;
position: absolute;
z-index:5;
cursor: pointer;
text-indent: -9999px;
opacity:1;
border-radius: 30px;
}
#flex-testimonails .flex-direction-nav {
width: 200px;
margin: 0 auto;
position: relative;
top: auto;
bottom:100px;
}
#flex-testimonails .flex-direction-nav li a:hover {
background-color: #f7f7f7;
}
#flex-testimonails .flex-direction-nav li a.flex-next {
background-position: -20px 0;
right: 0;
top: 0;
margin-right:0;
}
#flex-testimonails  .flex-direction-nav li a.flex-prev {
top: 0;
left: 0;
}
#flex-testimonails  .flex-direction-nav li a.flex-prev,
#flex-testimonails .flex-direction-nav li a.flex-next {
top:0;
bottom: auto;
}
.client-details {
letter-spacing: 0;
}
.client-name,
.client-company {
display: inline-block;
font-size: 9px;
font-weight: 600;
letter-spacing: 7px;
line-height: 18px;
text-transform: uppercase;
}
.client-name {
}
.client-company {
margin-top: 5px;
margin-left: 10px;
font-weight: 400;
display: block;
}
.client-company a {
font-weight: 400;
}
.client-image {
width:150px;
position: relative;
top:0;
border-radius: 100px;
}
.client-info {
display: block;
padding-top: 8px;
text-align: center;
font-size:14px;
font-weight:400;
margin-bottom: 30px;
}
.client-say {
color: #000;
display: block;
font-size: 24px;
font-weight: 400;
letter-spacing: 2px;
line-height: 40px;
margin: 0 0 10px;
padding: 0;
position: relative;
}
.testimonials-wrap .flexslider-container-page .slides li {
}
.testimonial-say {
width:100%;
float:none;
text-align:center;
position: relative;
}
.testimonial-inner {
padding:0
}
.testimonials-wrap .flexslider-container-page .flex-direction-nav li a.prev,
.testimonials-wrap .flexslider-container-page .flex-direction-nav li a.next {
top:10px;
}
.testimonials-wrap .flexslider-container-page .flex-direction-nav li a.flex-prev {
right:28px;
}
.testimonials-wrap {
position: relative;
}
.testimonials-wrap .slides {
margin-bottom:0;
}
.testimonials-wrap .flex-direction-nav {
right: 0;
margin: 0;
padding: 0;
position: absolute;
bottom: 140px;
}
.testimonials-wrap ul,
.testimonials-wrap ul li {
margin:0;
padding: 0;
}
.testimonials-wrap  #flex-testimonails .flex-control-nav {
display: none;
} .client-column-0 {
margin:0 auto;
text-align: center;
}
.client-column-0 .client-item {
display:inline-block;
}
.client-column-1 .client-item {
float:left;
width:100%;
}
.client-column-2 .client-item {
float:left;
width:50%;
}
.client-column-3 .client-item {
float:left;
width:33.33333333333333%;
}
.client-column-4 .client-item {
float:left;
width:25%;
}
.client-column-5 .client-item {
float:left;
width:20%;
}
.client-column-6 .client-item {
float:left;
width:16.66666666666667%;
}
.client-column-7 .client-item {
float:left;
width:14.28571428571429%;
}
.client-column-8 .client-item {
float:left;
width:12.5%;
}
.client-column-9 .client-item {
float:left;
width:11.1111111111%;
}
.client-column-10 .client-item {
float:left;
width:10%;
}
.client-item img {
opacity:0.8;
}
.client-item img:hover {
opacity:1;
}
.page-border-top {
display:block;
position:fixed;
left:0;
top:0;
height:80px;
width:100%;
z-index: 9;
}
.page-border-left {
display:block;
position:fixed;
left:0;
top:0;
height:100%;
width:60px;
z-index: 9;
}
.page-border-right {
display:block;
position:fixed;
right:0;
top:0;
height:100%;
width:60px;
z-index: 9;
}
.page-border-bottom {
display:block;
position:fixed;
left:0;
bottom:0;
height:60px;
width:100%;
z-index: 9;
}
.page-border-top,
.page-border-bottom,
.page-border-left,
.page-border-right {
background:#000;
}
.entry-media {
max-width: 650px;
width: 100%;
}
#copyright {
color: #fff;
background:#000;
padding: 10px 0;
display: block;
font-size: 9px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 2px;
line-height: 26px;
margin: 0;
text-align: center;
}
#copyright li {
display:		inline-block;
padding: 		0 10px;
}
#copyright a {
color:			#fff;
}
#copyright a:hover {
text-decoration:none;
color:			#fff;
}
#copyright span {
background:		#111;
border-radius: 	8px 8px 8px 8px;
padding:		8px 20px;
color:			#fff;
text-align:		center;
} .entry-content h3.progressbar-title {
display: inline-block;
font-size: 11px;
letter-spacing: 1px;
margin-bottom: 5px;
}
.skillbar {
position:relative;
display:block;
width:100%;
background-color: #333;
margin-bottom: 20px;
border-radius: 30px;
}
.skillbar-bar {
position: relative;
height:6px;
width:0px;
border-radius: 30px;
}
.skill-bar-percent {
border-left: 1px solid #e7e7e7;
color: #a6a6a6;
font-size: 12px;
margin-left: 10px;
padding-left: 10px;
} .donutcounter-wrap {
text-align: center;
margin: 0 auto;
}
.donutcounter-value {
position:absolute;
top:0;
left:0;
font-weight: 200;
text-align:center;
}
.donutcounter-item {
color:#000;
padding-bottom: 30px;
}
.textbright .donutcounter-item {
color:#fff;
}
.textbright .donutcounter-wrap {
color:#eee;
}
.donutcounter-wrap .donutcounter-title {
margin-top:40px;
}
.donutcounter-item {
text-align: center;
margin: 0 auto;
}
.textbright .donut-desc {
color:#CFCFCF;
}
.donut-desc {
font-size: 13px;
} .item-common h1 {
font-size: 34px;
letter-spacing: 2px;
line-height: 40px;
}
.item-common h2.item-title {
font-size:26px;
letter-spacing: 2px;
line-height: 34px;
margin-bottom: 20px;
}
.item-common  h3 {
font-size:20px;
line-height: 26px;
letter-spacing: 2px;
}
.item-common  h4 {
font-size: 18px;
line-height: 22px;
letter-spacing: 2px;
}
.item-common  h5 {
font-size: 16px;
letter-spacing: 2px;
}
.item-common  h6 {
font-size:14px;
line-height: 16px;
letter-spacing: 2px;
}
.item-common  h1 a {
font-weight: 400;
}
h1.item-title,
h2.item-title,
h3.item-title,
h4.item-title,
h5.item-title,
h6.item-title {
display: block;
position: relative;
text-transform: uppercase;
font-weight: 600;
}
h1.title-simple-case,
h2.title-simple-case,
h3.title-simple-case,
h4.title-simple-case,
h5.title-simple-case,
h6.title-simple-case {
text-transform: none;
font-weight: 300;
}
.item-line {
width:100%;
}
.divider-common,
.item-common {
position: relative;
}
.divider-title {
font-size: 16px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 1px;
color:#000;
background-color:#fcfcfc;
display: inline-block;
position: relative;
top:-15px;
padding: 0 20px;
}
.divider-title:before,
.divider-title:after {
content: " ";
position: absolute;
display: block;
width:5px;
height:5px;
top:50%;
margin-top:-2px;
border:1px solid #939393;
border-radius: 10px;
}
.divider-title:before {
left: 0;
}
.divider-title:after {
right: 0;
}
.divider-common .divider-title {
}
.divider-line {
border-top:1px solid #eee;
width:100%;
padding-top:2px;
}
.divider-double {
background-repeat: repeat-x;
background-image: url(//kwantik.co.ao/wp-content/themes/howl/images/dividers/double.png);
width:100%;
padding-top:3px;
}
.divider-stripes {
background-repeat: repeat-x;
background-image: url(//kwantik.co.ao/wp-content/themes/howl/images/dividers/stripes.png);
width:100%;
padding-top:4px;
}
.divider-thinfade {
background-repeat: no-repeat;
background-image: url(//kwantik.co.ao/wp-content/themes/howl/images/dividers/thin_fade.png);
background-position: 50% 50%;
width:100%;
padding-top:3px;
}
.divider-threelines {
background-repeat: repeat-x;
background-image: url(//kwantik.co.ao/wp-content/themes/howl/images/dividers/threelines.png);
width:100%;
padding-top:5px;
}
.divider-circleline {
background-repeat: no-repeat;
background-image: url(//kwantik.co.ao/wp-content/themes/howl/images/dividers/circleline.png);
background-position: 50% 50%;
width:100%;
padding-top:10px;
}
.divider-stripedcenter {
background-repeat: no-repeat;
background-image: url(//kwantik.co.ao/wp-content/themes/howl/images/dividers/stripedcenter.png);
background-position: 50% 50%;
width:100%;
padding-top:10px;
}
.divider-linedcenter {
background-repeat: no-repeat;
background-image: url(//kwantik.co.ao/wp-content/themes/howl/images/dividers/linedcenter.png);
background-position: 50% 50%;
width:100%;
padding-top:10px;
} .readmore-service a {
display: block;
font-size: 10px;
font-weight: 600;
letter-spacing: 2px;
margin-top: 13px;
text-transform: uppercase;
}
.readmore-service a:hover {
color:#000;
}
.service-icon i {
font-size: 32px;
}
.service-icon i.fontawesome {
position: relative;
}
.service-icon .fontawesome {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.service-icon i.fontawesome:after {
pointer-events: none;
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
content: '';
-webkit-box-sizing: content-box; 
-moz-box-sizing: content-box; 
box-sizing: content-box;
}
.service-icon i.fontawesome:after {
top: -7px;
left: -7px;
padding: 7px;
box-shadow: 0 0 0 10px #f9f9f9;
-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
-webkit-transform: scale(.8);
-moz-transition: -moz-transform 0.2s, opacity 0.2s;
-moz-transform: scale(.8);
-ms-transform: scale(.8);
transition: transform 0.2s, opacity 0.2s;
transform: scale(.8);
opacity: 0;
}
.service-column.alignicon-top:hover .service-icon i.fontawesome:after {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.service-details,
.shortcode-time-counter-block {
font-size: 12px;
letter-spacing: 0.5px;
line-height: 18px;
margin-top: 15px;
}
.service-column.alignicon-top .service-details {
padding: 0;
}
.service-details .mbutton {
margin-top:25px;
}
.service-column.alignicon-top .service-content {
margin-top:30px;
margin-bottom:20px;
}
.service-column .last { clear:both;}
.service-column { 
margin:0 0 30px 0;
padding:0 0 10px 0;
display:block;
}
.service-column-1 .service-item {width:100%;}
.service-column-2 .service-item {width:48.2%;}
.service-column-3 .service-item {width:31%;}
.service-column-4 .service-item {width:22.4%;}
.service-column-5 .service-item {width:17.2%;}
.service-column-6 .service-item {width:13.7%;}
.service-item-space { margin-right:3.225%; }
.service-column .service-item:last-child {
margin-right:0;
}
.serviceboxes-horizontal .service-item {
float:left;
}
.serviceboxes-vertical .service-item {
margin-bottom:30px;
padding-bottom:30px;
border-bottom:1px solid #eee;
border-bottom:1px solid rgba(255,255,255,0.05);
}
.serviceboxes-vertical .service-item:last-child {
margin-bottom:0;
padding-bottom:0;
border-bottom:0;
}
.serviceboxes-vertical .service-item .fontawesome {
margin-top:0;
}
.alignicon-left-horizontal .service-details {
}
.alignicon-left-horizontal .service-content {
margin-left: 60px;
}
.alignicon-right-horizontal .service-details {
margin-right: 45px;
}
.alignicon-top-horizontal .service-details {
margin-left:0;
}
.service-column h1,
.service-column h2,
.service-column h3,
.service-column h4,
.service-column h5,
.service-column h6,
.donutcounter-wrap .donutcounter-title,
.time-count-title h4 {
font-size: 14px;
font-weight: 700;
letter-spacing: 2px;
margin-bottom: 5px;
text-transform: uppercase;
}
.work-details h4,
.work-details h4 a {
font-size: 12px;
font-weight: 600;
letter-spacing: 1px;
margin-bottom: 5px;
text-transform: uppercase;
}
.alignicon-top .service-item i {
border-radius: 90px;
}
.alignicon-top .service-item:hover i {
}
.alignicon-left .fontawesome {
float: left;
margin-top: 8px;
margin-right: 10px;
font-size: 28px;
}
.alignicon-right {
text-align: right;
}
.alignicon-right .fontawesome {
float: right;
margin-top: 8px;
margin-left: 10px;
}
.alignicon-top .fontawesome {
float: none;
margin: 0 auto 20px;
}
.alignicon-top .service-details {
padding-top:0;
}
.alignicon-top {
text-align: center;
}
.alignicon-right-vertical .service-content {
margin-right:100px;
}
.alignicon-right-vertical i.fontawesome {
width:auto;
height: auto;
margin: 0;
}
.alignicon-right-vertical .service-icon {
float:right;
width:90px;
text-align: center;
margin-top:20px;
}
.alignicon-right-vertical .fontawesome {
float:none;
margin:0;
}
.alignicon-left-vertical .service-content {
margin-left:100px;
}
.alignicon-left-vertical i.fontawesome {
width:auto;
height: auto;
margin: 0;
}
.alignicon-left-vertical .service-icon {
float:left;
width:90px;
text-align: center;
}
.alignicon-left-vertical .fontawesome {
float:none;
margin:0;
}
.serviceboxes-vertical i.fontawesome {
border-style: 1px solid transparent;
border-radius: 50px;
font-size: 38px;
height: 78px;
line-height: 78px;
position: relative;
top: -15px;
width: 78px;
}
.single-image-block {
line-height: 0;
} .service-info-box .service-details {
margin-left:0;
}
.service-info-box .service-image {
}
.service-image-link {
line-height: 0;
display: block;
}
.service-info-box h4 {
}
.service-content {
margin-top:20px;
}
.service-image-link {
}
.service-content h4 a {
transition: all 0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
}
.service-image {
}
.service-column:hover .service-image {
} .mtheme-tweets-shortcode ul{
font-size: 24px;
font-weight: 300;
line-height: 30px;
list-style: none outside none;
margin: 0;
padding: 0;
text-align: center;
color:#777;
}
.mtheme-tweets-shortcode ul li {
margin:0;
padding:0;
}
.mtheme-tweets-shortcode a {
font-weight: 300;
}
.mtheme-tweets-shortcode .tweet_avatar {
position:relative;
top:5px;
margin-right:10px;
color:#00BEF6;
}
.mtheme-tweets-shortcode .tweet_time {
margin-right:10px;
}
.mtheme-tweets-shortcode .tweet_time a {
font-weight: 300;
color:#000;
} i.fontawesome {
color:#000;
width:35px;
height: 35px;
line-height: 35px;
text-align: center;
display: block;
position: relative;
}
.alignicon-top i.fontawesome {
color:#000;
width:80px;
height: 80px;
line-height: 80px;
text-align: center;
display: block;
}
.fontawesome.in-circle {
}
.alignicon-top .fontawesome.in-circle {
border: 1px solid #E6E6E6;
}
.alignicon-top.no-border .fontawesome.in-circle {
border: 0;
}
.alignicon-top .service-item:hover .fontawesome.in-circle {
} .shortcode-carousel-item {
text-align: center;
padding:0;
transition: all 0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
position: relative;
}
.gridblock-carousel-wrap {
position: relative;
margin:0;
visibility: hidden;
height:200px;
overflow: hidden;
}
.gridblock-carousel-wrap ul {
list-style: none;
}
.gridblock-carousel-wrap ul li {
float: left;
position: relative;
margin:0;
}
.gridblock-carousel-wrap ul li img {
height: auto;
}
.gridblock-carousel-wrap .next,
.gridblock-carousel-wrap .prev {
position: absolute;
top:-25px;
z-index:99;
color:#000;
}
.gridblock-carousel-wrap .next {
right:10px;
}
.gridblock-carousel-wrap .prev {
right:25px;
}
.gridblock-carousel-wrap .portfolio-protected i {
color:#000;
}
.caroufredsel_wrapper {
margin-bottom: 0 !important;
}
.recent-portfolio-single .gridblock-carousel-wrap .next,
.recent-portfolio-single .gridblock-carousel-wrap .prev {
top:50%;
margin-top:-13px;
}
.recent-portfolio-single .gridblock-carousel-wrap .next {
right:-18px;
}
.recent-portfolio-single .gridblock-carousel-wrap .prev {
right:auto;
left:-18px;
} .entry-content .textbright h1,
.entry-content .textbright h2,
.entry-content .textbright h3,
.entry-content .textbright h4,
.entry-content .textbright h5,
.entry-content .textbright h6,
.entry-content .textbright,
.entry-content .textbright strong {
color:#fff;
}
.entry-content .textbright a:hover {
color:#fff;
}
.is-animated {
transition: opacity 2s;
-moz-transition: opacity 2s;
-webkit-transition: opacity 2s;
-o-transition: opacity 2s;
opacity: 0;
}
.element-animate {
transition: opacity 2s;
-moz-transition: opacity 2s;
-webkit-transition: opacity 2s;
-o-transition: opacity 2s;
opacity: 1;
} #portfolio-filters a {
-webkit-transition: color 0.3s;
-moz-transition: color 0.3s;
transition: color 0.3s;
}
#portfolio-filters a:before {
position: absolute;
top: 100%;
left: 50%;
color: transparent;
content: '•';
text-shadow: 0 0 transparent;
font-size: 1.2em;
-webkit-transition: text-shadow 0.3s, color 0.3s;
-moz-transition: text-shadow 0.3s, color 0.3s;
transition: text-shadow 0.3s, color 0.3s;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%);
pointer-events: none;
}
#portfolio-filters a:hover:before,
#portfolio-filters a:focus:before {
color: #000;
text-shadow: 10px 0 #000, -10px 0 #000;
} .photowall-wrap {
margin-left:321px;
}
.photowall-fullwidth {
margin-left:10px !important;
height: auto !important;
}
#photowall-container {
width:100%;
height:100%;
margin-top: 2px;
float:left;
}
.photowall-item {
width: 24.9%;
float:left;
display:block;
position: relative;
z-index: 2;
padding:0;
opacity: 0;
overflow: hidden;
margin-bottom: 1px;
}
.photowall-item a {
line-height: 0;
}
.photowall-item img {
max-width: 100%;
display:block;
float:left;
}
.photowall-item:hover {
}
.photowall-item:hover img {
}
.photowall-content-wrap {
display:block;
position: absolute;
width:100%;
height: 100%;
background: -moz-linear-gradient(45deg,  rgba(0,0,0,1) 0%, rgba(0,0,0,0.8) 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(0,0,0,0.8))); background: -webkit-linear-gradient(45deg,  rgba(0,0,0,1) 0%,rgba(0,0,0,0.8) 100%); background: -o-linear-gradient(45deg,  rgba(0,0,0,1) 0%,rgba(0,0,0,0.8) 100%); background: -ms-linear-gradient(45deg,  rgba(0,0,0,1) 0%,rgba(0,0,0,0.8) 100%); background: linear-gradient(45deg,  rgba(0,0,0,1) 0%,rgba(0,0,0,0.8) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#cc000000',GradientType=1 ); opacity: 0.9;
top: 0;
transition: opacity 0.8s;
-moz-transition: opacity 0.8s;
-webkit-transition: opacity 0.8s;
-o-transition: opacity 0.8s;
}
.photowall-box {
display:inline-block;
color:#fff;
color: rgba(255,255,255,0.9);
font-weight: 200;
padding: 0 0 10px 0;
width: 100%;
font-size:14px;
letter-spacing: 0.5px;
line-height: 20px;
position: absolute;
bottom:0;
left: 0;
z-index: 99;
}
.photowall-title {
font-size:16px;
color:#fff;
color: rgba(255,255,255,0.9);
font-weight: 400;
margin:20px 25px 5px;
display: block;
}
.photowall-desc {
font-size: 12px;
color:#eee;
color: rgba(255,255,255,0.5);
font-weight: 400;
margin: 0 25px;
line-height: 14px;
}
.photowall-item:hover .photowall-box {
}
.photowall-item:hover .photowall-content-wrap {
transition: opacity 0.5s,;
-moz-transition: opacity 0.5s;
-webkit-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
opacity: 0.5;
}
.photowall-lightbox {
display: block;
position: absolute;
z-index: 100;
top:0;
height: 100%;
width: 100%;
}
.photowall-desc a {
position: relative;
z-index: 10;
color:#fff;
border:3px solid #fff;
padding: 5px 10px;
}
.photowall-desc a:hover {
color:#fff;
border:3px solid #fff;
} .tubular-controls {
position: fixed;
z-index: 9999;
top:50%;
right:0;
}
.tubular-controls .tubular-play,
.tubular-controls .tubular-pause {
height:60px;
width:60px;
display:block;
text-indent: -999999px;
background-repeat: no-repeat;
background-position: center center;
}
.tubular-controls .tubular-play {
background-image: url(//kwantik.co.ao/wp-content/themes/howl/images/icons/play-button.png);
}
.tubular-controls .tubular-pause {
background-image: url(//kwantik.co.ao/wp-content/themes/howl/images/icons/pause-button.png);
border-top: 1px solid rgba(255, 255, 255, 0.5);
}
#tubular-container,
#tubular-shield {
z-index: 0 !important;
top:0;
}
.youtube-play {
position: absolute;
bottom:10px;
left:10px;
height:60px;
width:60px;
display:block;
text-indent: -999999px;
background-repeat: no-repeat;
background-position: center center;
background-color:#fff;
}
.youtube-play {
background-image: url(//kwantik.co.ao/wp-content/themes/howl/images/icons/play-button.png);
} div#fullscreenvimeo {
position: fixed;
top:0;
left:0;
width: 100%;
height: 100%;
z-index:-999;
}
div#fullscreenvimeo > iframe {
display: block;
width: 100%;
height: 100%;
border: none;
} .wpcf7-form {
font-weight: 400;
font-size: 14px;
}
.wpcf7-form p {
font-size: 10px;
font-weight: 500;
letter-spacing: 3px;
line-height: 25px;
margin-bottom: 15px;
text-transform: uppercase;
}
.wpcf7-form input,
.wpcf7-form textarea{
border: 0;
background: none;
border:1px solid #585858;
width:100%;
padding-top:5px;
padding-bottom: 5px;
text-indent: 5px;
color:#fff;
transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
}
.wpcf7-form input:focus,
.wpcf7-form textarea:focus {
border-color: #24bee8;
}
.wpcf7-form p.required {
bottom: 50px;
color: #bbb;
position: relative;
}
span.wpcf7-not-valid-tip {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #FF0000;
font-size: 10pt;
font-weight: 400;
right: -2px;
padding: 11px 10px;
position: absolute;
top: -22px;
width: 100%;
z-index: 100;
}
.wpcf7-form #cf7-left{width: 15%; margin-right: 20px; float: left;}
.wpcf7-form input[type="button"],
.wpcf7-form input[type="submit"],
.wpcf7-form input[type="reset"] {
width: 140px;
outline: 0;
padding: 10px 12px;
margin-right: 5px;
display: inline-block;
color: #000;
font-size: 11px;
letter-spacing: 5px;
font-weight: 600;
background: none;
border:2px solid #000;
text-transform: uppercase;
cursor:pointer;
text-decoration:none;
}
.wpcf7-form input[type="button"]:hover,
.wpcf7-form input[type="submit"]:hover,
.wpcf7-form input[type="reset"]:hover {
color: #000;
border:2px solid #000;
}
.text-is-bright .wpcf7-form input[type="button"],
.text-is-bright .wpcf7-form input[type="submit"],
.text-is-bright .wpcf7-form input[type="reset"] {
color: #fff;
border:2px solid #fff;
}
.text-is-bright .wpcf7-form input[type="button"]:hover,
.text-is-bright .wpcf7-form input[type="submit"]:hover,
.text-is-bright .wpcf7-form input[type="reset"]:hover {
color: #000;
background: #fff;
border:2px solid #fff;
}
.wpcf7-form .wpcf7-not-valid-tip {
background: #fffcaa;
border: none;
color: #000;
font-size: 10px;
font-weight: 400;
padding: 2px 14px;
width: auto;
}
.wpcf7-form .wpcf7-validation-errors {
display: inline-block;
font-size: 14px;
font-weight: 400;
padding: 20px 35px;
}
.wpcf7-form .wpcf7-form-control-wrap {
margin-top:5px;
display: block;
} .header-widgets .wpml-lang-selector-wrap {
}
.header-widgets #lang_sel {
float:right;
position: relative;
top: 11px;
margin-left: 10px;
} #goto-top {
position: fixed;
bottom:68px;
right:20px;
height:40px;
width: 40px;
border-radius: 40px;
font-size: 12px;
border: 2px solid #323232;
line-height: 35px;
color:#323232;
text-align: center;
cursor: pointer;
display: none;
transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
z-index:99;
}
#goto-top:hover {
opacity: 1;
background:#323232;
color:#fff;
transition: all 0.1s;
-moz-transition: all 0.1s;
-webkit-transition: all 0.1s;
-o-transition: all 0.1s;
}
.subtle-fade a {
transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
}
.subtle-fade a:hover {
transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
} .footer-tweets {
background: #F9F9F9;
margin-top: 100px;
padding: 10px 0 25px;
}
.footer-block {
margin:		0;
padding:	0;
}
.footer-block h3 {
color: #fff;
}
.footer-container-wrap {
}
.footer-container-wrap,
.footer-container {
background: #fbfbfb;
}
.footer-container {
padding: 80px 0 100px;
}
#footer {
margin: 0 auto;
}
#footer .footer-column {
margin: 0 0 0 5%;
width: 21.2%;
float:	left;
}
#footer .footer-column:first-child {
margin-left:0;
padding-left:0;
}
#footer .footer-double-column {
margin:		0 10px 0 10px;
width:		440px;
float:		left;
}
#footer h3 {
color: #000;
font-size: 13px;
font-weight: 500;
letter-spacing: 2px;
margin: 0 0 15px;
padding: 20px 0 10px;
text-transform: uppercase;
}
#footer h3 a {
color:	#666;
}
#footer h3 a:hover {
color:	#000;
}
#footer .description, #footer .textwidget {
padding:		0;
margin-right: 	10px;
}
#footer a  {
text-decoration:	none;
}
#footer #popularposts_list .popularpost_info .popularpost_title,
#footer #recentposts_list .recentpost_info .recentpost_title,
.relatedtitle a {
color: #000;
font-size: 15px;
line-height: 17px;
font-weight:bold;
}
#footer #recentposts_list p,
#footer #popularposts_list p { 
color:#aaa;
}
#footer #popularposts_list .popularpost_info .popularpost_title:hover,
#footer #recentposts_list .recentpost_info .recentpost_title:hover,
.relatedtitle a:hover {
color: #000;
}
#footer a:hover  {
}
#footer .socialmedia-buttons {
margin-top:15px;
text-align: left;
}
#footer .social-size-32 img,
#footer .social-size-16 img {
position: static;
}
#footer .social_contact_text {
display: block;
float: none;
margin-left: 0;
margin-top:10px;
}
#footer .social_contact_text a {
color:#fff;
}
.footer-widget a {
color: #848484;
font-size: 12px;
font-weight: 400;
line-height: 18px;
}
.footer-widget {
color: #aaa;
font-size: 12px;
font-weight: 400;
line-height: 18px;
letter-spacing: 0.5px;
}
.footer-widget a { }
.footer-widget .tagcloud a { color:#E4E4E4; }
.footer-widget ul { 
list-style:none;
font-size:12px;
line-height:18px;
padding:0;
margin:0;
}
.portfolio_widget_about {
margin-bottom: 15px;
}
.footer-widget ul li {
font-size: 11px;
line-height: 18px;
margin-bottom: 10px;
padding: 0 0 4px;
}
.footer-widget ul li, .footer-widget #recentposts_list li, .footer-widget #popularposts_list li {
border-bottom: 1px solid #ededed;
}
.footer-widget ul li img { margin:0px; padding:0 8px 0 0; margin-bottom:-2px; }
.footer-widget a:hover {  text-decoration:none;}
.footer-widget .Social_Widget {
margin-top: 20px;
}
.entry-post-wrapper .edit-entry { display:none; }
.single .edit-entry { display:block; }
.mtheme-error-notice {
text-align: center;
color:#fff;
display:block;
} .shortcode-fontawesome-icon {
display:inline-block;
}
.shortcode-fontawesome-icon.small {
font-size:20px;
}
.shortcode-fontawesome-icon.small.circle-yes {
width:40px;
height:40px;
line-height:40px;
}
.shortcode-fontawesome-icon.medium {
font-size:35px;
}
.shortcode-fontawesome-icon.medium.circle-yes {
width:65px;
height:65px;
line-height:65px;
}
.shortcode-fontawesome-icon.large {
font-size:60px;
}
.shortcode-fontawesome-icon.large.circle-yes {
width:100px;
height:100px;
line-height:100px;
}
.shortcode-fontawesome-icon.circle-yes {
color:#000;
background-color:#fff;
text-align:center;
border-radius:90px;
-moz-border-radius:90px;
-webkit-border-radius:90px;
}
.shortcode-fontawesome-icon.circle-no,
.shortcode-fontawesome-icon.circle-yes {
margin-top:5px;
} .wpml-lang-selector-wrap {
float:right;
position: absolute;
top:-25px;
right:0;
z-index: 99;
}
.sticky-menu-activate .wpml-lang-selector-wrap {
display: none;
}
.wpml-lang-selector-wrap #lang_sel {
}
.wpml-lang-selector-wrap #lang_sel li,
.wpml-lang-selector-wrap #lang_sel ul ul {
width: 180px;
}
.mobile-wpml-lang-selector-wrap {
margin-top:35px;
}
.mobile-wpml-lang-selector-wrap #lang_sel li,
.mobile-wpml-lang-selector-wrap #lang_sel ul ul {
width: 200px;
} .mobile-wpml-lang-selector-wrap #lang_sel a.lang_sel_sel {
background-color:#eee;
color:#000;
}
.wpml-lang-selector-wrap #lang_sel a.lang_sel_sel {
background-color:#eee;
color:#000;	
} .mobile-wpml-lang-selector-wrap #lang_sel a,
.mobile-wpml-lang-selector-wrap #lang_sel a:visited {
border-color: rgba(255,255,255,0.3);
}
.wpml-lang-selector-wrap #lang_sel a,
.wpml-lang-selector-wrap #lang_sel a:visited {
border-color:rgba(255,255,255,0.1);
} .mobile-wpml-lang-selector-wrap #lang_sel {
margin-left:40px;
margin-top:15px;
position: relative;
z-index: 999;
} .wpml-lang-selector-wrap #lang_sel ul ul,
.mobile-wpml-lang-selector-wrap ul ul  {
z-index: 99;
} .tp-bannertimer {
height:2px !important;
} .gridblock-owlcarousel-wrap .displayed-image {
width:100%;
max-width: 100%;
} .grid-preloader-accent {
fill: #24bee8;
}
.project-details a,
.post-single-tags a:hover,
.post-meta-category a:hover,
.post-single-meta a:hover,
.post-navigation a:hover,
.sidebar ul li a:hover,
.entry-post-title h2 a:hover,
.comment-reply-title small a,
.header-shopping-cart a:hover,
#gridblock-filter-select i,
.entry-content .blogpost_readmore a,
.pricing-table .pricing_highlight .pricing-price,
#wp-calendar tfoot td#prev a,
#wp-calendar tfoot td#next a,
.sidebar-widget .widget_nav_menu a:hover,
.footer-widget .widget_nav_menu a:hover,
.entry-content .faq-toggle-link:before,
.mtheme-knowledgebase-archive ul li:before,
.like-vote-icon,
.project-details-link h4 a:hover,
.readmore-service a,
.work-details h4,
.work-details h4 a:hover,
#gridblock-filters li .is-active,
#gridblock-filters li a:focus,
#gridblock-filters a:focus,
#gridblock-filters li .is-active,
#gridblock-filters li .is-active:hover,
.post-single-tags a,
.service-content h4 a:hover,
.postsummarywrap a:hover,
.entry-content .heading-block h3,
.entry-content h3.section-subtitle,
.toggle-menu-list li a:hover,
.ui-accordion-header:hover .ui-accordion-header-icon:after,
.quote_say i,
#footer a:hover,
.nav-previous a:hover,
.nav-next a:hover,
.nav-lightbox a:hover {
color: #24BEE8;
}
.gridblock-displayed .gridblock-selected-icon,
.skillbar-title,
.skillbar-bar,
div.jp-volume-bar-value,
div.jp-play-bar,
.portfolio-nav-item a:hover,
#wp-calendar caption,
#wp-calendar tbody td a,
.like-alreadyvoted,
.flexslider-container-page .flex-direction-nav li a:hover,
.lightbox-toggle a:hover,
a.ajax-navigation-arrow,
.blog-timeline-month,
.ui-accordion-header.ui-state-active a,
.entry-content .ui-tabs .ui-tabs-nav .ui-state-active a,
.entry-content .ui-tabs .ui-tabs-nav .ui-state-active a:hover,
.person .person-image-wrap,
.pagination span.current,
.gridblock-thumbnail-element:hover,
.synced .gridblock-thumbnail-element {
background-color: #24bee8;
}
ul#thumb-list li.current-thumb,
ul#thumb-list li.current-thumb:hover,
.home-step:hover .step-element img,
.home-step-wrap li,
.gridblock-element:hover,
.gridblock-grid-element:hover,
.gridblock-displayed:hover,
.entry-content blockquote,
#gridblock-filters li .is-active,
#gridblock-filters li a:focus,
#gridblock-filters a:focus,
#gridblock-filters li .is-active,
#gridblock-filters li .is-active:hover,
.person:hover .person-image img,
.main-menu-wrap .homemenu .sf-menu .mega-item .children-depth-0,
.main-menu-wrap .homemenu ul ul,
.like-vote-icon,
#gridblock-timeline .blog-grid-element-left:before,
#gridblock-timeline .blog-grid-element-right:before,
#header-searchform #hs,
.pagination span.current,
.sidebar h3:after,
.fotorama__thumb-border {
border-color: #24bee8;
}
.wp-accordion h3.ui-state-active {
border-bottom-color: #24bee8;
}
.entry-content .pullquote-left {
border-right-color: #24bee8;
}
.entry-content .pullquote-center {
border-top-color: #24bee8;
border-bottom-color: #24bee8;
}
.blog-details-section-inner,
.entry-content .pullquote-right,
.callout,
.calltype-line-left .callout {
border-left-color: #24bee8;
}
.header-search:hover,
.sidebar a,
.portfolio-share li a,
.header-shopping-cart a i,
.header-shopping-cart a,
ul.gridblock-listbox .work-details h4 a {
color:#555555;
}
.client-position,
.pagination-info {
color: #000;
}
.work-details h4,
.work-details h4 a,
.client-company a:hover,
.portfolio-share li a:hover,
.min-search .icon-search:hover,
.entry-content .entry-post-title h2 a,
ul.gridblock-listbox .work-details h4 a:hover {
color:#000;
}
.entry-content .entry-post-title h2 a:hover {
color:#000;
}
.header-shopping-cart:hover i {
color:#000;
} .shortcode-time-counter-block {
text-align: center;
}
i.time-count-icon {
font-size:80px;
}
.time-count-data {
color: #000000;
font-size: 36px;
font-weight: 100;
letter-spacing: -1px;
padding: 60px 0 32px;
}
.shortcode-time-counter-block h4 {
color: #2b2b2b;
font-size: 11px;
font-weight: 600;
letter-spacing: 5px;
} .ui-tooltip {
position: absolute;
padding: 2px 10px;
background:#eee;
color:#000;
font-size:11px;
letter-spacing: 1px;
font-weight: 400;
z-index: 9999;
}
.responsive-header-log-user {
background-color: #ff6f52; 
color: #fff;
cursor: pointer;
float: right;
height: 48px;
line-height: 48px;
position: absolute;
right: 0;
text-align: center;
top: 0;
width: 48px;
z-index: 900;
display: none;
}
.responsive-header-log-user:hover {
background-color: #000;
}
.side-dashboard-wrap {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
float:right;
width: 290px;
height:100%;
background-color: #f2f2f2;
padding: 40px;
position: fixed;
z-index: 999;
top:0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
overflow-y:scroll;
background: rgb(244,244,244); background: -moz-linear-gradient(left,  rgba(244,244,244,1) 0%, rgba(255,255,255,1) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(244,244,244,1)), color-stop(100%,rgba(255,255,255,1))); background: -webkit-linear-gradient(left,  rgba(244,244,244,1) 0%,rgba(255,255,255,1) 100%); background: -o-linear-gradient(left,  rgba(244,244,244,1) 0%,rgba(255,255,255,1) 100%); background: -ms-linear-gradient(left,  rgba(244,244,244,1) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to right,  rgba(244,244,244,1) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ffffff',GradientType=1 ); }
.darshboard-inner-wrap {
}
.dashboard-push-offscreen {
right: -290px;
}
.dashboard-push-onscreen {
right: 0 !important;
}
.menu-push-onscreen {
left: 0 !important;
}
.body-dashboard-push {
position: relative;
left: 0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.body-dashboard-push-right {
left:-290px;
}
.body-dashboard-push-left {
left:270px;
} .mtheme_login_widget .widget_login_logout {
padding-top:20px;
}
.mtheme_login_widget .greetings_text {
margin: 10px 0 30px;
}
.mtheme_login_widget .greetings_text strong {
font-weight: 600;
color:#000;
text-transform: uppercase;
font-size: 11px;
}
.mtheme_login_widget #mtheme-loginform input {
border:1px solid #e3e3e3;
font-size: 11px;
padding:10px;
}
.mtheme_login_widget #mtheme-loginform input#user_login,
.mtheme_login_widget #mtheme-loginform input#user_pass {
width: 185px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-appearance:none;
}
.mtheme_login_widget #mtheme-loginform input#user_login:focus,
.mtheme_login_widget #mtheme-loginform input#user_pass:focus {
border-color:#000;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.mtheme_login_widget #mtheme-loginform input#wp-submit,
.mtheme_login_widget .mtheme_login_widget-logout-text {
border:2px solid #000;
border-radius: 5px;
padding:10px 15px;
background:#fff;
color:#000;
font-size:10px;
letter-spacing: 1px;
width:100px;
text-transform: uppercase;
font-weight: bold;
cursor:pointer;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-appearance:none;
}
.mtheme_login_widget #mtheme-loginform input#wp-submit:hover,
.mtheme_login_widget .mtheme_login_widget-logout-text:hover {
background-color: #000;
color:#fff;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.mtheme_login_widget #mtheme-loginform label {
color: #000;
display: block;
font-size: 10px;
letter-spacing: 2px;
padding-bottom: 5px;
text-transform: uppercase;
} .mtheme-post-like-wrap {
text-align: center;
padding-top:30px;
}
.like-vote-icon {
border-size:2px solid #FF6F52;
height:60px;
width:60px;
font-size:20px;
display: inline-block;
text-align: center;
border-radius: 60px;
color:#FF6F52;
}
.like-notvoted {
-webkit-transition: -webkit-transform 0.5s, all 0.5s;
-moz-transition: -moz-transform 0.5s, all 0.5s;
transition: transform 0.5s, all 0.5s;	
}
.like-notvoted:hover {
background-color: #000;
-webkit-transition: -webkit-transform 0.5s, all 0.5s;
-moz-transition: -moz-transform 0.5s, all 0.5s;
transition: transform 0.5s, all 0.5s;
}
.like-notvoted:hover i {
color: #fff;
}
.like-alreadyvoted {
color:#fff;
}
.like-vote-icon i {
font-size: 28px;
line-height: 60px;
}
.post-link-count-wrap {
font-size: 11px;
letter-spacing: 1px;
margin-top:20px;
font-weight: 400;
}
.post-like-count {
font-size: 11px;
font-weight: 900;
} .ui-helper-hidden {
display: none;
}
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.ui-helper-reset {
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
content: "";
display: table;
border-collapse: collapse;
}
.ui-helper-clearfix:after {
clear: both;
}
.ui-helper-clearfix {
min-height: 0; }
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter:Alpha(Opacity=0);
}
.ui-front {
z-index: 100;
} .hero-link-to-base {
cursor: pointer;
display: block;
}
.heroimage-wrap {
position: relative;
top:0;
width: 100%;
background-position: top center;
background-repeat: no-repeat;
}
.hero-text-wrap {
width:100%;
position: absolute;
top:40%;
text-transform: uppercase;
text-align: center;
}
.hero-text-wrap ul {
list-style: none;
display: inline-block;
width: 100%;
}
.hero-text-inner {
border-left:4px solid #fff;
padding-left: 25px;
}
.hero-text-wrap ul li {
display: none;
padding: 0 20px;
}
.hero-text-wrap ul.single li:first-child {
display: block;
}
.hero-text-wrap ul.border li {
border: 1px solid #fff;
padding: 20px 40px 10px;
}
.hero-text-wrap ul.border-top-bottom li {
border-top: 1px solid rgba(255,255,255,0.2);
border-bottom: 1px solid rgba(255,255,255,0.2);
padding: 20px 40px 10px;
}
.hero-text-wrap .hero-subtitle {
color: #ffffff;
color: rgba(255,255,255,0.9);
font-size: 12px;
font-weight: 600;
letter-spacing: 4px;
line-height: 12px;
margin-bottom: 30px;
}
.hero-text-wrap .hero-title {
font-size:70px;
letter-spacing: 8px;
line-height: 90px;
color:#fff;
font-weight: 800;
}
.heroimage-wrap .mouse-pointer-wrap {
position: absolute;
width: 100%;
z-index: 10;
bottom: 60px;
text-align: center;
}
.heroimage-wrap .mouse-pointer {
border: 2px solid #FFFFFF;
border: 2px solid rgba(255,255,255,0.4);
height: 50px;
width: 30px;
border-radius: 20px;
position: relative;
margin:0 auto;
}
.indication-animated { 
-webkit-animation-duration: 4s; 
animation-duration: 4s; 
-webkit-animation-fill-mode: both; 
animation-fill-mode: both; 
-webkit-animation-timing-function: ease-in-out; 
animation-timing-function: ease-in-out; 
animation-iteration-count:infinite; 
-webkit-animation-iteration-count:infinite; 
} 
@-webkit-keyframes indicate-bounce { 
0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 
40% {-webkit-transform: translateY(10px);} 
60% {-webkit-transform: translateY(5px);} 
} 
@keyframes indicate-bounce { 
0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 
40% {transform: translateY(10px);} 
60% {transform: translateY(5px);} 
} 
.indicate-bounce { 
-webkit-animation-name: indicate-bounce; 
animation-name: indicate-bounce; 
}
.heroimage-wrap .mouse-wheel {
position: absolute;
top:8px;
height:6px;
width: 2px;
background-color: #fff;
left:50%;
margin-left: -1px;
border-radius: 3px;
}
.heroimage-wrap .mouse-pointer-title {
color:#fff;
font-size: 14px;
text-transform: uppercase;
}
.hero-typewrite-element {
display: inline-block;
font-size: 62px;
line-height: 62px;
letter-spacing: 1px;
color:#fff;
font-weight: 900;
}
.intensity-dark .hero-title,
.intensity-dark .hero-subtitle {
color: #000;
}
.intensity-dark .mouse-pointer {
border-color:#000;
}
.intensity-dark .mouse-wheel {
background-color: #000;
} .column-half {
width:50%;
}
.column-float-right {
float: right;
}
.column-float-left {
float: left;
}
.photocard-wrap {
position: relative;
}
.photocardvideo-fallback-image {
width: 100%;
max-width: 100%;
}
.photocard-image-wrap.column-float-left {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 50%;
overflow: hidden;
}
.photocard-image-wrap.column-float-right {
height: 100%;
right: 0;
position: absolute;
top: 0;
width: 50%;
overflow: hidden;
}
.photocard-image-wrap,
.photocard-image-wrap img {
line-height: 0;
}
.photocard-image-wrap video {
width: 100%;
max-width: 100%;
}
.photocard-image-container {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
height: 105%;
left: 0;
position: absolute;
top: 0;
width: 105%;
-webkit-transition: all 1.3s;
-moz-transition: all 1.3s;
transition: all 1.3s;
}
.photocard-contents-inner {
padding:160px 120px;
}
.theme-boxed .photocard-contents-inner {
padding: 60px 120px 10px;
}
.image-set-bottom .photocard-contents-inner {
padding:80px 25% 50px;
}
.image-set-top .photocard-contents-inner {
padding:80px 25%;
}
.photocard-wrap .fullwidth-image {
max-width: 100%;
width: 100%;
}
.text-align-center {
text-align: center;
}
.text-align-right {
text-align: right;
}
.text-align-left {
text-align: left;
}
.photocard-contents {
}
.photocard-content-wrap.bright .heading-block h2 {
color:#fff;
}
.photocard-content-wrap.bright .photocard-contents {
color:#fff;
color:rgba(255,255,255,0.6);
} .section-contents {
margin: 60px auto 0;
}
.section-heading .section-contents {
margin-bottom: 20px;
}
.span12 > .section-contents {
width: 40%;
}
.section-heading {
margin-bottom: 60px;
}
.section-end {
position: relative;
}
.section-heading .section-end:after {
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
bottom: -30px;
content: " ";
margin-left: -150px;
position: absolute;
width: 300px;
left: 50%;
}
.section-align-center {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.section-align-right {
text-align: right;
}
.section-align-right .section-end:after {
right:3px;
left: auto;
}
.section-align-center .section-end:after {
margin-left:-150px;
}
.section-align-left .section-end:after {
margin-left:0;
left: 3px;
right: auto;
}
h1.section-title {
font-size: 36px;
line-height: 36px;
font-weight: 900;
margin-bottom: 10px;
position: relative;
padding-top: 25px;
}
h1.section-title:before {
border-top:4px solid #000;
width: 30px;
position: absolute;
content: " ";
top:0;
left:50%;
margin-left: -15px;
}
.entry-content .text-is-bright h1.section-title:before {
border-top-color: #fff;
}
.entry-content .text-is-bright .section-heading .section-end:after {
border-bottom-color: rgba(255,255,255,0.1);
}
h2.section-title {
font-size: 24px;
font-weight: 700;
margin-bottom: 5px;
}
h3.section-title {
font-size: 18px;
line-height: 18px;
}
h4.section-title {
font-size: 14px;
line-height: 14px;
}
h5.section-title {
font-size: 10px;
line-height: 10px;
}
h6.section-title {
font-size: 7px;
line-height: 7px;
}
.heading-block h2 {
font-size: 24px;
font-weight: 700;
margin-bottom: 5px;
}
.entry-content .heading-block h3,
.entry-content h3.section-subtitle {
color: #24bee8;
font-size: 12px;
font-weight: 600;
letter-spacing: 3px;
margin-bottom: 0;
margin-top: 10px;
}
.heading-block {
text-transform: uppercase;
position: relative;
margin-bottom: 60px;
}
.heading-block:after {
position: absolute;
content: " ";
width: 300px;
margin-left: -150px;
bottom: -30px;
border-bottom: 1px solid #ddd;
border-bottom: 1px solid rgba(0,0,0,0.05);
}
.bright .heading-block:after {
border-bottom-color: rgba(255, 255, 255, 0.05);
}
.text-align-left .heading-block:after {
margin-left: 0;
left: 0;
}
.text-align-right .heading-block:after {
margin-left: 0;
right: 0;
} .mtheme-button {
border: none;
color: inherit;
background: none;
cursor: pointer;
padding: 10px 30px;
display: inline-block;
margin: 50px 0;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 11px;
line-height: 12px;
font-weight: 600;
outline: none;
position: relative;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
z-index: 1;
overflow: hidden;
}
.button-blog-continue .mtheme-button {
margin: 0;
}
.mtheme-button .button-icon i {
font-size: 14px;
}
.mtheme-button .button-icon {
position: relative;
top:-1px;
margin-right:5px;
}
.ajax-gridblock-data .mtheme-button,
.button-shortcode .mtheme-button {
margin:0;
}
.image-set-bottom .mtheme-button {
margin-bottom: 10px;
}
.image-set-top .mtheme-button {
margin-bottom: 10px;
}
.section-heading .mtheme-button {
margin: 10px 0;
}
.mtheme-button:after {
content: '';
position: absolute;
z-index: -1;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
} .mtheme-button {
border: 2px solid #000;
color: #000;
}
.text-is-bright .mtheme-button,
.bright .mtheme-button {
border: 2px solid #fff;
color: #fff;
}
.blue .mtheme-button {
border: 2px solid #24bee8;
background: #24bee8;
color: #fff;
}
.whitefill .mtheme-button {
border: 2px solid #fff;
background: #fff;
color: #000;
}
.hero-button.mtheme-button {
border-color:rgba(255,255,255,0.5);
margin-bottom: 0;
margin-top:30px;
}
.hero-button.mtheme-button:hover {
border-color:rgba(255,255,255,1);
} .mtheme-button:after {
width: 0%;
height: 100%;
top: 0;
left: 0;
background: #000;
}
.text-is-bright .mtheme-button:after,
.bright .mtheme-button:after {
background: #fff;
}
.blue .mtheme-button:after {
background: #fff;
}
.whitefill .mtheme-button:after {
background: #000;
}
.entry-content .mtheme-button:hover,
.entry-content .mtheme-button:active {
color: #fff;
}
.text-is-bright .mtheme-button:hover,
.text-is-bright .mtheme-button:active,
.bright .mtheme-button:hover,
.bright .mtheme-button:active {
color: #000;
}
.blue .mtheme-button:hover,
.blue .mtheme-button:active {
color: #000;
border: 2px solid #fff;
}
.whitefill .mtheme-button:hover,
.whitefill .mtheme-button:active {
color: #fff;
border: 2px solid #000;
}
.mtheme-button:hover:after,
.mtheme-button:active:after {
width: 100%;
} .typed-cursor {
color: #fff;
font-size: 72px;
line-height: 72px;
opacity: 1;
-webkit-animation: typeblink 0.7s infinite;
-moz-animation: typeblink 0.7s infinite;
animation: typeblink 0.7s infinite;
}
@keyframes typeblink{
0% { opacity:1; }
50% { opacity:0; }
100% { opacity:1; }
}
@-webkit-keyframes typeblink{
0% { opacity:1; }
50% { opacity:0; }
100% { opacity:1; }
}
@-moz-keyframes typeblink{
0% { opacity:1; }
50% { opacity:0; }
100% { opacity:1; }
}
.row-boxed {
width:1200px;
margin:0 auto;
}
.toggle-menu-trigger {
position: absolute;
top: 12px;
right: 25px;
display: block;
width: 20px;
height: 50px;
cursor: pointer;
z-index: 130;
}
.toggle-menu-trigger span {
position: absolute;
top: 50%;
left: 0;
display: block;
width: 100%;
height: 2px;
margin-top: -2px;
background-color: #fff;
font-size: 0px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s;
}
.toggle-menu-open .toggle-menu-trigger span {
background-color: transparent;
}
.toggle-menu-open .toggle-menu-trigger span:before,
.toggle-menu-open .toggle-menu-trigger span:after {
background-color: #fff;
}
.toggle-menu-trigger span:before,
.toggle-menu-trigger span:after {
position: absolute;
left: 0;
width: 100%;
height: 100%;
background: #fff;
content: '';
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
}
.toggle-menu-trigger span:before {
-webkit-transform: translateY(-350%);
transform: translateY(-350%);
}
.toggle-menu-trigger span:after {
-webkit-transform: translateY(350%);
transform: translateY(350%);
}
.toggle-menu-open .toggle-menu-trigger span:before {
-webkit-transform: translateY(0) rotate(45deg);
transform: translateY(0) rotate(45deg);
}
.toggle-menu-open .toggle-menu-trigger span:after {
-webkit-transform: translateY(0) rotate(-45deg);
transform: translateY(0) rotate(-45deg);
} .googlemaps { width: 100%; max-width: 100%; }
.googlemaps { height: 600px;}
.googlemaps {max-width:100%;font-weight: bold; color: #000;}
.googlemaps img {max-width: 100000%; } .before-after-shortcode {
overflow: hidden;
}
.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
content: " ";
display: block;
background: #000;
position: absolute;
z-index: 30;
transition: all 0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
}
.twentytwenty-container.active .twentytwenty-handle:before,
.twentytwenty-container.active .twentytwenty-handle:after,
.twentytwenty-container.active .twentytwenty-handle:before,
.twentytwenty-container.active .twentytwenty-handle:after {
background: none;
}
.twentytwenty-container.active .twentytwenty-handle {
opacity: 0.1;
}
.twentytwenty-handle {
transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-webkit-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
}
.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after {
width: 3px;
height: 9999px;
left: 50%;
margin-left: -1.5px; }
.twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
width: 9999px;
height: 3px;
top: 50%;
margin-top: -1.5px; }
.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
position: absolute;
top: 0;
width: 100%;
height: 100%; }
.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
transition-duration: 0.5s; }
.twentytwenty-before-label, .twentytwenty-after-label {
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
transition-property: opacity; }
.twentytwenty-before-label:before,
.twentytwenty-after-label:before {
color: #fff;
font-size: 10px;
letter-spacing: 4px;
text-transform: uppercase;
}
.twentytwenty-before-label:before,
.twentytwenty-after-label:before {
position: absolute;
background: rgba(0, 0, 0, 1);
line-height: 38px;
padding: 0 20px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px; }
.twentytwenty-horizontal .twentytwenty-before-label:before, .twentytwenty-horizontal .twentytwenty-after-label:before {
top: 50%;
margin-top: -19px; }
.twentytwenty-vertical .twentytwenty-before-label:before, .twentytwenty-vertical .twentytwenty-after-label:before {
left: 50%;
margin-left: -45px;
text-align: center;
width: 90px; }
.twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow {
width: 0;
height: 0;
border: 6px inset transparent;
position: absolute; }
.twentytwenty-left-arrow, .twentytwenty-right-arrow {
top: 50%;
margin-top: -6px; }
.twentytwenty-up-arrow, .twentytwenty-down-arrow {
left: 50%;
margin-left: -6px; }
.twentytwenty-container {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
z-index: 0;
position: relative;
-webkit-user-select: none;
-moz-user-select: none; }
.twentytwenty-container img {
max-width: 100%;
width: 100%;
position: absolute;
top: 0;
display: block; }
.twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay {
background: rgba(255, 255, 255, 0);
}
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label {
opacity: 0; }
.twentytwenty-container * {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box; }
.twentytwenty-before-label {
opacity: 0; }
.twentytwenty-before-label:before {
content: "Before"; }
.twentytwenty-after-label {
opacity: 0; }
.twentytwenty-after-label:before {
content: "After"; }
.twentytwenty-horizontal .twentytwenty-before-label:before {
left: 10px; }
.twentytwenty-horizontal .twentytwenty-after-label:before {
right: 10px; }
.twentytwenty-vertical .twentytwenty-before-label:before {
top: 10px; }
.twentytwenty-vertical .twentytwenty-after-label:before {
bottom: 10px; }
.twentytwenty-overlay {
-webkit-transition-property: background;
-moz-transition-property: background;
transition-property: background;
background: rgba(255, 255, 255, 0);
z-index: 25;
}
.twentytwenty-overlay:hover {
background: rgba(255, 255, 255, 0.4);
}
.twentytwenty-overlay:hover .twentytwenty-after-label {
opacity: 1; }
.twentytwenty-overlay:hover .twentytwenty-before-label {
opacity: 1; }
.twentytwenty-before {
z-index: 20; }
.twentytwenty-after {
z-index: 10; }
.twentytwenty-handle {
height: 38px;
width: 38px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -22px;
margin-top: -22px;
border: 3px solid #000;
-webkit-border-radius: 1000px;
-moz-border-radius: 1000px;
border-radius: 1000px;
z-index: 40;
cursor: pointer;
}
.twentytwenty-horizontal .twentytwenty-handle:before {
bottom: 50%;
margin-bottom: 22px;
}
.twentytwenty-horizontal .twentytwenty-handle:after {
top: 50%;
margin-top: 22px;
}
.twentytwenty-vertical .twentytwenty-handle:before {
left: 50%;
margin-left: 22px;
}
.twentytwenty-vertical .twentytwenty-handle:after {
right: 50%;
margin-right: 22px;
}
.twentytwenty-left-arrow {
border-right: 6px solid #000;
left: 50%;
margin-left: -17px; }
.twentytwenty-right-arrow {
border-left: 6px solid #000;
right: 50%;
margin-right: -17px; }
.twentytwenty-up-arrow {
border-bottom: 6px solid #000;
top: 50%;
margin-top: -17px; }
.twentytwenty-down-arrow {
border-top: 6px solid #000;
bottom: 50%;
margin-bottom: -17px; }
.mtheme-parallax,
.header-parallax,
.column-parallax {
background-size: cover;
} .shortcode-column {
float: left;
} .mtheme-block {
float: left;
}
.mtheme-block.span12 {
float: none;
}
.column-setter {
float: left;
}
.column-setter.span12 {
float: none;
}
.mtheme-first-cell {
margin-left: 0;
}
.mtheme-following-cell {
margin-left:2.99%;
}
.column-setter.following-column {
margin-left:2.99%;
}
.shortcode-column.last-shortcode-column {
margin-right:0;
}
.shortcode-column {
margin-right:2.99%;
}
.shortcode-column.span1,
.mtheme-supercell .span1 {
width: 5.58%;
}
.shortcode-column.span2,
.mtheme-supercell .span2 {
width: 14.17%;
}
.shortcode-column.span3,
.mtheme-supercell .span3 {
width: 22.75%;
}
.shortcode-column.span4,
.mtheme-supercell .span4 {
width: 31.33%;
}
.shortcode-column.span5,
.mtheme-supercell .span5 {
width: 39.92%;
}
.shortcode-column.span6,
.mtheme-supercell .span6 {
width: 48.5%;
}
.shortcode-column.span7,
.mtheme-supercell .span7 {
width: 57.08%;
}
.shortcode-column.span8,
.mtheme-supercell .span8 {
width: 65.67%;
}
.shortcode-column.span9,
.mtheme-supercell .span9 {
width: 74.25%;
}
.shortcode-column.span10,
.mtheme-supercell .span10 {
width: 82.83%;
}
.shortcode-column.span11,
.mtheme-supercell .span11 {
width: 91.42%;
}
.shortcode-column.span12,
.mtheme-supercell .span12 {
width: auto;
}
.column-setter.span1 .span1 {
width: 100%;
}
.column-setter.span1 .span1 { width:100%; }
.column-setter.span2 .span1 { width:47.5%; }
.column-setter.span2 .span2 { width:100%; }
.column-setter.span3 .span1 { width:30%; }
.column-setter.span3 .span2 { width:65%; }
.column-setter.span3 .span3 { width:100%; }
.column-setter.span4 .span1 { width:21.25%; }
.column-setter.span4 .span2 { width:48.5%; }
.column-setter.span4 .span3 { width:73.75%; }
.column-setter.span4 .span4 { width:100%; }
.column-setter.span5 .span1 { width:16%; }
.column-setter.span5 .span2 { width:43.695%; }
.column-setter.span5 .span3 { width:52.9145%; }
.column-setter.span5 .span4 { width:89.8%; }
.column-setter.span5 .span5 { width:100%; }
.column-setter.span6 .span1 { width:12.5%; }
.column-setter.span6 .span2 { width:31.3%; }
.column-setter.span6 .span3 { width:48.505%; }
.column-setter.span6 .span4 { width:65.7%; }
.column-setter.span6 .span5 { width:82.5%; }
.column-setter.span6 .span6 { width:100%; }
.column-setter.span7 .span1 { width:10%; }
.column-setter.span7 .span2 { width:25%; }
.column-setter.span7 .span3 { width:43.695%; }
.column-setter.span7 .span4 { width:52.9145%; }
.column-setter.span7 .span5 { width:71.7%; }
.column-setter.span7 .span6 { width:85%; }
.column-setter.span7 .span7 { width:100%; }
.column-setter.span8 .span1 { width:8.13%; }
.column-setter.span8 .span2 { width:22.75%; }
.column-setter.span8 .span3 { width:35.58%; }
.column-setter.span8 .span4 { width:48.505%; }
.column-setter.span8 .span5 { width:61.43%; }
.column-setter.span8 .span6 { width:74.15%; }
.column-setter.span8 .span7 { width:86.88%; }
.column-setter.span8 .span8 { width:100%; }
.column-setter.span9 .span1 { width:6.67%; }
.column-setter.span9 .span2 { width:19.83%; }
.column-setter.span9 .span3 { width:31.34%; }
.column-setter.span9 .span4 { width:42.65%; }
.column-setter.span9 .span5 { width:54.33%; }
.column-setter.span9 .span6 { width:65.6%; }
.column-setter.span9 .span7 { width:77.17%; }
.column-setter.span9 .span8 { width:88.33%; }
.column-setter.span9 .span9 { width:100%; }
.column-setter.span10 .span1 { width:5.5%; }
.column-setter.span10 .span2 { width:17.6%; }
.column-setter.span10 .span3 { width:27.9%; }
.column-setter.span10 .span4 { width:38.2%; }
.column-setter.span10 .span5 { width:48.5%; }
.column-setter.span10 .span6 { width:58.8%; }
.column-setter.span10 .span7 { width:69.1%; }
.column-setter.span10 .span8 { width:79.4%; }
.column-setter.span10 .span9 { width:89.5%; }
.column-setter.span10 .span10 { width:100%; }
.column-setter.span11 .span1 { width:4.55%; }
.column-setter.span11 .span2 { width:15.643%; }
.column-setter.span11 .span3 { width:24.96225%; }
.column-setter.span11 .span4 { width:34.276%; }
.column-setter.span11 .span5 { width:43.695%; }
.column-setter.span11 .span6 { width:52.9145%; }
.column-setter.span11 .span7 { width:62.4371%; }
.column-setter.span11 .span8 { width:71.8332%; }
.column-setter.span11 .span9 { width:81.2185%; }
.column-setter.span11 .span10 { width:90.6038%; }
.column-setter.span11 .span11 { width:100%; }
.column-setter.span12 .span1 { width:3.75%; }
.column-setter.span12 .span2 { width:14.17%; }
.column-setter.span12 .span3 { width:22.75%; }
.column-setter.span12 .span4 { width:31.33% }
.column-setter.span12 .span5 { width:39.92%; }
.column-setter.span12 .span6 { width:48.5%; }
.column-setter.span12 .span7 { width:57.08%; }
.column-setter.span12 .span8 { width:65.67%; }
.column-setter.span12 .span9 { width:74.25%; }
.column-setter.span12 .span10 { width:82.83%; }
.column-setter.span12 .span11 { width:91.25%; }
.column-setter.span12 .span12 { width:100%; }
.column-setter.following-column  .mtheme-cell-wrap > .mtheme-following-cell {
margin-left: 0;
}
.mtheme-supercell .mtheme-block-em_column_block.span12 {
width: auto;
}
.fullwidth-column .first-column.span12 .mclass-column-padding {
padding-left: 125px;
padding-right: 125px;
} .error404 .title-container {
display: none;
}
.error404 footer {
display: none;
}
.error404 .container-wrapper,
.page-template-template-blank-php .container-wrapper {
height: 100%;
position: fixed;
width: 100%;
overflow: scroll;
}
.mtheme-404-wrap {
margin-top: 80px;
text-align: center;
}
.mtheme-404-wrap .mtheme-404-error-message1 {
font-size: 46px;
color:#000;
text-transform: uppercase;
letter-spacing: 4px;
line-height: 56px;
margin-top:80px;
background: #000;
color:#fff;
padding: 10px 20px;
display: inline-block;
}
.mtheme-404-wrap .mtheme-404-error-message2 {
font-size: 26px;
color:#000;
text-transform: uppercase;
letter-spacing: 4px;
line-height: 36px;
margin-top:40px;
}
.mtheme-404-wrap .mtheme-404-icon i {
font-size: 70px;
color:#FF2300;
}
.mtheme-404-wrap h4 {
margin-top: 40px;
}
.mtheme-404-wrap #searchform input {
border-bottom: 3px solid #000;
color: #000;
font-size: 14px;
font-weight: 600;
text-align: center;
width: 50%;
}  .gridblock-timeline-block {
position: relative;
}
.gridblock-timeline-block:before {
content:" ";
position: absolute;
height: 100%;
width: 2px;
background: #eee;
right:50%;
z-index: 0;
}
#gridblock-timeline .blog-grid-element {
margin:0 5%;
width: 40%;
z-index: 2;
}
#gridblock-timeline .blog-grid-element-left:before {
border: 4px solid #24bee8;
border-radius: 20px;
content: " ";
position: absolute;
right: -13.4%;
top: 50px;
z-index: 1;
}
#gridblock-timeline .blog-grid-element-right {
margin-top:40px;
}
#gridblock-timeline .blog-grid-element-right:before {
border: 4px solid #24bee8;
border-radius: 20px;
content: " ";
position: absolute;
left: -14.0%;
top: 120px;
z-index: 1;
}
#gridblock-timeline .blog-grid-element-right:before,
#gridblock-timeline .blog-grid-element-left:before {
transition: all 0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
#gridblock-timeline .blog-grid-element-right:hover:before,
#gridblock-timeline .blog-grid-element-left:hover:before {
-webkit-transform: scale(1.4);
-moz-transform: scale(1.4);
-ms-transform: scale(1.4);
transform: scale(1.4);
}
#gridblock-timeline .blog-grid-element-inner {
position: relative;
}
#gridblock-timeline .blog-grid-element-left .blog-grid-element-inner:before {
border: 1px dotted #EDEDED;
border-radius: 20px;
content: " ";
width: 14%;
position: absolute;
right: -13.5%;
top: 52px;
z-index: 0;
}
#gridblock-timeline .blog-grid-element-right .blog-grid-element-inner:before {
border: 1px dotted #EDEDED;
border-radius: 20px;
content: " ";
width: 14%;
position: absolute;
left: -13.7%;
top: 122px;
z-index: 0;
}
.nosidebar #gridblock-timeline .blog-grid-element-left:before {
}
.nosidebar #gridblock-timeline .blog-grid-element-right:before {
left: -13.8%;
}
.blog-timeline-month-wrap {
text-align: center;
margin-bottom: 30px;
width: 100%;
position: relative;
z-index: 1;
} 
.blog-timeline-month {
background-color: #24bee8;
color: #fff;
display: inline-block;
font-size: 12px;
letter-spacing: 3px;
margin-bottom: 20px;
margin-top: 80px;
padding: 5px 24px;
text-transform: uppercase;
}
.gridblock-timeline-icon {
background: #fff;
color: #000;
font-size: 42px;
position: relative;
text-align: center;
padding-bottom: 30px;
}   .woocommerce .entry-summary .amount {
font-size:26px;
font-weight: 500;
letter-spacing: 3px;
}
.woocommerce-product-rating .woocommerce-review-link {
font-size: 10px;
font-weight: 600;
letter-spacing: 2px;
position: relative;
text-transform: uppercase;
top: -3px;
}
.mtheme-hover-thumbnail {
position: relative;
}
.mtheme-hover-thumbnail .onsale {
z-index: 1;
}
.woocommerce table.variations td {
border:0 !important;
}
.woocommerce .flexslider-container-page {
background:none !important;
}
.woocommerce div.product div.images img,
.woocommerce-page div.product div.images img,
.woocommerce #content div.product div.images img,
.woocommerce-page #content div.product div.images img,
.woocommerce ul.products li.product a img,
.woocommerce-page ul.products li.product a img {
box-shadow: none !important;
}
.woocommerce a.button,
.woocommerce-page a.button,
.woocommerce button.button,
.woocommerce-page button.button,
.woocommerce input.button,
.woocommerce-page input.button,
.woocommerce #respond input#submit,
.woocommerce-page #respond input#submit,
.woocommerce #content input.button,
.woocommerce-page #content input.button,
.woocommerce button.button.alt {
box-shadow: none;
text-shadow: none;
font-size:12px;
transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
}
.woocommerce a.button:hover,
.woocommerce-page a.button:hover,
.woocommerce button.button:hover,
.woocommerce-page button.button:hover,
.woocommerce input.button:hover,
.woocommerce-page input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce-page #respond input#submit:hover,
.woocommerce #content input.button:hover,
.woocommerce-page #content input.button:hover,
.woocommerce button.button.alt:hover {
}
.woocommerce table.cart td.actions .coupon .input-text,
.woocommerce #content table.cart td.actions .coupon .input-text,
.woocommerce-page table.cart td.actions .coupon .input-text,
.woocommerce-page #content table.cart td.actions .coupon .input-text {
width:230px !important;
}
.woocommerce .mtheme-woocommerce-description-wrap .add_to_cart_button,
.woocommerce .mtheme-woocommerce-description-wrap .product_type_variable {
border:0 !important;
border-radius: 0 !important;
position: relative;
padding:0 0 0 20px;
font-size:10px !important;
font-weight: 600;
text-transform: uppercase;
}
.woocommerce a.add_to_cart_button {
color:#000;
padding: 10px 10px 10px 20px;
letter-spacing: 1px;
background: none !important;
transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
margin-left: -20px !important;
}
.woocommerce a.add_to_cart_button.added {
color:#24bee8;
}
.woocommerce #respond input#submit.added::after,
.woocommerce a.button.added::after,
.woocommerce button.button.added::after,
.woocommerce input.button.added::after {
position: relative;
top:-2px;
}
.added_to_cart.wc-forward {
font-size: 10px !important;
font-weight: 600 !important;
letter-spacing: 1px;
text-transform: uppercase;
}
.woocommerce #content div.product,
.woocommerce div.product,
.woocommerce-page #content div.product,
.woocommerce-page div.product {
margin-top: 40px;
}
.woocommerce .mtheme-woocommerce-description-wrap .add_to_cart_button:after {
transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
}
.woocommerce .mtheme-woocommerce-description-wrap:hover .add_to_cart_button:after,
.woocommerce .mtheme-woocommerce-description-wrap:hover .add_to_cart_button {
color:#000;
}
.woocommerce .mtheme-woocommerce-description-wrap .product_type_variable:after {
}
.woocommerce ul.products li.product h3,
.woocommerce-page ul.products li.product h3 {
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
color: #000;
font-size: 12px;
font-weight: 500;
letter-spacing: 1px;
margin-bottom: 20px;
padding: 10px 0 10px;
text-transform: uppercase;
transition: all 0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
}
.woocommerce .product-name,
.woocommerce .product-name a {
color: #000;
font-size: 12px;
line-height: 14px;
font-weight: 500;
letter-spacing: 1px;
margin-bottom: 20px;
padding: 10px 0 0 0;
text-transform: uppercase;
transition: all 0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
}
.woocommerce ul.products li.product h3 a,
.woocommerce-page ul.products li.product h3 a {
transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
}
.woocommerce ul.products li.product h3 a:hover,
.woocommerce-page ul.products li.product h3 a:hover {
color:#24bee8;
}
.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price {
color: #111;
font-size: 16px;
letter-spacing: 1px;
font-weight: 500;
margin:0;
margin-bottom: 5px;
}
.woocommerce .product_category_title {
color: #747474;
font-size: 10px;
font-weight: 400;
letter-spacing: 1px;
margin-bottom: 0 !important;
display:none;
}
.woocommerce .summary .product_category_title {
text-transform: uppercase;
font-weight: 500;
}
.woocommerce ul.products li .product_category_title {
text-indent: 15px;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
position: relative;
text-align: center;
}
#tab-description h2 {
font-size: 18px;
letter-spacing: 0;
}
.woocommerce span.onsale,
.woocommerce-page span.onsale {
background:#24bee8;
box-shadow: none !important;
border-radius: 130px !important;
font-weight: 400 !important;
font-size: 14px !important;
text-shadow:none !important;
width: 80px;
height: 80px;
line-height: 100px;
text-align: center;
display: none;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product,
.woocommerce .cart-collaterals .cross-sells ul.products li,
.woocommerce-page .cart-collaterals .cross-sells ul.products li,
.woocommerce .related ul li.product,
.woocommerce .related ul.products li.product,
.woocommerce .upsells.products ul li.product,
.woocommerce .upsells.products ul.products li.product,
.woocommerce-page .related ul li.product,
.woocommerce-page .related ul.products li.product,
.woocommerce-page .upsells.products ul li.product,
.woocommerce-page .upsells.products ul.products li.product {
margin: 0 2.5% 60px 0;
width: 23%;
}
.woocommerce ul.products li.product.last,
.woocommerce-page ul.products li.product.last {
margin-right: 0 !important;
}
.woocommerce ul.products li.product a,
.woocommerce-page ul.products li.product a {
}
.woocommerce ul.products li.product .button {
margin:0;
}
.woocommerce ul.products li.product .price .from,
.woocommerce-page ul.products li.product .price .from,
.woocommerce ul.products li.product .price del,
.woocommerce-page ul.products li.product .price del {
color:#444 !important;
font-size: 13px !important;
text-transform: none !important;
padding: 0 5px 0 0;
position: relative;
top:-2px;
font-weight: 500;
}
.woocommerce ul.products li.product a img, .woocommerce-page ul.products li.product a img {
margin:0 !important;
width:100.4% !important;
max-width: 100.4% !important;
}
.mtheme-woocommerce-description-wrap {
padding: 10px 15px 0;
}
.mtheme-woocommerce-description-wrap-last {
padding-bottom: 10px;
padding-top: 0;
}
.woocommerce ul.products li.product .onsale,
.woocommerce-page ul.products li.product .onsale {
font-size: 11px !important;
letter-spacing: 1px;
font-weight: 700 !important;
margin: 8px 8px 0 0 !important;
text-transform: uppercase;
}
.woocommerce ul.products li.product .onsale,
.woocommerce-page ul.products li.product .onsale {
top: 2px;
right: 0;
} .mtheme-hover-thumbnail .mtheme-secondary-thumbnail-image {
position: absolute;
top:0;
left:0;
opacity:0;
}
.woo-thumbnail-fadeInDown {
-webkit-transition: -webkit-transform 0.5s, opacity 0.5s !important;
transition: transform 0.5s, opacity 0.5s !important;
opacity: 1 !important;
}
.woo-thumbnail-fadeOutUp {
-webkit-transition: -webkit-transform 0.5s, opacity 0.5s !important;
transition: transform 0.5s, opacity 0.5s !important;
opacity: 0 !important;
} .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {
margin: 0 -4px 0 0 !important;
}
.mtheme-woo-order-selection-wrap {
position: relative;
}
.mtheme-woo-order-selected {
color: #000;
cursor: pointer;
display: inline-block;
font-size: 12px;
font-weight: 500;
margin-bottom: 40px;
padding: 7px;
position: relative;
right: 10px;
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
top: 7px;
width: 286px;
background-color: #eee;
}
.mtheme-woo-order-selected:hover {
background-color: #e0e0e0;
}
.mtheme-woo-order-selected-wrap i {
color: #000;
cursor: pointer;
float: left;
font-size: 16px;
left: 43px;
position: relative;
top: 14px;
transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
}
.mtheme-woo-order-selected:hover {
border-color: #000;
color: #000;
transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
}
.mtheme-woo-order-list ul {
position: absolute;
text-align: center;
width: 300px;
z-index: 9;
margin:0;
top:41px;
padding:0;
background:#5e5e5e;
color:#000;
display:none;
right: 10px;
}
.mtheme-woo-order-list ul li {
border-bottom: 1px solid #555;
color: #bebebe;
display: block;
font-weight: 400;
margin:0;
cursor: pointer;
}
.mtheme-woo-order-list ul li:last-child {
border-bottom: 0;
}
.mtheme-woo-order-list ul li {
color: #fff;
display: block;
font-size: 12px;
letter-spacing: 1px;
padding: 12px 0;
transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
}
.mtheme-woo-order-list ul li:hover {
background-color:#24bee8;
color:#fff;
}
.woocommerce .woocommerce-ordering select {
display:none;
} .woocommerce .woocommerce-breadcrumb {
color: #000;
font-size: 10px;
font-weight: 600;
letter-spacing: 2px;
line-height: 10px;
text-transform: uppercase;
margin-top: -20px;
}
.woocommerce .woocommerce-breadcrumb a {
color:#919191;
font-weight: 500;
}
.woocommerce .woocommerce-breadcrumb a:hover {
color:#000;
}
.woocommerce .woocommerce-breadcrumb,
.woocommerce-page .woocommerce-breadcrumb {
margin-bottom: 10px !important;
}
.woocommerce-result-count {
color: #000;
font-size: 10px;
font-weight: 500;
letter-spacing: 1px;
padding-top: 20px;
text-transform: uppercase;
}
.woocommerce ul.portfolio-share {
display: block;
padding: 15px 0;
text-align: left;
border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.woocommerce .share-spacing {
margin-top:20px;
} .woocommerce table.shop_table th,
.woocommerce-page table.shop_table th {
color:#000;
}
.woocommerce .cart-collaterals .cart_totals tr td,
.woocommerce .cart-collaterals .cart_totals tr th,
.woocommerce-page .cart-collaterals .cart_totals tr td,
.woocommerce-page .cart-collaterals .cart_totals tr th {
font-size: 13px
}
.woocommerce table.shop_table,
.woocommerce-page table.shop_table {
border:1px solid #f0f0f0 !important;
}
.woocommerce table.shop_table,
.woocommerce-page table.shop_table {
margin-bottom: 50px !important;
}
.woocommerce .cart-collaterals .shipping_calculator h2,
.woocommerce-page .cart-collaterals .shipping_calculator h2 {
font-size: 16px !important;
text-align: left !important;
}
.woocommerce .cart-collaterals .cart_totals table th,
.woocommerce-page .cart-collaterals .cart_totals table th {
padding: 20px !important;
text-align: right;
font-weight: 700;
}
.woocommerce .cart-collaterals .cart_totals table td,
.woocommerce-page .cart-collaterals .cart_totals table td {
padding: 20px !important;
}
.woocommerce .shipping_calculator a {
}
.woocommerce .shipping-calculator-button {
margin-top:20px;
margin-bottom:20px;
padding:13px 20px 10px;
border:1px solid #444;
color:#000;
letter-spacing: 0;
display: inline-block;
font-size: 11px;
line-height: 13px;
letter-spacing: 2px;
text-transform: uppercase;
}
.woocommerce-cart .wc-proceed-to-checkout {
display: inline-block;
}
.woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled,
.woocommerce #respond input#submit[disabled]:disabled,
.woocommerce a.button.disabled, .woocommerce a.button:disabled,
.woocommerce a.button[disabled]:disabled,
.woocommerce button.button.disabled,
.woocommerce button.button:disabled,
.woocommerce button.button[disabled]:disabled,
.woocommerce input.button.disabled,
.woocommerce input.button:disabled,
.woocommerce input.button[disabled]:disabled {
padding:13px 20px 10px;
background:#eee;
color:#aaa;
letter-spacing: 0;
display: inline-block;
font-size: 11px;
line-height: 13px;
letter-spacing: 2px;
text-transform: uppercase;
}
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
font-size: 11px;
letter-spacing: 2px;
text-transform: uppercase;
background:#24bee8;
}
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
background:#000;
}
.woocommerce .cart-collaterals .shipping_calculator .button,
.woocommerce-page .cart-collaterals .shipping_calculator .button,
.woocommerce form .form-row select,
.woocommerce-page form .form-row select {
width: auto !important;
}
.woocommerce table.cart .product-thumbnail,
.woocommerce #content table.cart .product-thumbnail,
.woocommerce-page table.cart .product-thumbnail,
.woocommerce-page #content table.cart .product-thumbnail {
width:160px;
}
.woocommerce .product-subtotal {
font-size: 18px;
color:#000;
}
.woocommerce .product-quantity {
text-align: center;
}
.woocommerce table.shop_table tr.cart_item {
margin-bottom: 10px;
}
.woocommerce table.cart td.actions,
.woocommerce #content table.cart td.actions,
.woocommerce-page table.cart td.actions,
.woocommerce-page #content table.cart td.actions {
padding:30px !important;
}
.woocommerce a.added_to_cart, .woocommerce-page a.added_to_cart {
padding:0 !important;
font-weight: 400;
font-size:12px;
margin-left: 26px;
}
.woocommerce #respond input#submit.loading::after,
.woocommerce a.button.loading::after,
.woocommerce button.button.loading::after,
.woocommerce input.button.loading::after {
right: 0;
top: 0;
}
.woocommerce a.button.added:before, .woocommerce button.button.added:before, .woocommerce input.button.added:before, .woocommerce #respond input#submit.added:before, .woocommerce #content input.button.added:before, .woocommerce-page a.button.added:before, .woocommerce-page button.button.added:before, .woocommerce-page input.button.added:before, .woocommerce-page #respond input#submit.added:before, .woocommerce-page #content input.button.added:before {
}
.woocommerce table.cart img,
.woocommerce #content table.cart img,
.woocommerce-page table.cart img,
.woocommerce-page #content table.cart img {
width: 150px;
margin-bottom: 15px;
margin-top: 20px;
}
.woocommerce a.remove {
text-indent: -999999px;
position: relative;
}
.woocommerce a.remove:after {
content: "\e117";
border: 1px solid #000000;
border-radius: 20px;
color: #000;
font-family: "feather";
font-size: 11px;
font-weight: 100;
height: 20px;
left: 0;
line-height: 18px;
position: absolute;
text-align: center;
text-indent: 0;
top: -10px;
width: 20px;
padding-left: 1px;
transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
}
.woocommerce a.remove:hover:after {
color:#ff0000;
border-color: #ff0000;
} .woocommerce #reviews #comments h2,
.woocommerce-page #reviews #comments h2 {
font-size: 16px !important;
font-weight: 400 !important;
letter-spacing: 0.5px !important;
} .woocommerce .quantity input.qty,
.woocommerce #content .quantity input.qty,
.woocommerce-page .quantity input.qty,
.woocommerce-page #content .quantity input.qty {
font-weight: 400 !important
}
.woocommerce div.product .product_title,
.woocommerce #content div.product .product_title,
.woocommerce-page div.product .product_title,
.woocommerce-page #content div.product .product_title {
font-size: 28px;
font-weight: 400;
color:#000;
margin-bottom: 10px;
letter-spacing: -0.5px;
}
.woocommerce div.product span.price,
.woocommerce div.product p.price,
.woocommerce #content div.product span.price,
.woocommerce #content div.product p.price,
.woocommerce-page div.product span.price,
.woocommerce-page div.product p.price,
.woocommerce-page #content div.product span.price,
.woocommerce-page #content div.product p.price {
font-size: 18px !important;
color:#000 !important;
}
.woocommerce div.product span.price del,
.woocommerce div.product p.price del,
.woocommerce #content div.product span.price del,
.woocommerce #content div.product p.price del,
.woocommerce-page div.product span.price del,
.woocommerce-page div.product p.price del,
.woocommerce-page #content div.product span.price del,
.woocommerce-page #content div.product p.price del {
font-size: 12px !important;
}
.woocommerce .summary p.price del span{
font-size: 18px !important;
}
.woocommerce .quantity,
.woocommerce #content .quantity,
.woocommerce-page .quantity,
.woocommerce-page #content .quantity {
overflow: visible !important;
}
.woocommerce .quantity .minus,
.woocommerce #content .quantity .minus,
.woocommerce-page .quantity .minus,
.woocommerce-page #content .quantity .minus {
right:59px !important;
top:0 !important;
}
.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary {
background: #fff;
padding: 40px;
width: 46%;
}
.woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images {
width: 50% !important;
}
.woocommerce .quantity .plus,
.woocommerce .quantity .minus,
.woocommerce #content .quantity .plus,
.woocommerce #content .quantity .minus,
.woocommerce-page .quantity .plus,
.woocommerce-page .quantity .minus,
.woocommerce-page #content .quantity .plus,
.woocommerce-page #content .quantity .minus {
height: 30px !important;
background: #000 !important;
color:#fff !important;
text-shadow:none !important;
border:0 !important;
box-shadow: none !important;
border-radius: 0 !important;
}
.woocommerce .quantity .plus:hover,
.woocommerce .quantity .minus:hover,
.woocommerce #content .quantity .plus:hover,
.woocommerce #content .quantity .minus:hover,
.woocommerce-page .quantity .plus:hover,
.woocommerce-page .quantity .minus:hover,
.woocommerce-page #content .quantity .plus:hover,
.woocommerce-page #content .quantity .minus:hover {
background-color: #888 !important;
}
.woocommerce .quantity input.qty,
.woocommerce #content .quantity input.qty,
.woocommerce-page .quantity input.qty,
.woocommerce-page #content .quantity input.qty {
border:1px solid #6c6c6c;
padding: 10px;
transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
}
.woocommerce .quantity input.qty:hover,
.woocommerce #content .quantity input.qty:hover,
.woocommerce-page .quantity input.qty:hover,
.woocommerce-page #content .quantity input:hover,
.woocommerce .quantity input.qty:focus,
.woocommerce #content .quantity input.qty:focus,
.woocommerce-page .quantity input.qty:focus,
.woocommerce-page #content .quantity input:focus {
border:1px solid #24bee8;
}
.woocommerce div.product form.cart div.quantity,
.woocommerce #content div.product form.cart div.quantity,
.woocommerce-page div.product form.cart div.quantity,
.woocommerce-page #content div.product form.cart div.quantity {
}
.woocommerce .entry-summary div[itemprop="description"] {
margin-top: 20px;
margin-bottom: 30px;
}
.woocommerce #tab-description p,
.woocommerce .entry-summary div[itemprop="description"] {
font-size: 13px !important;
font-weight: 400 !important;
letter-spacing: 0.8px !important;
line-height: 22px !important;
}
.woocommerce .entry-summary .sku_wrapper,
.woocommerce .entry-summary .posted_in {
display: block;
}
.woocommerce .entry-summary .star-rating,
.woocommerce-page .entry-summary .star-rating {
font-size: 14px !important;
margin: 8px 0 0 !important;
}
.woocommerce ul.products li.product .star-rating {
position: absolute;
bottom: -15px;
left: 50%;
margin-left: -25px;
}
.woocommerce .entry-summary .product_meta {
border-top: 1px solid rgba(0, 0, 0, 0.05);
font-size: 10px !important;
font-weight: 400 !important;
margin-top: 40px;
padding-top: 20px;
text-transform: uppercase;
}
.woocommerce #content div.product form.cart .button,
.woocommerce div.product form.cart .button,
.woocommerce-page #content div.product form.cart .button,
.woocommerce-page div.product form.cart .button {
border-radius: 0 !important;
text-transform: uppercase;
background: #24bee8;
color:#fff;
}
.woocommerce .single_add_to_cart_button {
padding: 14px 20px 14px 40px;
}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
position: relative;
padding: 14px 20px 14px 20px;
}
.woocommerce button.button.single_add_to_cart_button {
position: relative;
padding: 14px 20px 14px 40px;
}
.woocommerce .add_to_cart_button:before {
content: "\e106";
font-family: 'feather';
position: absolute;
left:20px;
top:-4px !important;
font-size: 11px;
font-weight: 100;
}
.woocommerce .single_add_to_cart_button:before {
content: "\e106";
font-family: 'feather';
position: absolute;
left:20px;
top:11px;
font-size: 11px;
font-weight: 100;	
}
.woocommerce .mtheme-woocommerce-description-wrap:hover a.add_to_cart_button {
color: #24bee8;
}
.woocommerce .add_to_cart_button:before {
left:0;
top:-5px;
}
.woocommerce #content div.product form.cart .button:hover,
.woocommerce div.product form.cart .button:hover,
.woocommerce-page #content div.product form.cart .button:hover,
.woocommerce-page div.product form.cart .button:hover {
background: #000;
color:#fff;
}
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit.alt,
.woocommerce #content input.button.alt,
.woocommerce-page a.button.alt,
.woocommerce-page button.button.alt,
.woocommerce-page input.button.alt,
.woocommerce-page #respond input#submit.alt,
.woocommerce-page #content input.button.alt {
border-color:#000;
border-radius: 0;
}
.woocommerce .product_meta {
font-size: 12px !important;
font-weight: 400;
color:#777 !important;
letter-spacing: 1px;
}
.woocommerce .product_meta a {
}
.woocommerce .flex-direction-nav {
display: none;
} .woocommerce .star-rating, .woocommerce-page .star-rating {
height:1.2em !important;
}
.woocommerce .products .star-rating,
.woocommerce-page .products .star-rating {
}
.woocommerce .star-rating,.woocommerce-page .star-rating
{
float: right;
font-family: 'fontawesome';
font-size: 10px !important;
height: 1em;
line-height: 1em;
overflow: hidden;
position: relative;
width: 5.4em;
}
.woocommerce .star-rating:before,.woocommerce-page .star-rating:before
{
color: #e3e3e3;
content: "\f005\f005\f005\f005\f005";
float: left;
left: 0;
position: absolute;
top: 0;
}
.woocommerce .star-rating span,.woocommerce-page .star-rating span
{
float: left;
left: 0;
overflow: hidden;
padding-top: 1.5em;
position: absolute;
top: 0;
}
.woocommerce .star-rating span:before,.woocommerce-page .star-rating span:before
{
color: #ffcc00;
content: "\f005\f005\f005\f005\f005";
left: 0;
position: absolute;
top: 0;
}
.woocommerce .products .star-rating,.woocommerce-page .products .star-rating
{
display: block;
margin: 0 0 .5em;
}
.woocommerce .hreview-aggregate .star-rating,.woocommerce-page .hreview-aggregate .star-rating
{
margin: 10px 0 0 0;
}
#comments [itemprop="aggregateRating"] .star-rating {
font-size: 18px !important;
margin-top:10px;
} .woocommerce .woocommerce-tabs {
padding-top:50px;
}
.woocommerce-tabs .tabs li {
border: 0 !important;
box-shadow:none !important;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 2px;
}
.woocommerce .tabs {
border-bottom: 1px solid #000;
}
.woocommerce-tabs .tabs li.active {
position: relative;
}
.woocommerce-tabs .tabs li:after,
.woocommerce-tabs .tabs li:before {
border: 0 ! important;
border-radius: 0 !important
}
.woocommerce-tabs .tabs li.active:after {
position: absolute;
content: " ";
width: 100% !important;
display: block;
bottom:0 !important;
left: 0;
border-bottom: 4px solid #000 !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li,
.woocommerce #content div.product .woocommerce-tabs ul.tabs li,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li {
background: #fff;
background: rgba(255,255,255,0.2);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active {
background: #fff;
background: rgba(255,255,255,0.5);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce #content div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:before {
box-shadow: none !important
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce #content div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:after {
box-shadow: none !important
}
.woocommerce div.product .woocommerce-tabs ul.tabs,
.woocommerce #content div.product .woocommerce-tabs ul.tabs,
.woocommerce-page div.product .woocommerce-tabs ul.tabs,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs {
margin:0 !important;
padding: 0 !important;
}
.woocommerce #content div.product .woocommerce-tabs ul.tabs li,
.woocommerce div.product .woocommerce-tabs ul.tabs li,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li {
border-radius: 0 !important;
padding: 10px 30px;
}
.woocommerce div.product .woocommerce-tabs .panel,
.woocommerce #content div.product .woocommerce-tabs .panel,
.woocommerce-page div.product .woocommerce-tabs .panel,
.woocommerce-page #content div.product .woocommerce-tabs .panel {
border:0 !important;
background: #fbfbfb;
padding:50px;
border-top:none !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a,
.woocommerce #content div.product .woocommerce-tabs ul.tabs li a,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li a,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a {
font-weight: 500 !important;
text-transform: uppercase;
font-size: 12px !important;
text-shadow:none !important;
}
.woocommerce #review_form_wrapper {
border-top:2px solid #000;
padding-top: 40px;
margin-top: 40px;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
border:0;
background-color: #fff;
}
.woocommerce #reviews .description p {
font-size: 13px;
} .woocommerce .cart-collaterals .cross-sells,
.woocommerce-page .cart-collaterals .cross-sells {
float: none !important;
width: 100% !important;
}
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
float: none !important;
text-align: left !important;
width: 100%;
margin-top:50px;
margin-bottom: 30px;
padding-top:30px;
border-top:5px solid #000;
}
.woocommerce .cart-collaterals .shipping_calculator, .woocommerce-page .cart-collaterals .shipping_calculator {
float: none !important;
width: 100% !important;
}
.woocommerce .cart-collaterals .cart_totals table,
.woocommerce-page .cart-collaterals .cart_totals table {
width: 100%;
}
.woocommerce .shop_table thead th {
font-size: 12px;
color:#000;
}
.woocommerce .shop_table .product-name,
.woocommerce .shop_table .product-price,
.woocommerce .shop_table .product-subtotal {
font-size: 12px;
color:#000;
}
.woocommerce .cart-collaterals .cart_totals tr td,
.woocommerce .cart-collaterals .cart_totals tr th,
.woocommerce-page .cart-collaterals .cart_totals tr td,
.woocommerce-page .cart-collaterals .cart_totals tr th {
border:0;
}
.woocommerce table th,
.woocommerce table td{
color:#000;
}
.woocommerce table {
border-top:0;
border-left:0;
}
.woocommerce #content table.cart td.actions .coupon .input-text,
.woocommerce table.cart td.actions .coupon .input-text,
.woocommerce-page #content table.cart td.actions .coupon .input-text,
.woocommerce-page table.cart td.actions .coupon .input-text {
box-shadow: none !important;
font-size: 14px;
}
.woocommerce table.cart td.actions,
.woocommerce #content table.cart td.actions,
.woocommerce-page table.cart td.actions,
.woocommerce-page #content table.cart td.actions,
.woocommerce table.shop_table thead {
background: none;
}
.woocommerce .related h2,
.woocommerce .upsells h2,
.woocommerce .cross-sells h2 {
color: #000;
font-size: 16px;
font-weight: 600;
letter-spacing: 2px;
margin-bottom: 20px;
margin-top: 60px;
text-indent: 5px;
text-transform: uppercase;
}
.woocommerce .cart_totals h2 {
font-size:16px;
font-weight: 600;
letter-spacing: 1px;
color:#000;
text-align: left;
}
.woocommerce .cart_totals {
font-size: 16px;
}
.woocommerce .cart_totals strong {
font-weight: 400;
}
.woocommerce table.shop_table td, .woocommerce-page table.shop_table td {
padding: 0 !important;
border:0;
}
.woocommerce table.cart a.remove,
.woocommerce #content table.cart a.remove,
.woocommerce-page table.cart a.remove,
.woocommerce-page #content table.cart a.remove {
border-radius: 0 !important;
width: auto !important;
}
.woocommerce table.cart a.remove:hover,
.woocommerce #content table.cart a.remove:hover,
.woocommerce-page table.cart a.remove:hover,
.woocommerce-page #content table.cart a.remove:hover {
background:none !important;
color:#000 !important;
}
.woocommerce table.shop_table th,
.woocommerce-page table.shop_table th {
background:none;
border:0;
}
.woocommerce table.shop_table thead th {
text-indent: -15px;
}
.woocommerce table.shop_table,
.woocommerce-page table.shop_table {
border:none !important;
border-top:1px solid #000 !important;
border-bottom:1px solid #000 !important;
}
.woocommerce table.shop_table thead th,
.woocommerce-page table.shop_table thead th {
border-bottom:4px solid #000;
}
.woocommerce table.cart td.actions, .woocommerce #content table.cart td.actions, .woocommerce-page table.cart td.actions, .woocommerce-page #content table.cart td.actions {
border-top:1px solid #000 !important;
}
.woocommerce table.shop_table td,
.woocommerce-page table.shop_table td {
border-top: 1px solid #000 !important;
border-top: 1px solid rgba(0,0,0,0.1) !important;
padding: 6px 12px;
} .woocommerce .flex-viewport {
margin-bottom:1px;
}
.woocommerce #mtheme-flex-carousel .slides li {
margin-right:1px;
opacity: 0.6;
}
.woocommerce #mtheme-flex-carousel .slides li:hover {
opacity: 1;
} .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta,
.woocommerce-page #reviews #comments ol.commentlist li .comment-text p.meta {
margin: 0 !important;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta strong,
.woocommerce-page #reviews #comments ol.commentlist li .comment-text p.meta strong {
font-weight: 400;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p,
.woocommerce-page #reviews #comments ol.commentlist li .comment-text p {
font-weight: 400;
}
.woocommerce-message {
font-weight: 400;
}
.woocommerce .out-of-stock {
font-size:22px !important;
margin-bottom: 10px !important;
}
.woocommerce .add_review {
margin-top:20px;
}
.woocommerce div.product .woocommerce-tabs,
.woocommerce #content div.product .woocommerce-tabs,
.woocommerce-page div.product .woocommerce-tabs,
.woocommerce-page #content div.product .woocommerce-tabs {
width:100%;
}
.woocommerce #content div.product .woocommerce-tabs ul.tabs:before,
.woocommerce div.product .woocommerce-tabs ul.tabs:before,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs:before,
.woocommerce-page div.product .woocommerce-tabs ul.tabs:before {
border:0 !important;
}
.woocommerce #content div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:before,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active:before,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active:before {
box-shadow: none !important;
} .woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images {
margin-bottom: 40px;
} .woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce-page form .form-row input.input-text,
.woocommerce-page form .form-row textarea{
padding:10px;
font-size: 13px;
color:#000;
font-weight: 400;
}
.woocommerce table.shop_table,
.woocommerce-page table.shop_table {
}
.woocommerce .checkout_table_item {
background: #f8f8f8;
}
.woocommerce #order_review_heading {
margin-top:50px;
}
.woocommerce form .form-row label,
.woocommerce-page form .form-row label {
color: #000000;
}
.woocommerce .checkout {
margin-top:40px !important;
} .woocommerce-slideshow .slideshow-box-content-inner {
padding: 20px;
position: absolute;
bottom: 0;
}
.woocommerce-slideshow .price {
font-size:24px;
color:#fff;
background:#000;
margin-top:1px;
padding:10px 10px;
display: block;
}
.woocommerce-slideshow .slideshow-box-title a {
background:#888;
color:#fff;
padding: 5px 10px;
} .woocommerce #content nav.woocommerce-pagination ul li a:focus,
.woocommerce #content nav.woocommerce-pagination ul li a:hover,
.woocommerce #content nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce-page #content nav.woocommerce-pagination ul li a:focus,
.woocommerce-page #content nav.woocommerce-pagination ul li a:hover,
.woocommerce-page #content nav.woocommerce-pagination ul li span.current,
.woocommerce-page nav.woocommerce-pagination ul li a:focus,
.woocommerce-page nav.woocommerce-pagination ul li a:hover,
.woocommerce-page nav.woocommerce-pagination ul li span.current {
background:none !important;
font-weight: 800;
color:#000 !important;
}
.woocommerce-pagination {
border-top:1px solid #f4f4f4;
margin-top:60px !important;
}
.woocommerce nav.woocommerce-pagination ul,
.woocommerce #content nav.woocommerce-pagination ul,
.woocommerce-page nav.woocommerce-pagination ul,
.woocommerce-page #content nav.woocommerce-pagination ul {
border:0 !important;
margin-top:10px !important;
}
.woocommerce nav.woocommerce-pagination ul li,
.woocommerce #content nav.woocommerce-pagination ul li,
.woocommerce-page nav.woocommerce-pagination ul li,
.woocommerce-page #content nav.woocommerce-pagination ul li {
margin-right:5px !important;
border-radius: 30px;
border:0 !important;
}
.woocommerce #content div.product p.price del,
.woocommerce #content div.product span.price del,
.woocommerce div.product p.price del,
.woocommerce div.product span.price del,
.woocommerce-page #content div.product p.price del,
.woocommerce-page #content div.product span.price del,
.woocommerce-page div.product p.price del,
.woocommerce-page div.product span.price del {
color:#888 !important;
} .woocommerce.single-product .related {
border-top: 1px solid #e7e6e6;
margin-top: 40px;
}
.woocommerce.single-product .upsells {
margin-top:10px;
}
.woocommerce form .form-row select,
.woocommerce-page form .form-row select {
padding:5px;
}
.woocommerce .shop_table.order_details {
padding: 0 !important;
}
.woocommerce table.shop_table,
.woocommerce-page table.shop_table {
background: none;
border-radius:0 !important;
}
.woocommerce table.shop_table tbody {
margin-top:20px;
}
.woocommerce .shop_table .even {
background:#f2f2f2;
}
.woocommerce .shop_table .odd {
background:#f0f0f0;
}
.woocommerce table.shop_table th,
.woocommerce-page table.shop_table th {
font-size: 12px;
font-weight: 600;
}
.woocommerce #order_review table.shop_table th,
.woocommerce-page #order_review table.shop_table th,
.woocommerce #order_review table.shop_table td,
.woocommerce-page #order_review table.shop_table td {
padding: 15px 20px !important;
}
.woocommerce .cart-collaterals .cart_totals table,
.woocommerce-page .cart-collaterals .cart_totals table {
border:0 !important;
}
.woocommerce table.shop_table tfoot td,
.woocommerce table.shop_table tfoot th,
.woocommerce-page table.shop_table tfoot td,
.woocommerce-page table.shop_table tfoot th {
background:#fff;
background: rgba(252,255,255,0.5);
border-color:#eee;
font-size: 14px !important;
color:#000 !important;
font-weight: 400 !important;
}
.woocommerce .cart-collaterals .cart_totals .order-total strong {
font-weight: 800;
}
#order_review .shop_table .order-total th,
#order_review .shop_table .order-total td strong {
font-weight: 600 !important;
}
.woocommerce #order_review table.shop_table, #order_review .woocommerce-page table.shop_table {
border:0 !important;
border-top:5px solid #000 !important;
}
#order_review .shop_table .order-total th,
#order_review .shop_table .order-total td {
background:#fff;
border-top:1px solid #D5D5D5 !important;
border-bottom:3px double #D5D5D5 !important;
}
.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-2 {
padding:4%;
width: 41%;
background:#fff;
background: rgba(252,255,255,0.5);
}
.woocommerce #content table.cart td.actions .coupon .input-text,
.woocommerce table.cart td.actions .coupon .input-text,
.woocommerce-page #content table.cart td.actions .coupon .input-text,
.woocommerce-page table.cart td.actions .coupon .input-text {
padding: 14px;
font-size: 12px;
}
.woocommerce div.product form.cart .variations select,
.woocommerce #content div.product form.cart .variations select,
.woocommerce-page div.product form.cart .variations select,
.woocommerce-page #content div.product form.cart .variations select {
padding: 5px;
}
.woocommerce ul.cart_list li img,
.woocommerce ul.product_list_widget li img,
.woocommerce-page ul.cart_list li img,
.woocommerce-page ul.product_list_widget li img {
}
.woocommerce #content input.button,
.woocommerce #respond input#submit,
.woocommerce a.button, .woocommerce button.button,
.woocommerce input.button, .woocommerce-page #content input.button,
.woocommerce-page #respond input#submit, .woocommerce-page a.button,
.woocommerce-page button.button, .woocommerce-page input.button {
font-weight: 400;
}
.woocommerce ul.product_list_widget li img,
.woocommerce-page ul.product_list_widget li img {
margin-top:10px;
box-shadow: none !important;
}
.woocommerce ul.product_list_widget li a {
border:none;
}
.woocommerce ul.product_list_widget li {
border-bottom:1px solid #f8f8f8;
}
.woocommerce .cart-collaterals .cart_totals table td,
.woocommerce .cart-collaterals .cart_totals table th,
.woocommerce-page .cart-collaterals .cart_totals table td,
.woocommerce-page .cart-collaterals .cart_totals table th {
vertical-align: middle !important;
border-bottom: 1px solid #000;
border-bottom: 1px solid rgba(0,0,0,0.1);
}
.woocommerce .woocommerce-single-image-wrap {
width: 47%;
float: left;
}
.woocommerce .woo-slidshow-image img {
width: 100%;
}
.woocommerce .product_title.entry-title {
width: auto;
text-align: left;
}
.woocommerce ul.portfolio-share {
margin-top: 20px;
padding-top: 20px;
}
.woocommerce .product h1,
.woocommerce .product h2,
.woocommerce .product h3,
.woocommerce .product h4,
.woocommerce .product h5,
.woocommerce .product h6 {
font-family: "Raleway","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.woocommerce span.onsale {
top: 30px;
left: 30px;
border-radius: 100px;
}
.woocommerce span.onsale:before {
content: "\e006";
font-family: "feather";
font-size: 17px;
font-weight: 100;
left: 50%;
margin-left: -9px;
position: absolute;
top: -23px;
}
.woocommerce .shop_table.cart thead {
font-size:12px;
letter-spacing: 2px;
text-transform: uppercase;
}
.woocommerce input.button,
.woocommerce .shipping-calculator-form button,
.woocommerce .woocommerce-message a.button {
background-color: #24bee8;
color: #fff;
font-size: 11px;
font-weight: 600;
letter-spacing: 1px;
text-transform: uppercase;
}
.woocommerce input.button:hover,
.woocommerce .shipping-calculator-form button:hover,
.woocommerce .woocommerce-message a.button:hover {
background-color: #000;
color: #fff;
}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
border-radius: 0;
} .homemenu .cart {
background: #fff;
border:1px solid #f5f5f5;
color: #FFFFFF;
font-size: 11px;
padding: 30px;
width: 230px;
position: absolute;
right: 0;
top:auto;
border-bottom: 3px solid #24bee8;
}
.cart-elements .cart-element-image {
float: left;
width: 60px;
}
.cart-elements .cart-element-image img {
width: 60px;
height: 60px;
}
.cart-elements .cart-contents {
text-align: left;
}
.cart-elements .cart-content-text {
float: left;
margin-left: 10px;
}
.cart-elements .cart-title {
color: #000;
display: block;
font-size: 11px;
font-weight: 500;
letter-spacing: 1px;
text-transform: uppercase;
}
.cart-elements .cart-title:hover {
color: #24bee8;
}
.cart-elements .cart-item-quantity-wrap,
.cart-elements .amount {
color: #000;
display: block;
font-size: 11px;
font-weight: 500;
letter-spacing: 1px;
text-transform: uppercase;
text-align: left;
}
.cart-elements .amount {
font-weight: 600;
}
.cart-content-checkout {
color: #000;
display: block;
font-size: 11px;
font-weight: 500;
letter-spacing: 1px;
text-transform: uppercase;
text-align: center;	
}
.cart-view-link {
margin-top:10px;
}
.cart-view-link a,
.cart-checkout-link a{
border:1px solid #000;
margin-top:5px;
padding: 5px;
font-weight: 600;
color:#000;
display: block;
transition: all 0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
}
.cart-view-link a:hover,
.cart-checkout-link a:hover {
background-color: #000;
}
.homemenu .cart-view-link:hover a,
.homemenu .cart-checkout-link:hover a {
color:#fff;
}
.cart-view-link a,
.cart-checkout-link a,
.homemenu .cart-view-link a,
.homemenu .cart-checkout-link a {
font-weight: 600;
color:#000;
font-size: 11px;
}
.header-cart-close {
color: #000;
float: right;
font-size: 20px;
position: relative;
right: -15px;
top: -23px;
cursor: pointer;
}
.mtheme-header-cart {
display: none;
}
.cart-empty {
border: 1px solid #eee;
color: #A6A6A6;
font-size: 12px;
font-weight: 500;
letter-spacing: 1px;
margin: 25px;
padding: 30px;
}
.woocommerce .woocommerce-error,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-message {
background-color: #fbfbfb;
}
.woocommerce .woocommerce-error,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-message {
padding-top: 30px !important;
}
.woocommerce .woocommerce-error a.button,
.woocommerce .woocommerce-info a.button,
.woocommerce .woocommerce-message a.button {
position: relative;
top:-10px;
}
.woocommerce .woocommerce-error:before,
.woocommerce .woocommerce-info:before,
.woocommerce .woocommerce-message::before {
top:28px;
}
.woocommerce-checkout .entry-content h2 {
font-size: 16px;
line-height: 20px;
margin-top: 80px;
}
.woocommerce-checkout .entry-content h3 {
font-size: 13px;
line-height: 14px;
}
.woocommerce-checkout .order_details {
border: 1px solid #eee;
padding: 60px;
color:#000;
font-size: 16px;
}
.woocommerce-checkout .addresses {
border:1px solid #eee;
} .gform_wrapper .gfield input[type=text],
.gform_wrapper .gfield input[type=email],
.gform_wrapper .gfield input[type=tel],
.gform_wrapper .gfield input[type=url],
.gform_wrapper input[type="number"],
.gform_wrapper input[type="password"],
#customer_login .input-text,
.edit-account-form .input-text,
.myaccount_address .input-text {
border: 1px solid #d2d2d2;
font-size: 13px;
color: #747474;
-webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1);
padding: 8px;
}
.wpcf7-form input {
float: none;
}
.gform_wrapper .top_label input.large,
.gform_wrapper .top_label select.large,
.gform_wrapper .top_label textarea.textarea {
width: 100%;
}
.gform_wrapper .top_label li.gfield.gf_left_third,
.gform_wrapper .top_label li.gfield.gf_middle_third {
width: 49%;
margin-top: 10px;
}
.gform_wrapper .top_label li.gfield.gf_right_third {
width: 99%;
margin-top: 10px;
}
.gform_wrapper li.gfield.gf_list_4col ul.gfield_checkbox li,
.gform_wrapper li.gfield.gf_list_4col ul.gfield_radio li,
.gform_wrapper li.gfield.gf_list_5col ul.gfield_checkbox li,
.gform_wrapper li.gfield.gf_list_5col ul.gfield_radio li{
width: 33%;
margin-top: 0px;
}
.entry-content .gform_wrapper .gfield_checkbox li label,
.entry-content .gform_wrapper .gfield_radio li label {
line-height: 26px;
}
.gform_wrapper .top_label .gfield_label {
color: #000;
font-size: 12px;
padding-top: 15px;
letter-spacing: 2px;
text-transform: uppercase;
}
.gform_wrapper .gform_page_footer .button.gform_next_button,
.gform_wrapper .gform_page_footer .button.gform_button,
.gform_wrapper .gform_page_footer .button.gform_previous_button {
background: none;
border: 2px solid #000;
color: #000;
font-size: 12px;
font-weight: 600;
padding: 10px 30px;
text-transform: uppercase;
transition: all 0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
}
.gform_wrapper .gform_page_footer .button.gform_next_button:hover,
.gform_wrapper .gform_page_footer .button.gform_button:hover,
.gform_wrapper .gform_page_footer .button.gform_previous_button:hover {
background:#000;
color:#fff;
cursor: pointer;
}
.entry-content .gform_wrapper .gfield_time_hour i {
margin-top: 2%;
}
.entry-content .gform_wrapper .gf_progressbar {
margin-top:20px;
box-shadow: none;
}
.entry-content .gform_wrapper .gf_progressbar_wrapper {
background: #f7f7f7;
border-bottom:0;
clear: both;
margin: 0 0 20px;
padding: 40px;
width: auto;
}
.entry-content .gform_wrapper .gf_progressbar_wrapper h3.gf_progressbar_title {
text-align: center;
font-size:16px;
font-weight: 600;
margin-bottom: 10px;
}
.entry-content .gform_confirmation_wrapper {
padding: 40px;
color:#000;
background:#FFFCEF;
text-align: center;
font-size: 16px;
line-height: 24px;
}
.attachment-recent-works-thumbnail {
width: 40px;
}
.mtheme-fotorama {
width: 100%;
}
.fotorama__nav-wrap {
position: absolute;
bottom:40px;
}
.mtheme-spaced-below {
margin-bottom: 40px;
}
.wpcf7-form input,
.wpcf7-form textarea{
color:#000;
}
.text-is-bright .wpcf7-form input,
.text-is-bright .wpcf7-form textarea{
color:#fff;
}
.menu-is-vertical .title-container-no-display-wrap {
position: relative;
}
.menu-is-vertical.header-compact.header-is-off.no-title-background .container-fullwidth {
padding-top: 0;
}
.menu-is-vertical.header-compact .toggle-menu-trigger {
top:4px;
}
.mobile-menu-onwhite .mobile-menu-toggle {
background-color: #fff;
}
.mobile-menu-onwhite .mobile-menu-icon {
background-color: #fff;
color:#000;
} .sitewide-capsoff .entry-content h1,
.sitewide-capsoff .entry-content h2,
.sitewide-capsoff .entry-content h3,
.sitewide-capsoff .entry-content h4,
.sitewide-capsoff .entry-content h5,
.sitewide-capsoff .entry-content h6,
.sitewide-capsoff .work-details h4,
.sitewide-capsoff .work-details h4 a,
.sitewide-capsoff #gridblock-filters li a,
.sitewide-capsoff .homemenu ul li a,
.sitewide-capsoff .homemenu .sf-menu .mega-item .children-depth-0 h6,
.sitewide-capsoff .toggle-menu-list li,
.sitewide-capsoff #footer h3,
.sitewide-capsoff .portfolio-end-block h2.section-title,
.sitewide-capsoff .project-details-link h4 a,
.sitewide-capsoff .gridblock-grid-element .boxtitle-hover a,
.sitewide-capsoff .boxtitle-worktype,
.sitewide-capsoff .entry-content .blogpost_readmore a,
.sitewide-capsoff .blog-grid-element .summary-date,
.sitewide-capsoff #respond h3,
.sitewide-capsoff #commentform label,
.sitewide-capsoff #contact .button,
.sitewide-capsoff #commentform input#submit,
.sitewide-capsoff ol.commentlist li.comment .reply a,
.sitewide-capsoff .datecomment,
.sitewide-capsoff ol.commentlist li.comment .comment-meta a,
.sitewide-capsoff ol.commentlist li.comment .comment-author,
.sitewide-capsoff ol.commentlist li.comment .comment-author a,
.sitewide-capsoff ol.commentlist li.comment .comment-author .fn,
.sitewide-capsoff .pricing-table .pricing-duration,
.sitewide-capsoff .pricing-table .pricing-row,
.sitewide-capsoff .mtheme-button,
.sitewide-capsoff.woocommerce ul.products li.product h3, 
.sitewide-capsoff.woocommerce-page ul.products li.product h3,
.sitewide-capsoff .mtheme-woo-order-selected,
.sitewide-capsoff.woocommerce .mtheme-woocommerce-description-wrap .add_to_cart_button,
.sitewide-capsoff.woocommerce .mtheme-woocommerce-description-wrap .product_type_variable,
.sitewide-capsoff.woocommerce #content div.product form.cart .button,
.sitewide-capsoff.woocommerce div.product form.cart .button,
.sitewide-capsoff.woocommerce-page #content div.product form.cart .button,
.sitewide-capsoff.woocommerce-page div.product form.cart .button,
.sitewide-capsoff.woocommerce .entry-summary .product_meta,
.sitewide-capsoff.woocommerce div.product .woocommerce-tabs ul.tabs li a,
.sitewide-capsoff.woocommerce #content div.product .woocommerce-tabs ul.tabs li a,
.sitewide-capsoff.woocommerce-page div.product .woocommerce-tabs ul.tabs li a,
.sitewide-capsoff.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a,
.sitewide-capsoff.woocommerce .related h2,
.sitewide-capsoff.woocommerce .upsells h2,
.sitewide-capsoff.woocommerce .cross-sells h2,
.sitewide-capsoff .cart-elements .cart-title,
.sitewide-capsoff .cart-content-checkout,
.sitewide-capsoff.woocommerce .woocommerce-breadcrumb,
.sitewide-capsoff .woocommerce-result-count,
.sitewide-capsoff #copyright,
.sitewide-capsoff .mfp-title,
.sitewide-capsoff .responsive-mobile-menu nav ul li a,
.sitewide-capsoff .header-search-bar .search-instructions,
.sitewide-capsoff .entry-title h1,
.sitewide-capsoff #header-searchform #hs,
.sitewide-capsoff .sidebar h3,
.sitewide-capsoff .blog-details-section .the-month,
.sitewide-capsoff .wpcf7-form input[type="button"],
.sitewide-capsoff .wpcf7-form input[type="submit"],
.sitewide-capsoff .wpcf7-form input[type="reset"],
.sitewide-capsoff .wpcf7-form p,
.sitewide-capsoff ul.mtree a,
.sitewide-capsoff #searchform input,
.sitewide-capsoff #mobile-searchform input {
text-transform: none;
}
.sitewide-capsoff .entry-content h1,
.sitewide-capsoff .entry-content h2,
.sitewide-capsoff .entry-content h3,
.sitewide-capsoff .entry-content h4,
.sitewide-capsoff .entry-content h5,
.sitewide-capsoff .entry-content h6,
.sitewide-capsoff #respond h3,
.sitewide-capsoff .entry-title h1,
.sitewide-capsoff ol.commentlist li.comment .reply a,
.sitewide-capsoff .homemenu ul li a,
.sitewide-capsoff .header-search-bar .search-instructions,
.sitewide-capsoff #header-searchform #hs,
.sitewide-capsoff .wpcf7-form input[type="button"],
.sitewide-capsoff .wpcf7-form input[type="submit"],
.sitewide-capsoff .wpcf7-form input[type="reset"] {
letter-spacing: 2px;
}
.sitewide-capsoff .pricing-table .pricing_highlight .pricing-title h2 {
letter-spacing: 1px;
}
.sitewide-capsoff #contact .button,
.sitewide-capsoff #commentform input#submit,
.sitewide-capsoff ol.commentlist li.comment .reply a,
.sitewide-capsoff .sidebar h3 {
font-size: 14px;
}
.sitewide-capsoff .pricing-table .pricing-row,
.sitewide-capsoff .mtheme-button,
.sitewide-capsoff .wpcf7-form input[type="button"],
.sitewide-capsoff .wpcf7-form input[type="submit"],
.sitewide-capsoff .wpcf7-form input[type="reset"],
.sitewide-capsoff .shortcode-time-counter-block h4 {
font-size: 14px;
letter-spacing: 1px;
}
.sitewide-capsoff .boxtitle-worktype {
font-size: 11px;
}
.sitewide-capsoff #copyright {
font-size: 10px;
}
.sitewide-capsoff.woocommerce .mtheme-woocommerce-description-wrap .add_to_cart_button,
.sitewide-capsoff.woocommerce .mtheme-woocommerce-description-wrap .product_type_variable,
.sitewide-capsoff.woocommerce .entry-summary .product_meta {
font-size: 11px !important;
}
.sitewide-capsoff .hero-text-wrap .hero-title,
.sitewide-capsoff h2.callout-title,
.portfolio-end-block h2.section-title {
letter-spacing: 1px;
}
.sitewide-capsoff h2.callout-title {
font-size: 18px;
}
.sitewide-capsoff .hero-text-wrap .hero-subtitle {
letter-spacing: 2px;
}
.sitewide-capsoff .hero-text-wrap .hero-subtitle {
font-size: 14px;
}
.footer-is-off #gridblock-container {
min-height: 800px;
}
.footer-is-off .footer-margin {
margin-top: 0;
}
.footer-is-off #copyright {
padding: 40px 0;
}
.date-time-style-top .blog-details-section {
float: none;
width: auto;
}
.date-time-style-top .blog-content-section {
float:none;
width: auto;
}
.date-time-style-top .blog-details-section .the-day,
.date-time-style-top .blog-details-section .the-month,
.date-time-style-top .blog-details-section .the-year {
font-size: 12px;
}
.date-time-style-top .blog-details-section span {
display: inline;
margin-right: 2px;
}
.date-time-style-top .blog-details-section-inner {
border: 0;
border-top:1px solid #eee;
text-indent: 0;
display: inline-block;
}
.googlemaps img {
max-width: none;
}@font-face {
font-family: 'icomoon';
src:  url(//kwantik.co.ao/wp-content/themes/howl-child/fonts/icomoon.eot?w06ee5);
src:  url(//kwantik.co.ao/wp-content/themes/howl-child/fonts/icomoon.eot?w06ee5#iefix) format('embedded-opentype'),
url(//kwantik.co.ao/wp-content/themes/howl-child/fonts/icomoon.ttf?w06ee5) format('truetype'),
url(//kwantik.co.ao/wp-content/themes/howl-child/fonts/icomoon.woff?w06ee5) format('woff'),
url(//kwantik.co.ao/wp-content/themes/howl-child/fonts/icomoon.svg?w06ee5#icomoon) format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^="icon-"], [class*=" icon-"] { font-family: 'icomoon' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-shield:before {
content: "\e907";
}
.icon-globe:before {
content: "\e908";
}
.icon-team:before {
content: "\e909";
}
.icon-calendar:before {
content: "\e90a";
}
.icon-chat:before {
content: "\e90b";
}
.icon-join:before {
content: "\e90c";
}
.icon-reinforce:before {
content: "\e90d";
}
.icon-renewable-energy:before {
content: "\e90e";
}
.icon-water-tank:before {
content: "\e90f";
}
.icon-maintenance:before {
content: "\e910";
}
.icon-radioactivity:before {
content: "\e911";
}
.icon-factory-1:before {
content: "\e912";
}
.icon-valve:before {
content: "\e913";
}
.icon-water:before {
content: "\e914";
}
.icon-air-conditioner:before {
content: "\e915";
}
.icon-tower:before {
content: "\e916";
}
.icon-chimney:before {
content: "\e917";
}
.icon-high-voltage:before {
content: "\e918";
}
.icon-lightbulb:before {
content: "\e919";
}
.icon-factory:before {
content: "\e91a";
}
.icon-network:before {
content: "\e91b";
}
.icon-power-plant:before {
content: "\e91c";
}
.icon-manutencao:before {
content: "\e900";
}
.icon-municipios:before {
content: "\e901";
}
.icon-eficiencia_energetica:before {
content: "\e902";
}
.icon-edificios_terciarios:before {
content: "\e903";
}
.icon-infraestruturas_redes:before {
content: "\e904";
}
.icon-energias_renovaveis:before {
content: "\e905";
}
.icon-indutria:before {
content: "\e906";
}iframe{
width: 100%;
} #services .mtheme-block .row:nth-child(1) .mtheme-cell-wrap:nth-child(1) .et-icon-strategy:before{
font-family: 'icomoon' !important;
content: "\e915";
}
#services .mtheme-block .row:nth-child(1) .mtheme-cell-wrap:nth-child(2) .et-icon-strategy:before{
font-family: 'icomoon' !important;
content: "\e914";
}
#services .mtheme-block .row:nth-child(1) .mtheme-cell-wrap:nth-child(3) .et-icon-strategy:before{
font-family: 'icomoon' !important;
content: "\e913";
}
#services .mtheme-block .row:nth-child(2) .mtheme-cell-wrap:nth-child(1) .et-icon-strategy:before{
font-family: 'icomoon' !important;
content: "\e912";
}
#services .mtheme-block .row:nth-child(2) .mtheme-cell-wrap:nth-child(2) .et-icon-strategy:before{
font-family: 'icomoon' !important;
content: "\e911";
}
#services .mtheme-block .row:nth-child(2) .mtheme-cell-wrap:nth-child(3) .et-icon-strategy:before{
font-family: 'icomoon' !important;
content: "\e910";
}
#services .mtheme-block .row:nth-child(3) .mtheme-cell-wrap:nth-child(1) .et-icon-strategy:before{
font-family: 'icomoon' !important;
content: "\e90f";
}
#services .mtheme-block .row:nth-child(3) .mtheme-cell-wrap:nth-child(2) .et-icon-strategy:before{
font-family: 'icomoon' !important;
content: "\e90e";
}
#services .mtheme-block .row:nth-child(3) .mtheme-cell-wrap:nth-child(3) .et-icon-strategy:before{
font-family: 'icomoon' !important;
content: "\e90d";
}
#services .mtheme-block .row:nth-child(4) .mtheme-cell-wrap:nth-child(1) .et-icon-strategy:before{
font-family: 'icomoon' !important;
content: "\e90c";
}
#services .mtheme-block .row:nth-child(4) .mtheme-cell-wrap:nth-child(2) .et-icon-strategy:before{
font-family: 'icomoon' !important;
content: "\e90b";
}
#services .mtheme-block .row:nth-child(4) .mtheme-cell-wrap:nth-child(3) .et-icon-strategy:before{
font-family: 'icomoon' !important;
content: "\e90a";
}
#services .mtheme-block .row:nth-child(5) .mtheme-cell-wrap:nth-child(1) .et-icon-strategy:before{
font-family: 'icomoon' !important;
content: "\e909";
}
#services .mtheme-block .row:nth-child(5) .mtheme-cell-wrap:nth-child(2) .et-icon-strategy:before{
font-family: 'icomoon' !important;
content: "\e908";
}
#services .mtheme-block .row:nth-child(5) .mtheme-cell-wrap:nth-child(3) .et-icon-strategy:before{
font-family: 'icomoon' !important;
content: "\e907";
} .project-details{
padding-bottom: 15px;
}
.project-details h4{
margin:0px;
}
.single-mtheme_portfolio .title-container{
padding: 110px 0 45px;
}  #mercados_homepage .mtheme-block .row:nth-child(1) .mtheme-cell-wrap:nth-child(1) .et-icon-strategy:before{
font-family: 'icomoon' !important;
content: "\e906";
} #mercados_homepage .mtheme-block .row:nth-child(1) .mtheme-cell-wrap:nth-child(2) .et-icon-strategy:before{
font-family: 'icomoon' !important;
content: "\e904";
} #mercados_homepage .mtheme-block .row:nth-child(1) .mtheme-cell-wrap:nth-child(3) .et-icon-strategy:before{
font-family: 'icomoon' !important;
content: "\e903";
} #mercados_homepage .mtheme-block .row:nth-child(1) .mtheme-cell-wrap:nth-child(4) .et-icon-strategy:before{
font-family: 'icomoon' !important;
content: "\e901";
} #mercados_homepage .mtheme-block .row:nth-child(3) .mtheme-cell-wrap:nth-child(1) .et-icon-strategy:before{
font-family: 'icomoon' !important;
content: "\e905";
} #mercados_homepage .mtheme-block .row:nth-child(3) .mtheme-cell-wrap:nth-child(2) .et-icon-strategy:before{
font-family: 'icomoon' !important;
content: "\e902";
} #mercados_homepage .mtheme-block .row:nth-child(3) .mtheme-cell-wrap:nth-child(3) .et-icon-strategy:before{
font-family: 'icomoon' !important;
content: "\e900";
}