.main-header{
background: #FFF;
position: relative;
z-index: 2;
}
.site-branding{
float: left;
max-width: 30%;
}
.site-branding a{
text-decoration: none;
color: inherit;
}
.site-branding .site-title{
font-size: 2em;
margin-bottom: 5px;
text-transform: uppercase;
line-height: 1;
}
.site-description{
font-size: 0.9em;
margin: 0;
}
.main-navigation{
float: right;
}
.main-navigation ul {
list-style: none;
margin: 0;
padding: 0;
}
.main-navigation li {
position: relative;
}
.main-navigation a {
display: block;
text-decoration: none;
}
ul.punte-main-menu > li{
float: left;
}
ul.punte-main-menu > li > a{
padding: 0 15px;
}
ul.punte-main-menu ul {
display: none;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
background: #FFF;
position: absolute;
top: 100%;
left: 0;
width: 200px;
z-index: 999
}
ul.punte-main-menu ul ul {
left: 100%;
top: 0;
}
ul.punte-main-menu li:hover > ul,
ul.punte-main-menu li:focus-within > ul {
display: block;
}
ul.punte-main-menu ul li a{
padding: 12px;
font-size: 15px;
border-bottom: 1px solid rgba(0,0,0,0.05);
color: #FFF;
line-height: 1.4;
}
ul.punte-main-menu li:hover > ul,
ul.punte-main-menu li:focus > ul,
ul.punte-main-menu li.focus > ul {
left: auto;
}
ul.punte-main-menu ul li:hover > ul,
ul.punte-main-menu ul li:focus > ul,
ul.punte-main-menu ul li.focus > ul {
left: 100%;
}
ul.punte-main-menu ul li:nth-last-child(2) > ul, 
ul.punte-main-menu ul li:nth-last-child(1) > ul ,
ul.punte-main-menu ul li:nth-last-child(2):hover > ul, 
ul.punte-main-menu ul li:nth-last-child(2):focus > ul, 
ul.punte-main-menu ul li:nth-last-child(2).focus > ul,
ul.punte-main-menu ul li:nth-last-child(1):hover > ul, 
ul.punte-main-menu ul li:nth-last-child(1):focus > ul, 
ul.punte-main-menu ul li:nth-last-child(1).focus > ul {
left: unset;
right: 100%;
}
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {
} .top-header{
font-size: 0.88em;
position: relative;
z-index: 9;
}
.top-header p{
margin: 0;
}
.top-header a{
color: #FFF;
text-decoration: none;
}
.top-header ul{
list-style: none;
margin: 0;
padding: 0;
}
.top-header ul li{
display: inline-block;
}
.top-header ul ul li{
display: block;
margin: 0;
}
.top-header .widget{
margin: 0;
} .top-left-header-block{
float: left;
}
.top-left-header-block ul li{
margin-right: 16px;
} .top-right-header-block{
float: right;
}
.top-right-header-block ul li{
margin-left: 16px;
} .top-menu > li{
float: left;
position: relative;
}
.top-menu ul{
display: none;
position: absolute;
top: 100%;
left: 0;
background: #333;
min-width: 180px;
margin-top: 10px;
}
.top-menu ul li{
border-bottom: 1px solid rgba(255,255,255,0.06);
}
.top-menu ul li a{
display: block;
padding: 8px 15px;
}
.top-menu ul ul{
top: 0;
left: 100%;
}
.top-menu li:hover > ul,
.top-menu li:focus > ul{
display: block;
} .header-layout1 .top-header{
background: #f5f5f5;
padding: 10px 0;
color: #000000;
position: relative;
z-index: 9;
}
.header-layout1 .main-header{
border-bottom: 1px solid #EEE;
}
.header-layout1 .menu-item-search{ } .header-layout2 {
border-bottom: 1px solid #EEE;
}
.header-layout2 .site-branding{
padding-right: 20px;
border-right: 1px solid #EEE;
}
.header-layout2 .main-navigation{
flex-grow: 1;
}
.header-layout2 .top-header{
padding: 10px 0 10px 20px;
border-bottom: 1px solid #EEE;
background: none !important;
}
.header-layout2 .top-header .punte-container{
width: auto;
padding: 0;
}
.header-layout2 .top-header .sub-menu a{
color: #FFF;
}
.header-layout2 .punte-main-menu{
text-align: right;
}
.header-layout2 .punte-main-menu ul{
text-align: left;
}
.header-layout2 .punte-main-menu > li{
display: inline-block;
float: none;
}
.header-layout2 .punte-main-menu > li > a{
padding-top: 15px;
padding-bottom: 15px;
}
.header-layout2 .site-branding img{
max-height: 70px;
} .header-layout3 .top-header{
padding: 10px 0;
background: #333;
color: #FFF;
}
.header-layout3 .header-widget{
float: right;
padding: 20px 0;
flex-grow: 1;
}
.header-widget .widget{
margin: 0;
float: right;
}
.header-layout3 .main-navigation{
border-top: 1px solid #EEE;
float: none;
}
.header-layout3 ul.punte-main-menu > li > a{
padding-bottom: 15px;
padding-top: 15px;
} .header-layout4{
position: fixed;
width: 300px;
max-width: 300px;
left: 0;
top: 0;
bottom: 0;
background: #FFF;
z-index: 9;
box-shadow: 4px 0px 8px rgba(0,0,0,0.1);
}
.header-layout4 .main-header{
padding: 30px;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.header-layout4 .main-navigation,
.header-layout4 .site-branding{
float: none;
margin-bottom: 30px;
max-width: none;
}
.header-layout4 ul.punte-main-menu ul{
position: static;
width: auto;
padding-left: 10px;
background: none !important;
box-shadow: none;
}
.header-layout4 ul.punte-main-menu > li{
float: none;
border-bottom: 1px solid rgba(0,0,0,0.1);
}
.header-layout4 ul.punte-main-menu > li > a{
padding: 10px 0;
}
.header-layout4 ul.punte-main-menu > li:last-child{
border: 0;
}
.header-layout4 ul.punte-main-menu ul li a{
border-bottom: 0;
border-top: 1px solid rgba(0,0,0,0.05);
padding: 8px 0;
}
.header-layout4 .header-widget{
margin-top: 30px;
}
.header-layout4 .mCSB_outside + .mCSB_scrollTools{
right: -2px;
}
.header-layout4 + .site-content,
.header-layout4 + .site-content + footer{
margin-left: 300px;
} .header-layout5{
position: relative;
z-index: 9;
}
.header-layout5 .top-header{
background: #000;
padding: 10px 0 70px;
z-index: auto;
color: #FFF;
margin-top: 0;
}
.header-layout5 .main-header{
padding: 0 15px;
z-index: 9;
}
.header-layout5 .top-header .punte-container{
position: relative;
z-index: 99;
}
.header-layout5 .is-sticky .main-header{
left: auto;
right: auto;
} .header-layout6 .top-header{
background: #333;
padding: 10px 0;
color: #FFF;
position: relative;
z-index: 9;
}
.header-layout6 .main-header{
box-shadow: 0px 3px 8px rgba(0,0,0,0.1);
}
.header-layout6 .is-sticky .main-header,
.header-layout6 .is-sticky .site-branding{
transition: height 0.3s ease;
-moz-transition: height 0.3s ease;
-webkit-transition: height 0.3s ease;
}
.header-layout6 .is-sticky ul.punte-main-menu > li > a,
.header-layout6 .is-sticky ul.punte-main-menu > li.header-search i{
transition: line-height 0.3s ease;
-moz-transition: line-height 0.3s ease;
-webkit-transition: line-height 0.3s ease;
}
.header-layout6 .site-branding img{
transition: max-height 0.3s ease;
-moz-transition: max-height 0.3s ease;
-webkit-transition: max-height 0.3s ease;
} .punte-mobile-header{
height: 60px;
background: #FFF;
text-align: center;
position: relative;
display: none;
border-bottom: 1px solid #EEE;
}
.punte-nav-icon{
position: absolute;
left: 0;
top: 0;
height: 60px;
width: 60px;
cursor: pointer;
}
.punte-nav-icon span{
width: 26px;
position: absolute;
top: 50%;
left: 50%;
transform: translate( -50%, -50% );
-ms-transform: translate( -50%, -50% );
-webkit-transform: translate( -50%, -50% );
line-height: 60px;
background: #333;
height: 2px;
width: 18px;
}
.punte-nav-icon span::before {
background: #333;
content: '';
display: block;
height: 100%;
position: absolute;
transition: all .2s ease-out;
width: 100%;
top: 5px;
}
.punte-nav-icon span::after {
background: #333;
content: '';
display: block;
height: 100%;
position: absolute;
transition: all .2s ease-out;
width: 100%;
top: -5px;
}
.punte-nav-icon.active span{
background: transparent;
}
.punte-nav-icon.active span::before{
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 0;
}
.punte-nav-icon.active span::after{
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
top: 0;
}
.punte-mobile-logo{
display: inline-block;
padding: 10px 0;
}
.punte-mobile-search{
position: absolute;
right: 0;
top: 0;
width: 60px;
height: 60px;
cursor: pointer;
line-height: 60px;
}
.punte-mobile-search a{
color: #333;
}
.punte-mobile-logo img{
max-height: 40px;
width: auto;
}#colophon{
background: #333;
color: #FFF;
clear: both;
}
.site-footer a{
color: #EEE;
text-decoration: none;
}
.site-footer .textwidget p {
color: #fff;
font-size: 16px;
margin-bottom: 10px;
}
.site-footer ul{
list-style: none;
margin: 0;
}
.site-footer li{
padding: 5px 0;
}
.site-footer li.menu-item a{
font-size: 16px;
color: #FFF;
}
.site-footer .widget-title{
font-size: 1.45em;
text-transform: capitalize; 
margin-bottom: 20px;
font-weight: 400;
}
.site-footer li.menu-item a:hover {
color: #eee;
}
#top-footer{
padding: 60px 0 45px;
}
.top-footer-wrap{
margin-left: -3%;
}
.footer-column{
width: 22%;
float: left;
margin-left: 3%;
}
.top-footer-wrap.column-col-3 .footer-column{
width: 30.333%;
}
.top-footer-wrap.column-col-2 .footer-column{
width: 42%;
}
.top-footer-wrap.column-col-1 .footer-column{
width: 97%;
}
.top-footer-wrap.column-col-1-2 .footer-column-1{
width: 22%;
}
.top-footer-wrap.column-col-1-2 .footer-column-2{
width: 72%;
}
.top-footer-wrap.column-col-2-1 .footer-column-1{
width: 72%;
}
.top-footer-wrap.column-col-2-1 .footer-column-2{
width: 22%;
}
.top-footer-wrap.column-col-1-1-2 .footer-column-1,
.top-footer-wrap.column-col-1-1-2 .footer-column-2{
width: 22%
}
.top-footer-wrap.column-col-1-1-2 .footer-column-3{
width: 47%;
}
.top-footer-wrap.column-col-2-1-1 .footer-column-1{
width: 47%
}
.top-footer-wrap.column-col-2-1-1 .footer-column-3,
.top-footer-wrap.column-col-2-1-1 .footer-column-2{
width: 22%;
}
.top-footer-wrap.column-col-1-3 .footer-column-1{
width: 22%
}
.top-footer-wrap.column-col-1-3 .footer-column-2{
width: 72%
}
.top-footer-wrap.column-col-3-1 .footer-column-1{
width: 72%
}
.top-footer-wrap.column-col-3-1 .footer-column-2{
width: 22%
}
.top-footer-wrap.column-col-1-2-1 .footer-column-1,
.top-footer-wrap.column-col-1-2-1 .footer-column-3{
width: 22%
}
.top-footer-wrap.column-col-1-2-1 .footer-column-2{
width: 47%;
}
#bottom-footer p:last-child{
margin-bottom: 0;
}
#bottom-footer .punte-container{
padding: 20px 0;
background: rgba(0,0,0,0.15);
text-align: center;
font-size: 0.9em;
}
#bottom-footer .punte-container-wrapper {
padding: 20px 0;
background: rgba(0,0,0,0.15);
text-align: center;
font-size: 0.9em;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
justify-content: center;
}
#bottom-footer .punte-container-wrapper p {
margin: 0;
padding-right: 5px;
}
#bottom-footer .punte-container-wrapper a {
padding-left: 5px;
}
.site-footer .widget-title {
font-size: 20px;
text-transform: capitalize; 
margin-bottom: 20px;
font-weight: 400;
}.punte-related-post{
margin-bottom: 30px;
}
.punte-related-post-wrap{
list-style: none;
padding: 0;
margin: 0;
margin-left: -3%;
}
.punte-related-post-wrap li{
float: left;
width: 30.333%;
margin-left: 3%;
}
.punte-related-post-wrap h4{
font-size: 1.2em;
line-height: 1.3;
}
.punte-related-post-wrap h4 a{
color: inherit;
}
.punte-related-post-wrap .relatedthumb{
margin-bottom: 12px;
}
.punte-related-post-wrap .entry-date-author{
font-size: 0.88em;
opacity: 0.9;
}
.punte-related-post-wrap .entry-date-author svg{
fill: #404040;
}
.punte-related-post-wrap .entry-date-author span{
margin-right: 10px;
} .punte-author-info{
border: 1px solid #EEE;
padding: 20px;
margin-bottom: 50px;
}
.punte-author-avatar{
float: left;
}
.punte-author-description{
margin-left: 120px;
}
.punte-author-description h4{
font-size: 1.2em;
text-transform: uppercase;
margin-bottom: 8px;
}
.punte-author-icons{
float: right;
}
.punte-author-icons a{
padding: 5px;
font-size: 16px;
}
.single-entry-meta{
margin-bottom: 30px;
}
.single-entry-meta > div{
display: inline;
opacity: 0.7;
margin-right: 20px;
font-size: 0.9em;
}
.single-entry-meta > div .fa{
margin-right: 6px;
}
.single-entry-meta > div a{
color: inherit;
}.oval-button{
border: 1px solid #333;
text-decoration: none;
color: inherit;
border-radius: 100px;
padding: 10px 30px;
line-height: 1;
display: inline-block;
font-size: 0.9em;
}
.wpb_button, .wpb_content_element, 
ul.wpb_thumbnails-fluid>li{
margin-bottom: 0;
}
.vc_col-has-fill>.vc_column-inner, 
.vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner, 
.vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner, 
.vc_row-has-fill+.vc_vc_row>.vc_row>.vc_vc_column>.vc_column_container>.vc_column-inner, 
.vc_row-has-fill+.vc_vc_row_inner>.vc_row>.vc_vc_column_inner>.vc_column_container>.vc_column-inner, 
.vc_row-has-fill>.vc_column_container>.vc_column-inner, .vc_row-has-fill>.vc_row>.vc_vc_column>.vc_column_container>.vc_column-inner, 
.vc_row-has-fill>.vc_vc_column_inner>.vc_column_container>.vc_column-inner{
padding-top: 0;
}
.punte-section-outer.vc_row{
margin-left: 0;
margin-right: 0;
position: relative;
}
.punte-row {
position: relative;
flex-grow: 1;
}
.punte-section-outer[data-vc-stretch-content] > .punte-row{
margin-left: 0;
margin-right: 0;
width: 100%;
}
.vc_column_container > .theiaStickySidebar{
box-sizing: border-box;
padding-left: 15px;
padding-right: 15px;
width: 100%;
}
.punte-top-section-seperator{
position: absolute !important;
left: 0;
right: 0;
top: 0;
min-height: 50px;
z-index: 2;
margin-top: -1px;
}
.punte-bottom-section-seperator{
position: absolute !important;
left: 0;
right: 0;
bottom: 0;
min-height: 50px;
z-index: 2;
margin-bottom: -1px;
}
.punte-row-overlay{
top: 0;
bottom: 0;
left: 0;
right: 0;
position: absolute;
}
.punte-traingle-top-svg,
.punte-bottom-section-seperator .punte-svg-triangle,
.punte-bottom-section-seperator .punte-svg-big-triangle,
.punte-bottom-section-seperator .punte-svg-circle,
.punte-top-section-seperator .punte-svg-curve-center,
.punte-top-section-seperator .punte-svg-big-triangle-right,
.punte-top-section-seperator .punte-svg-curve-right,
.punte-top-section-seperator .punte-svg-tilt-left,
.punte-top-section-seperator .punte-svg-cloud,
.punte-top-section-seperator .punte-svg-waves{
transform: scale(-1);
}
.punte-top-section-seperator .punte-svg-big-triangle-left,
.punte-top-section-seperator .punte-svg-curve-left,
.punte-svg-tilt-right{
transform: scaleY(-1);
}
.punte-svg-big-triangle-right,
.punte-svg-curve-right,
.punte-bottom-section-seperator .punte-svg-tilt-right{
transform: scaleX(-1);
}
.punte-round-split-left{
top: 0;
left: 0;
width: 50%;
height: 70px;
background: inherit;
position: absolute;
}
.punte-round-split-right{
top: 0;
right: 0;
width: 50%;
height: 70px;
background: inherit;
position: absolute;
}
.punte-bottom-section-seperator .punte-round-split-left,
.punte-bottom-section-seperator .punte-round-split-right{
bottom: 0;
top: auto;
}
svg{
vertical-align: middle;
}@media screen and (max-width: 768px){  
.vc_column_container{
margin-bottom: 40px;
}
.vc_column_container:last-child{
margin-bottom: 0;
}
.site-header .top-header{
display: none;
}
.punte-mobile-header{
margin-top: 0 !important;
}
#primary,
.sidebar{
width: auto !important;
float: none !important
}
.both-sidebar .site-content > .punte-container{
padding: 0 5%;;
}
.both-sidebar .sidebar-left{
margin-left: 0;
}
.both-sidebar .sidebar-right{
position: static;
margin-right: 0;
right: 0;
}
.both-left-sidebar .site-content > .punte-container{
padding-left: 5%;
}
.both-left-sidebar .sidebar-left,
.both-left-sidebar .sidebar-right{
margin-left: 0;
}
.both-right-sidebar .site-content > .punte-container{
padding-right: 5%;
}
.both-right-sidebar .sidebar-left,
.both-right-sidebar .sidebar-right{
margin-right: 0;
}
.top-footer-wrap{
margin: 0;
}
.footer-column{
float: none !important;
margin-left: 0 !important;
width: auto !important;
}
.punte-blog-post.style1 .punte-blog-post-inner, 
.punte-blog-post.style2 .punte-blog-post-inner{
margin-left: 0;
}
.punte-blog-post.style1 .punte-blog-list, 
.punte-blog-post.style2 .punte-blog-list{
width: auto;
float: none;
margin-left: 0;
}
.punte-blog-post .pbp-image img{
width: 100%;
}
.blog-style4{
width: 47%;
}
.blog-style4:nth-child(3n+1){
clear: none;
}
.blog-style4:nth-child(2n+1){
clear: both;
}
}
@media screen and (max-width: 580px){
.blog-style1.punte-blog-post{ }
.blog-style1.punte-blog-post .entry-content {
font-size: 14px;
line-height: 22px;
}
.blog-style1.punte-blog-post .entry-title a {
font-size: 24px;
}
.blog-style1 .entry-date-author{
float: none;
width: auto;
margin-bottom: 10px;
}
.blog-style1 .entry-share{
float: none;
width: auto;
}
.punte-portfolio-labels li{
margin-bottom: 20px;
}
.punte-blog-post.style3 .punte-blog-list-inner{
padding: 10px;
}
.blog-style3 .entry-image,
.blog-style3 .entry-date-author{
margin-bottom: 20px;
}
.blog-style3 .entry-info{
width: auto;
float: none;
text-align: left;
margin-bottom: 20px;
}
.blog-style3 .posted-on span.entry-big-date{
font-size: 40px;
line-height: 50px
}
.blog-style3 .entry-excerpt{
margin-left: 0;
}
.blog-style4-wrap{
margin-left: 0;
}
.blog-style4{
width: auto;
float: none;
margin-left: 0;
}
}
@media screen and (max-width: 480px){
.punte-related-post-wrap{
margin-left: 0;
}
.punte-related-post-wrap li{
width: auto;
float: none;
margin-left: 0;
margin-bottom: 30px;
}
.punte-related-post-wrap li img{
width: 100%;
}
.alignleft,
.alignright{
display: block;
float: none;
margin:0 0 20px;
}
img.alignleft,
img.alignright{
width: 100%;
}
.punte-portfolio-container{
margin: 0;
}
}