body,html{}
body{font-family: 'Open Sans', sans-serif; font-weight: normal; background: #fff; line-height: 1.5; color: #000; position: relative; height: 100%; overflow-x: hidden;}
body,p,.form-control,.btn,.dropdown-item{font-size: 14px;}
.light{font-weight: 300}
.regular{font-weight: normal}
.medium{font-weight: 500}
.semibold{font-weight: 600}
.bold{font-weight: bold}
.heavy{font-weight: 900}
p{margin-bottom: 20px; text-align: justify}
b,strong{font-weight: bold}
h1,h2,h3,h4,h5,h6{font-family: 'Roboto'; font-weight: 500}
.text-center p{text-align: center}
h1{font-size:36px; margin-bottom: 20px}
h2{font-size:30px; margin-bottom: 20px;}
h2 span{font-weight: normal;}
h3{font-size:28px;margin-bottom: 20px}
h4{font-size:24px;margin-bottom: 20px}
h5{font-size:22px;margin-bottom: 15px}
h6{font-size:20px;margin-bottom: 15px}
.title.text-center{position: relative; display: inline-block; color:#000; padding-bottom: 5px;}
.title.text-center span{position: relative; display: inline-block; color:#666}
.title.text-center:after{position: absolute; content: ''; height: 2px; background: #999; width: 100px; left: 50%; bottom: 0; transform: translateX(-50%); z-index: 5}
.title.text-center:before{position: absolute; content: ''; height: 2px; background: #bbb; width: 70px; left: 50%; bottom: -7px; transform: translateX(-50%); z-index: 6}
.title{position: relative; display: inline-block; color:#000; padding-bottom: 5px}
.title span{position: relative; display: inline-block; color:#666}
.title:after{position: absolute; content: ''; height: 2px; background: #999; width: 100px; left: 0; bottom: 0; z-index: 5}
.title:before{position: absolute; content: ''; height: 2px; background: #bbb; width: 70px; left: 0; bottom: -7px; z-index: 6}
.font-18,.text-18{font-size: 18px;}
.font-26,.text-26{font-size: 26px;}
.font-28,.text-28{font-size: 28px;}
.font-45,.text-45{font-size: 45px;}
.font-50,.text-50{font-size: 50px;}
.font-60,.text-60{font-size: 60px;}
.mb-50{margin-bottom: 50px;}
.mb-60{margin-bottom: 60px;}
.mb-70{margin-bottom: 70px;}
.mb-80{margin-bottom: 80px;}
.mb-90{margin-bottom: 90px;}
.mb-100{margin-bottom: 100px;}
.pb-50{padding-bottom: 50px;}
.pb-60{padding-bottom: 60px;}
.pb-70{padding-bottom: 70px;}
.pb-80{padding-bottom: 80px;}
.pb-90{padding-bottom: 90px;}
.pb-100{padding-bottom: 100px;}
a:hover,a:focus,a:active, button:hover,button:focus,button:active{outline: 0;}
button,a{outline: none; outline: 0}
.btn{padding:7px 20px;}
.btn:focus{box-shadow: none!important}
a{color: #007fff}
.btn-primary{background: #007fff; border-color:#007fff;transition: ease-in-out 0.3s}
.btn-primary:hover{background: #0964bf;border-color: #0964bf;}
.btn-secondary{background: #f0f0f0; border-color:#eee;color: #000;transition: ease-in-out 0.3s}
.btn-secondary:hover,.btn-secondary:focus,.btn-secondary:active{background: #333;border-color: #000; color: #fff}
.btn-warning{background: #e7a547; border-color:#e7a547;color: #fff;transition: ease-in-out 0.3s}
.btn-warning:hover,.btn-warning:focus,.btn-warning:active{background: #d2933a;border-color: #d2933a; color: #fff}
section{padding: 50px 0} header{background: #e7a547; padding: 12px 0;}
header a{color: #000}
header a:hover{text-decoration: none}
header .fa, header .la{width: 30px; height: 30px; line-height: 30px; border-radius: 50%; background: #555; color: #fff; text-align: center; margin: 0 2px}
.lead{font-weight: normal}
.navbar-brand img{max-width: 150px}
.navbar{background: #000; padding: 0 15px; margin: 0}
.navbar .nav-link{padding: 20px!important; text-transform: uppercase; color: #fff; font-family: 'Open Sans'; letter-spacing: 1px; font-size: 15px}
.navbar .nav-link:hover,.navbar .active .nav-link{color: #cc8b3c}
.navbar .dropdown:hover .dropdown-menu{display: block}
.dropdown-menu{top:calc(100% - 1px)}
.dropdown-item{padding: 5px 15px;}
.dropdown-item:hover,.dropdown-item:focus,.dropdown-item:active{background: #777; color: #fff}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{width: 36px; height: 36px; font-size: 20px; line-height: 36px; padding: 0; background: rgba(0,0,0,0.8); color: #fff; z-index: 100; border-radius: 0; margin: 0}
.owl-carousel .owl-nav button.owl-next:hover, .owl-carousel .owl-nav button.owl-prev:hover{background: rgba(0,0,0,1); color: #fff;}
.owl-theme .owl-nav{position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-40%); z-index: 5}
.owl-theme .owl-dots {position: absolute; margin: 0; z-index: 6; left: 50%; bottom: 0;transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.owl-theme .owl-dots .owl-dot span{width: 14px ; height: 14px; border-radius: 50%; margin: 5px; background: #777}
.owl-theme .owl-dots .owl-dot.active span{background: #000}
.owl-prev{position: absolute; left: 5px; top: 50%; transform: translateY(-50%)}
.owl-next{position: absolute; right: 5px; top: 50%; transform: translateY(-50%)}
.owl_home_main .owl-prev{left: 20px;}
.owl_home_main .owl-next{right: 20px;}
.owl_home_main .item{position: relative}
.owl_home_main .item .content{position: absolute; left:0; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index: 5}
.owl_home_main .banner-wrapper{width: 100%; max-width: 800px; background: rgba(0,0,0,0.3); color: #000; padding: 20px; border-radius: 5px; }
.owl_home_main .banner-wrapper p{font-size: 18px; color: #fff}
.owl_home_main .banner-wrapper h1{font-size: 40px; color: gold; text-shadow: 1px 1px 4px #000}
.lead{font-size: 18px}
.home-about{background: url(//www.spotonstyle.com.au/wp-content/themes/SOS/assets/images/bg4.jpg) fixed top center #000; color: #fff;}
section.info{background: url(//www.spotonstyle.com.au/wp-content/themes/SOS/assets/images/bg1.jpg) fixed top center #000; color: #fff; position: relative; padding: 100px 0}
section.info:after{content: 'SPOT';position: absolute;top: 0;left: 0;font-size: 88px;width: 88px;word-break: break-all;color: rgba(255,255,255,0.1);font-weight: bold;z-index: 5;line-height: 83px;text-align: center;transform: skew(1deg, 32deg);}
section.info:before {position: absolute;top: 0;right: 0;bottom: 0;left: 0;content: '';background: url(//www.spotonstyle.com.au/wp-content/themes/SOS/assets/images/dot.png) rgba(0,0,0,0.7);z-index: 5;}
section.info div{position: relative;z-index: 6;}
section.info i{width: 80px; height: 80px;line-height: 80px; font-size: 40px; background: #fdac3c; color: #fff; border-radius: 50%; margin: 0 auto 20px; }
.card-services {transition: ease-in-out 0.3s; border-radius: 10px; background: #000; color: #fff; overflow: hidden}
.card-services .card-header{height: 300px; position: relative; overflow: hidden; background: #fff; overflow: hidden; border-radius: 5px 5px 0 0; z-index: 5}
.card-services .card-header img{position: absolute; top: 0; right: 0; left: 0;  bottom: 0; margin: auto; width: auto; max-width: 100%; max-height: 100%; transition: ease-in-out 0.4s}
.card-services:hover .card-header img{transform: scale(1.1,1.1)}
.card-services:hover {box-shadow: 0 0 25px #aaa;}
.owl_services .owl-stage-outer{padding: 20px 0}
.owl_clients .owl-stage{margin-bottom:50px}
.testimonial{background: url(//www.spotonstyle.com.au/wp-content/themes/SOS/assets/images/bg2.jpg) fixed top center; position: relative; padding: 100px 0}
.testimonial .container{position: relative; z-index: 5}
.testimonial:after{position: absolute; content: ''; background: rgba(0,0,0,0.4); top: 0; right: 0; bottom: 0; left: 0; z-index: 0}
.owl_testimonial .owl-stage{margin-bottom:50px; z-index: 2}
.owl_testi_wrapper{padding: 20px 30px;background: rgba(255,255,255,0.9); border-radius: 10px; position: relative;}
.owl_testi_wrapper:after{position: absolute;content: '\f10d';font-family: 'Line Awesome Free';font-weight: 900;z-index: 3;font-size: 100px;color: #999;top: -57px;left: 0;line-height: 1;}
.contact_sec{background:url(//www.spotonstyle.com.au/wp-content/themes/SOS/assets/images/bg3.jpg) center top no-repeat;}
.contact_cell span{background: #d2933a;  border: 2px dashed #000; border-radius: 50%; padding: 10px; width:120px; height: 120px; display: block; margin: 30px auto 20px; line-height: 110px; text-align: center}
.contact_cell span {color: #000}
.contact_cell p{text-align: center; font-size: 16px; color:#000}
.contact_cell p a{color: #000;}
.bg_green{background: #e7a547;}
.bg_black{background: #000;}
.bg_grey{background: #eeeff3;}
.bg_blue{background: #0a1440;}
footer{background: #151515; color: #fff;}
footer h4{font-weight: normal; font-size: 22px; position: relative; margin-bottom: 20px; padding-bottom: 10px }
footer h4:after{position: absolute; content: ''; height: 2px; width: 70px; left: 0; bottom: 0; z-index: 5; background:#fdac3c }
footer ul{padding: 0; margin: 0}
footer ul li{list-style: none}
footer ul li a{display: block; padding: 0 0 8px 0; color: #fff; transition: ease-in-out 0.2s}
footer ul li a:hover{color: #fdac3c; text-decoration: none}
footer a{padding: 0 0 8px 0; color: #fff; transition: ease-in-out 0.2s}
footer a:hover{color: #fdac3c; text-decoration: none}
.copyright{background: #000; color: #ccc; font-size: 14px;}
.location h3{font-size: 24px;}
.static-banner{position: relative;min-height: 200px; height: 35vh; overflow: hidden; background-position: top center; background-attachment: fixed; box-shadow: 0 20px 40px -15px #999; border-bottom: 1px solid #fff}
.static-banner h2{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 5; text-transform: uppercase; letter-spacing: 1px; font-family: 'Open Sans'; font-weight: bold; text-shadow: 1px 1px 3px #fff}
.form-control{min-height: 40px}
label{font-weight: 500; font-family: 'Roboto'}
.card-projects {transition: ease-in-out 0.3s; border-radius: 10px; background: #000; color: #fff; overflow: hidden}
.card-projects .card-header{height: 200px; position: relative; overflow: hidden; background: #fff; overflow: hidden; border-radius: 5px 5px 0 0; z-index: 5}
.card-projects .card-header img{position: absolute; top: 0; right: 0; left: 0;  bottom: 0; margin: auto; width: auto; max-width: 100%; max-height: 100%; transition: ease-in-out 0.4s}
.card-projects:hover .card-header img{transform: scale(1.1,1.1)}
.card-projects:hover {box-shadow: 0 0 25px #aaa;}
@media screen and (min-width: 1250px){
}
@media screen and (max-width: 1400px){
}
@media screen and (max-width: 1200px){
.container{width: 100%; max-width: 100%}
}
@media screen and (max-width: 1199px){
}
@media screen and (max-width: 1024px){
}
@media screen and (max-width: 991px){
.navbar-toggler{position: absolute; right: 20px; top: 37px; border-color: #fff!important}
.navbar-toggler i{color: #fff!important}
.navbar-collapse{position: absolute; top: 100%; left: 0; right: 0px; background: #000; padding-top: 10px; padding-bottom: 10px; z-index:100;}
.owl_home_main .owl-nav{display: none}
.navbar-brand img{max-width:100px;}
.navbar .nav-link {padding: 12px 20px!important;}
.owl_home_main .banner-wrapper p{display:none;}
.owl_home_main .banner-wrapper h1{font-size:18px;}
.owl_home_main .banner-wrapper .btn{padding:4px 20px;}
}
@media screen and (max-width: 767px){
}
@media screen and (max-width: 640px){
}
@media screen and (max-width: 575px){
}
@media screen and (max-width: 480px){
}
@media screen and (max-width: 375px){
}
@media screen and (max-width: 360px){
}
@media screen and (max-width: 320px){
}
#html5lightbox-watermark{display: none!important;}