@font-face {
font-family: Brown;
font-weight: 300;
src: url(//bestec.com.au/resources/fonts/Brown-Light.otf) format("opentype");
}
@font-face {
font-family: Brown;
font-weight: 400;
src: url(//bestec.com.au/resources/fonts/Brown-Regular.otf) format("opentype");
}
@font-face {
font-family: Gotham;
font-weight: 700;
src: url(//bestec.com.au/resources/fonts/Gotham-Bold.otf) format("opentype");
}
@font-face {
font-family: Gotham;
font-weight: 900;
src: url(//bestec.com.au/resources/fonts/Gotham-Black.otf) format("opentype");
}	
@font-face {
font-family: Gotham;
font-weight: 400;
src: url(//bestec.com.au/resources/fonts/Gotham-Book.otf) format("opentype");
}
@font-face {
font-family: Gotham;
font-weight: 300;
src: url(//bestec.com.au/resources/fonts/Gotham-Light.otf) format("opentype");
}
@font-face {
font-family: Gotham;
font-weight: 300;
font-style: italic;
src: url(//bestec.com.au/resources/fonts/Gotham-LightItalic.otf) format("opentype");
}
@font-face {
font-family: Gotham;
font-weight: 500;
src: url(//bestec.com.au/resources/fonts/Gotham-Medium.otf) format("opentype");
}
body{
font-family: Brown, sans serif!important;
font-weight: 300!important
} .mfp-container{overflow-y: scroll!important;
} 
.dir-wrapper.blog-post:hover img{
transition: none!important;
transform: none!important;
}
.dir-wrapper.blog-post img{
height: auto!important;
transition: none!important
}
.custom-footer{
background: #0e253a!important;
padding-top: 60px;
padding-bottom: 60px;
}
.navbar .navbar-nav > li > a, .search-cart-header .subtitle {
font-size: 14px;
font-family: Gotham, sans serif;
font-weight: 400;
line-height: 24px;
}
.home-banner{
font-family: Gotham, sans serif;
}
.inner-banner{
font-family: Gotham, sans serif;
}
.heading-title.right {
font-family: Gotham, sans serif;
font-weight: 900;
color: #002539;
font-size: 60px;
line-height: 54px;
margin-right: 0;
padding-bottom: 30px;
text-align: right;
margin-left: 0px!important
}
.footer-loc-label {
color: #f3f3f3;
font-size: 32px;
font-family: Gotham, sans serif !important;
line-height: 42px;
font-weight: 400;
}
.footer-loc{
font-size: 22px;
line-height: 32px;
color: #f3f3f3;
}
.footer-btn{
border: solid 1px #ffffff;
display: inline-block;
width: 230px;
font-size: 16px;
color: #fff;
font-family: Gotham,inherit sans serif;
font-weight: 400 !important;
padding-top: 5px;
padding-bottom: 5px;
margin-top: 5px;
text-transform: uppercase;
}
.footer-btn:hover{
color: #ffffff!important;
}
.footer-soc-wrapper i {
color: #0e253a;
background: #fff;
padding: 8px;
border-radius: 50%;
font-size: 16px;
width: 32px;
height: 32px;
text-align: center;
margin-bottom: 11px;
margin-top: 11px;
}
.footer-loc i{
color: #fff;
font-size: 4px;
vertical-align: middle;
padding-left: 8px;
padding-right: 8px;
}
.footer-loc-label{
padding-bottom: 10px;
padding-top: 20px;
}
.heading-title{
font-family: Gotham, sans serif;
font-weight: 900;
color: #002539;
font-size: 60px;
line-height: 54px;
margin-left: -50px;
padding-bottom: 30px;
text-transform: uppercase;
}
.bringing-desc-01{
font-size: 24px;
line-height: 28px;
font-weight: 300;
font-family: Brown, sans serif;
color: #000000;
padding-bottom: 20px;
}
.font400{
font-weight: 400!important
}
.director-name{
background: #00263a;
color: #fff;
font-family: Gotham,sans serif;
text-align: left;
padding: 12px 20px;
font-size: 18px;
font-weight: 400;
}
.popup-d-name {
font-size: 32px;
line-height: 42px;
color: #002539;
text-align: left!importnat;
border-bottom: solid 2px #4d89c8;
display: inline-block;
margin-bottom: 20px;
}
.popup-d-desc p {
font-size: 16px;
color: #000000;
font-family: Brown, sans serif;
font-weight: 300;
line-height: 18px;
}
.dir-popup .row{
padding: 20px 40px;
}
.nomarginleft{
margin-left: 0px!important;
}
.bringing-desc-02{
font-size: 18px;
line-height: 22px;
font-weight: 300;
font-family: Brown, sans serif;
}
.pso-wrapper{
font-size: 32px;
font-family: Gotham, sans serif;
font-weight: 400;
color: #000000;
padding-bottom: 30px;
line-height: 42px;
}
.pso-icons-wrapper {
width: 12%;
display: inline-block;
font-weight: 400 !important;
color: #000000;
font-size: 13px;
line-height: 16px;
padding-top: 20px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
vertical-align: top;
}
.pso-icons{
text-align: center;
}
.pso-caption{
padding-top: 10px
}
.section-btn{
border: solid 1px #002539;
font-family: Gotham, sans serif;
font-weight: 500;
font-size: 16px;
padding: 8px 20px;
text-transform: uppercase;
display: inline-block;
margin-top: 60px;
letter-spacing: 1px;
background: transparent!important;
color: #002539!important;
}
div.wpcf7-validation-errors{
clear: both;
float: right;
margin: 20px 0 !important;
text-align: center;
width: 100%;
padding: 20px;
text-transform: uppercase;
background-color: transparent;
border: none;
line-height: 20px;
color: #000;
font-size: 16px;
line-height: 24px;
font-family: Gotham, sans serif;
font-weight: 700;
}
.contact-loc-title{
color: #002539;
font-size: 24px;
font-family: Gotham, sans serif;
font-weight: 500;
line-height: 32px;
}
.contact-loc-info {
color: #000000;
font-size: 18px;
line-height: 24px;
font-family: Brown, sans serif;
font-weight: 300;
padding-bottom: 30px;
padding-top: 5px;
}
div.wpcf7-mail-sent-ok {
clear: both;
float: right;
margin: 20px 0 !important;
text-align: center;
width: 100%;
padding: 20px;
text-transform: uppercase;
background-color: transparent;
border: none;
line-height: 20px;
color: #000;
font-size: 16px;
line-height: 24px;
font-family: Gotham, sans serif;
font-weight: 700;
}
.blog-short-description{
width: 100%!important;
}
.home-latest .blog-short-description p{
font-family: Brown, sans serif;
font-weight: 300;
text-align: left;
color: #000000;
font-size: 18px;
padding-top: 10px;
line-height: 20px;
}
.latest-desc{
font-family: Brown, sans serif;
font-weight: 300;
text-align: left;
color: #000000;
font-size: 18px;
padding-top: 10px;
line-height: 20px;
}
.home-latest .published{
font-size: 14px;
line-height: 24px;
color: #6d6e71;
font-family: Brown, sans serif;
font-weight: 300;
text-align: left;
padding-bottom: 2px;
padding-top: 5px;
text-transform: initial;
letter-spacing: 0px!important;
padding-right: 5px!important
}
.home-latest .blog-listing{
margin-bottom: 0px!important
}
.latest-date{
font-size: 14px;
line-height: 24px;
color: #6d6e71;
font-family: Brown, sans serif;
font-weight: 300;
text-align: left;
padding-bottom: 2px;
padding-top: 5px;
}
.home-latest .blog-date a{
font-size: 14px;
line-height: 24px;
color: #6d6e71;
font-family: Brown, sans serif;
font-weight: 300;
text-align: right;
padding-bottom: 2px;
padding-top: 5px;
text-transform: initial;
letter-spacing: 0px!important
}
.latest-cat{
font-size: 14px;
line-height: 24px;
color: #6d6e71;
font-family: Brown, sans serif;
font-weight: 300;
text-align: right;
padding-bottom: 2px;
padding-top: 5px;
}
.testi-desc{
font-size: 32px;
color: #00263a;
line-height: 36px;
font-family: Brown, sans serif;
font-weight: 300;
}
.testi-author-wrapper{
font-size: 18px;
font-weight: 300;
font-family: Gotham, sans serif;
font-style: italic;
line-height: 24px;
color: #58595b;
padding-top: 20px;
}
.owl-pagination-bottom.owl-carousel .owl-dots{
bottom: -20px!important;
}
.dot-pagination .owl-dot span{
box-shadow: none!important;
height: 6px!important;
width:6px!important;
}
.dot-pagination .owl-dot.active span {
border: none !important;
transform: none !important;
background: #58585a !important;
width: 8px!important;
height: 8px!important;
border-radius: 50%;
}
.owl-dot, .owl-carousel button.owl-dot{
vertical-align: middle
}
.dark-pagination .owl-dot span {
background: #58585a!important;
box-shadow: none;
}
.white, .white:hover{
color: #ffffff!important;
}
a.white{
border-color: #ffffff!important
}
.section-subtext{
font-size: 18px;
font-family: Brown, sans serif;
font-weight: 300;
line-height: 24px;
}
.nobottom{
padding-bottom:0px!important;
margin-bottom: 0px!important;
}
.notop{
padding-top:0px!important;
margin-top: 0px!important;
}
.section-btn.notop{
margin-top: 0px!important;
padding-top: 8px!important;
}
.bestec-subscribe{
padding-top: 30px;
padding-bottom: 20px;
}
.bestec-subscribe input[type="text"], .bestec-subscribe input[type="email"] {
font-size: 18px;
color: #6d6e71;
font-family: Brown, sans serif;
font-weight: 300;
line-height: 24px;
}
.services-grid-wrapper{
font-family: Gotham, sans serif;
font-weight: 300;
color: #002539;
font-size: 32px;
line-height: 42px;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 20px
}
.navbar > .nav-header-container .navbar-nav > li.current-menu-ancestor > a, .navbar > .nav-header-container .navbar-nav > li.current-menu-item > a, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li:hover > a, .navbar-default .navbar-nav > li > a.active, .navbar-default .navbar-nav > li.open > a, .navbar-default .navbar-nav > li.open > a:hover, .navbar-default .navbar-nav > li.open:hover > a {
border-bottom-color: #4d89c8!important;
}
.nav-black{
box-shadow: 0px 4px 6px #aaa!important
}
.blog .blog-image img{ }
.blog .blog-title a{
font-family: Gotham, sans serif;
font-weight: 500;
color: #002539;
font-size: 18px;
text-transform: capitalize;
letter-spacing: 0;
line-height: 24px;
padding-bottom: 0;
margin-bottom: 0;
margin-top: 10px!important
}
.blog .blog-short-description p{
font-family: Brown, sans serif;
font-size: 14px;
color: #000000;
line-height: 18px;
font-weight: 300;
}
.blog .blog-date{
font-size: 11px;
font-family: Brown, sans serif;
font-weight: 300;
line-height: 12px;
text-transform: none;
letter-spacing: 1px
}
.blog .blog-date a{
float: right
}
.blog .blog-details .btn{
text-transform: lowercase;
letter-spacing: 0px;
font-weight: 300;
font-family: Brown, sans serif;
font-size: 16px;
color: #4f89c8;
border: none;
padding: 0;
margin: 5px 0px;
float: right;
line-height: 18px;
}
.blog .blog-details .btn:hover{
background: transparent!important
}
.blog-listing .blog-details{
padding-top: 10px
}
.parent-section{
padding-top: 60px;
padding-bottom: 60px;
}
.latest-wrapper{
text-align: center;
padding-bottom: 30px
}
.separator-line{
display: none
}
.blog .highlight-button {
line-height: 0.5;
text-align: center;
}
.blog .highlight-button span {
display: inline-block;
position: relative;  
}
.blog .highlight-button span::before {
content: "";
position: absolute;
height: 5px;
border-top: 1px solid #d2e1f1;
top: 10px;
width: 200px;
}
.blog .highlight-button span:before {
right: 100%;
margin-right: 15px;
}
.blog .blog-date span {
display: inline-block;
position: relative;  
}
.blog .blog-date span::after {
content: "";
position: absolute;
height: 5px;
border-top: 1px solid #d2e1f1;
top: 5px;
width: 100px;
}
.blog .blog-date span:after {
left: 100%;
margin-left: 15px;
}
.custom-cform input[type="text"], .custom-cform input[type="email"], .custom-cform textarea{
font-size: 16px;
font-family: Gotham, sans serif;
font-weight: 300;
letter-spacing: 1px;
color: #002539;
background: #e7e7e8;
border: none;
}
::-webkit-input-placeholder { color: #002539!important;
}
::-moz-placeholder { color: #002539!important;
}
:-ms-input-placeholder { color: #002539!important;
}
:-moz-placeholder { color: #002539!important;
}
.our-work-wrapper {
font-size: 32px;
line-height: 42px;
color: #08253a;
font-family: Gotham, sans serif;
font-weight: 400;
}
.our-work-wrapper {
font-size: 32px;
line-height: 42px;
color: #08253a;
font-family: Gotham, sans serif;
font-weight: 400;
}
.controls .filter{
background: transparent;
border: none;
font-weight: 300;
font-family: Brown, sans serif;
font-size: 18px;
line-height: 24px;
color: #08253a;
text-transform: lowercase;
}
.controls .filter.active{
font-weight: 400
}
.controls {
text-align: center;
width: 80%;
margin: auto;
display: block;
margin: 40px auto 60px;
}
.c-project-title{
color: #4d606f;
font-size: 14px;
font-weight: 500;
font-family: Gotham, sans seif;
line-height: 16px;
padding-top: 30px;
padding-bottom: 20px;
}
.cs-project-title{
color: #08253a;
font-size: 14px;
font-weight: 500;
font-family: Gotham, sans seif;
line-height: 16px;
padding-top: 30px;
padding-bottom: 20px;
}
.mix .row{
margin-bottom: 60px
}
@media (min-width: 1200px) {
.navbar .container{
width: 960px!important
}
.container{
width: 960px!important;
}
}
@media (max-width: 1023px) {
.bg-white.white-popup-block{
background: transparent!important;
}
.popup-d-name{
padding-top: 30px;
}
.mfp-container{
overflow-y: scroll;
}
}
@media (min-width: 768px) {
.footer-soc-wrapper{
text-align: right;
}
.logo-desktop{
display: block;
}
.logo-mobile{
display: none!important;
}
}
@media (min-width: 768px) and (max-width: 1023px){
.pso-icons-wrapper{
width: 22%!important;
}	
}
.cust-portfolio .nsstitle {
font-size: 52px;
font-weight: 900;
letter-spacing: 0;
line-height: 52px;
padding: 0px;
text-align: left;
font-family: Gotham, sans serif;
text-transform: uppercase;
margin-left: 0;
color: #08253a;
}
.cust-portfolio .nssdetails {
font-size: 12px !important;
line-height: 18px;
text-align: left;
color: #000;
font-family: Brown, sans serif;
font-weight: 300;
}
.single-portfolio .gallery-img{
display: none;
}
.cust-portfolio{
padding-bottom: 120px;
}
@media (max-width: 1023px) {
.cust-portfolio .nsstitle {
font-size: 32px!important;
margin-left: 0!important;
line-height: 32px!important;
margin-top: 20px;
}
}
@media (max-width: 767px) {
.logo-desktop{
display: none;
}
.logo-mobile{
display: block!important;
margin: auto;
}
.pso-icons-wrapper{
width: 40%!important;
}	
.heading-title {
font-family: Gotham, sans serif;
font-weight: 900;
color: #002539;
font-size: 32px;
line-height: 34px;
margin-left: 0;
padding-bottom: 30px;
text-transform: uppercase;
margin-top: 20px;
}
.heading-title.right {
font-family: Gotham, sans serif;
font-weight: 900;
color: #002539;
font-size: 32px;
line-height: 34px;
margin-right: 0px!important;
padding-bottom: 30px;
text-align: right;
margin-left: 0px !important;
}
.wpb_single_image img{
margin-bottom: 10px
}
.director-name {
background: #00263a;
color: #fff;
font-family: Gotham,sans serif;
text-align: left;
padding: 12px 20px;
font-size: 18px;
font-weight: 400;
margin-left: 42px;
margin-bottom: 20px;
margin-right: 42px;
}
.home-latest .blog-date a{
font-size: 14px;
line-height: 16px;
color: #6d6e71;
font-family: Brown, sans serif;
font-weight: 300;
text-align: left;
padding-bottom: 2px; text-transform: initial;
letter-spacing: 0px!important;
}
.latest-cat {
font-size: 14px;
line-height: 16px;
color: #6d6e71;
font-family: Brown, sans serif;
font-weight: 300;
text-align: left;
padding-bottom: 2px; }
.home-latest .published{
font-size: 14px;
line-height: 14px;
color: #6d6e71;
font-family: Brown, sans serif;
font-weight: 300;
text-align: left;
padding-bottom: 2px;
padding-top: 12px;
text-transform: initial;
letter-spacing: 0px!important;
padding-right: 5px;
}
.latest-date {
font-size: 14px;
line-height: 14px;
color: #6d6e71;
font-family: Brown, sans serif;
font-weight: 300;
text-align: left;
padding-bottom: 2px;
padding-top: 12px;
}
.home-latest .blog-short-description p{
font-family: Brown, sans serif;
font-weight: 300;
text-align: left;
color: #000000;
font-size: 18px;
padding-top: 10px;
line-height: 20px;
padding-bottom: 30px;
}
.latest-desc {
font-family: Brown, sans serif;
font-weight: 300;
text-align: left;
color: #000000;
font-size: 18px;
padding-top: 10px;
line-height: 20px;
padding-bottom: 30px;
}
.footer-soc-wrapper{
text-align: center;
padding-top: 20px;
}
.footer-soc-wrapper div{
display: inline-block;
}
}