body {    
font: 18px/1.5 "Roboto", sans-serif !important;
*color: #ffffff;
-webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4 {
font-weight: 400;
font-family: "Alata", sans-serif !important;
line-height: 1.25;
margin: 0 0 10px;
}
.section__heading{font-size: 40px;
padding-top: 20px;}
.section__title{font-size: 30px;}
.site-header {padding:0px !important;box-shadow: 0px 0px 5px #0000002b;}
.header-wrap {
padding: 20px 0px;
}
.current-menu-item a {
border-bottom: solid 1px #00aeeb;
}
.sydney-hero-area {    
position: relative;
z-index: 9;
background: #ffffff;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
border: none;
background: 0 0;    
border-bottom: solid 1px #eee;
}
.so-widget-sow-features-default-f506bd9c02b4 .sow-features-list .sow-features-feature:nth-of-type(4n + 1) {
padding-left: 25px !important;
clear: left;
}
#portfolio .textwidget {
position: absolute;
width: 84.3%;
top: 0px;
left: 50px;
height: 97%;
background: #00000052;
}
#portfolio .textwidget a {
color: #fff;
display: block;
padding: 20px;
height: 300px;
text-transform: capitalize;
}
#portfolio .textwidget a:hover{
text-decoration: none;
}
.float-header .top-header {display:none;}
.top-header {
background: linear-gradient(64deg , transparent 40%, #093558 39%);
color: #fff;
padding-left: 45%;
font-family: 'Josefin Sans', sans-serif;
}
.top-header a {    color: #ffffff;}
.top-header ul {    list-style: none;}
.widget-area .widget {    margin-bottom: 0px !important;}
.top-header ul li {
display: inline-block;
margin: 0px 10px;
}
.top-header ul li a{color:#fff;font-family: 'Josefin Sans', sans-serif;}
.site-header {    
background: #ffffffe3 !important;
}
.site-header.float-header {    
padding: 0px;
}
.site-header.float-header {    
background-color: #ffffff !important;
box-shadow: 0px 0px 5px #0000002b;
}
.text-slider .maintitle {
color: #00008b !important;
text-shadow: 0px 0px 20px #ffffff;
}
.text-slider .subtitle{display:none !important}
div#page {
overflow-x: hidden;
}
h1.section__heading {
font-size: 2.3em !important;
}
#mainnav ul li ul {	width: 100% !important;}
#services-home .sow-features-feature {
padding: 30px 20px;
min-height: 325px;
cursor: pointer;
}
div#service-pane {
background-position: center center !important;
}
#our-works .sow-features-feature:nth-child(1) {
background: url(https://solutionpoint.com.my/wp-content/uploads/2020/10/1.jpg);
background-size: cover;
border: solid 6px #fff;
}
#our-works .sow-features-feature:nth-child(2) {
background: url(https://solutionpoint.com.my/wp-content/uploads/2020/11/4-1.jpg);
background-size: cover;
border: solid 6px #fff;
}
#our-works .sow-features-feature:nth-child(3) {
background: url(https://solutionpoint.com.my/wp-content/uploads/2020/10/3.jpg);
background-size: cover;
border: solid 6px #fff;
}
#services-home a {
opacity:0;
color: #00BCD4;
-webkit-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;  		
}
#services-home .sow-icon-container {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
-webkit-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;  		
background-repeat: no-repeat;
background-size: cover;
z-index: -1;
width: 100%;
height: 100%;
opacity: 0;
}
#services-home .sow-icon-container[title="Website_Development"]{
background-image:url(https://solutionpoint.com.my/wp-content/uploads/2020/10/website-block.jpg);
}
#services-home .sow-icon-container[title="PWAs_mobile_Apps"]{
background-image:url(https://solutionpoint.com.my/wp-content/uploads/2020/10/mobile-block.jpg);
}
#services-home .sow-icon-container[title="Software_Development"]{
background-image:url(https://solutionpoint.com.my/wp-content/uploads/2020/10/software-block.jpg);
}
#services-home .sow-icon-container[title="Responsive_Design"]{
background-image:url(https://solutionpoint.com.my/wp-content/uploads/2020/10/responsive-design-img.jpg);
}
#services-home .sow-icon-container[title="Digital_Marketing"]{
background-image:url(https://solutionpoint.com.my/wp-content/uploads/2020/10/digital-marketing-img.jpg);
}
#services-home .sow-icon-container[title="Printing_Services"]{
background-image:url(https://solutionpoint.com.my/wp-content/uploads/2020/10/printing-services-img.jpg);
}
#our-works .sow-features-feature{
padding: 30px 20px;
min-height: 325px;
cursor: pointer;
position:relative;
}
#our-works .sow-features-feature:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #00000042;
}
#our-services-page .sow-features-feature{
padding: 0px 20px;
min-height: 480px;
display: inline-block;
text-align: left;
color: #ffffff;
}
#our-works .sow-icon-container, #our-services-page .sow-icon-container{
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
-webkit-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;  		
background-repeat: no-repeat;
background-size: cover;
z-index: -1;
width: 93%;
height: 93%;	
}
#our-services-page .sow-icon-container{ height: 100%; }
#our-works .sow-icon-container:before, #our-services-page .sow-icon-container:before {
content: "";
position: absolute;
top: 0;
left: 0;
background: #00000070;
width: 100%;
height: 100%;
}
#our-works .card__content, #our-services-page .card__content{
-webkit-transition: max-height 0.8s;
transition: max-height 0.8s;
overflow: hidden;
max-height: 0;
}
#our-services-page .sow-icon-container{background-image:url(https://solutionpoint.com.my/wp-content/uploads/2020/10/custom-header-bg.jpg);}
#our-works .textwidget{
color:#fff;
width: 91%;
position: absolute;
bottom: 13px;}
#our-works .textwidget .card__title{color:#fff !important; font-size: 25px;}
#our-works .sow-icon-container[title="first"]{
background-image:url(https://solutionpoint.com.my/wp-content/uploads/2020/10/1.jpg);
}
#our-works .sow-icon-container[title="second"]{
background-image:url(https://solutionpoint.com.my/wp-content/uploads/2020/11/4-1.jpg);
}
#our-works .sow-icon-container[title="third"]{
background-image:url(https://solutionpoint.com.my/wp-content/uploads/2020/10/3.jpg);
}
#services-home .textwidget{
color: #ffffff;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
padding: 0 15px;
width: 100%;
max-width: 370px;
}
.onhover{
opacity: 1 !important;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.onhover:before {
content: "";
position: absolute;
top: 0;
left: 0;
background: #00000070;
width: 100%;
height: 100%;
}
.top-icon {
border: solid 2px #cfac62;
width: 25px;
height: 25px;
border-radius: 50px;
text-align: center;
padding: 4px 0px;
font-size: 13px !important;
}
#mainnav ul li a {    
font: 20px "Alata", sans-serif !important;
}
.bg-dark {
background: #0000005c;
width: 100%;
height: 100%;
position: absolute;
top: 0px;
z-index: 2;
} .footer-widgets {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
z-index: 2;
background: #1674b7;
color: #ffffff;
text-align: center;
padding: 40px 0 20px;
min-height: 250px;
font-size: 15px;
}
.footer-widgets a{color: #ffffff;}
.page-wrap{
position: relative;
z-index: 200;
margin-bottom: 250px;   
background: #ffffff;	
padding: 0 !important;
-webkit-transition: background 0.4s ease-out;
transition: background 0.4s ease-out;
}
.heading-title {
display: none;
}
.panel-grid-cell .widget-title{text-transform: capitalize;*color: #4f1308 !important;}
.panel-grid-cell .widget-title:after { 
background-color: transparent !important;
border: 0;
height: 1px;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgb(207, 172, 98), rgba(0, 0, 0, 0));
width: 50%;
transform: translateX(-50%);
}
a.solidbtn,#contactpage input[type="submit"] {
background: #1674b7;
color: #ffffff;
padding: 10px 20px;
border-radius: 55px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
font-size: 23px;
font-family: "Roboto", sans-serif !important;
text-transform: capitalize;
font-weight: normal;
line-height: normal;
border: none;
outline: none;
}
a.solidbtn:hover, #contactpage input[type="submit"]:hover {
background: #ffffff;
color: #1674b7;   
}
:hover {
-webkit-transition-duration: 1s;   
-moz-transition-duration: 1s;    
-o-transition-duration: 1s;    
transition-duration: 1s;
}
.text-slider .maintitle:after{height: 0px !important;}
.roll-button{
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
background: none;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s; 
border-radius: 0;
background-color: #00008b !important;
color: #ffffff;
text-transform: capitalize;
font-size: 30px;
border:0px
}
.roll-button:before {
background-color: #ffffff;
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
color: #00008b;
background: #ffffff;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.roll-button:hover:before, .roll-button:focus:before, .roll-button:active:before {
-webkit-transform: scale(1);
transform: scale(1);
}
.products {
width: 24%;
display: inline-block;
}
.products .entry-thumb img {
border: solid 10px #cfac62;
}
.product-title {
text-align: center;
background: #cfac6273;
margin-top: -20%;
position: relative;
}
#showonmobile{display:none}
#contactpage form {    width: 90%; }
#contactpage .half {
width: 49.5%;
display: inline-block;
}
#contactpage .full {
width: 100%;
display: block;	
}
#contactpage label{
width: 100%;
display: block;
color: #ffffff;
font-weight: normal;
}
#contactpage {
background-position: center center !important;
}
#contactpage input[type="text"],#contactpage input[type="email"], #contactpage textarea {
width: 100%;
background: none;
border: none;
border-bottom: solid 1px #eeeeee;
color:#ffffff;
}
@media only screen and (max-width: 767px) {
#contactpage .half{ width: 100% !important;    display: !important;	}
.site-header.float-header {
position: fixed !important;
}
#mainnav-mobi {
top: auto;
left: 0px;
height: 100vh;
}
.btn-menu {
float: none;
margin: 15px auto 0;
top: -65px;
position: absolute;
right: 5%;
}
.btn-menu:before {
color: #000000;
content: "\f0c9";
font-family: 'FontAwesome';
font-size: 30px;
}
.top-header{background:#000;padding: 0;}
.top-header #showonmobile p{margin:0}
#hideonmobile{display:none !important;}
#showonmobile{display:block;}
#our-services-page .sow-features-feature{min-height:auto !important; padding:20px 20px !important; }
} .page-loader {
display: table;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #f5f5f5;
z-index: 9999;
-webkit-transition: all 1.2s ease-in;
transition: all 1.2s ease-in
}
.page-loader--step-1 .page-loader__letter {
opacity: 1
}
.page-loader.animate-point .page-loader__letter--i:before {
-webkit-animation: 1.3s infinite both i-bounce;
animation: 1.3s infinite both i-bounce
}
.page-loader.hide {
-webkit-transition: opacity 1s 1s ease-in !important;
transition: opacity 1s 1s ease-in !important;
opacity: 0
}
.page-loader.hide .page-loader__content {
-webkit-transition: opacity 1s ease-in !important;
transition: opacity 1s ease-in !important;
opacity: 0
}
.page-loader__content {
display: table-cell;
text-align: center;
vertical-align: middle;
-webkit-transition: opacity 1.2s ease-in;
transition: opacity 1.2s ease-in;
font: 40px/1 "Alata", sans-serif;
color: #23252c;
white-space: nowrap
}
.page-loader__content-inner {
display: inline-block
}
.page-loader__letter {
opacity: 0;
display: inline-block;
-webkit-transition: opacity 1s ease-in;
transition: opacity 1s ease-in
}
.page-loader__letter:first-child {
margin-right: -0.1em
}
.page-loader__letter:nth-child(2) {
-webkit-transition-delay: 0.05s;
transition-delay: 0.05s
}
.page-loader__letter:nth-child(3) {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s
}
.page-loader__letter:nth-child(4) {
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s
}
.page-loader__letter:nth-child(5) {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s
}
.page-loader__letter:nth-child(6) {
-webkit-transition-delay: 0.25s;
transition-delay: 0.25s
}
.page-loader__letter:nth-child(7) {
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s
}
.page-loader__letter:nth-child(8) {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s
}
.page-loader__letter:nth-child(9) {
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s
}
.page-loader__letter--i {
color: transparent;
position: relative
}
.page-loader__letter--i:before, .page-loader__letter--i:after {
content: 'i';
position: absolute;
left: 0;
top: 0
}
.page-loader__letter--i:before {
color: #f16522;
clip: rect(0, 1em, 0.35em, 0)
}
.page-loader__letter--i:after {
color: #23252c;
clip: rect(0.35em, 1em, 2em, 0)
}
@-webkit-keyframes i-bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0)
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0)
}
90% {
-webkit-transform: translate3d(0, -3.33px, 0);
transform: translate3d(0, -3.33px, 0)
}
}
@keyframes i-bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0)
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0)
}
90% {
-webkit-transform: translate3d(0, -3.33px, 0);
transform: translate3d(0, -3.33px, 0)
}
} @font-face {
font-family: "icomoon";
font-weight: normal;
font-display: swap;
font-style: normal;
src: url(//solutionpoint.com.my/wp-content/themes/solutionpoint/font/Icomoon/icomoon-46a8c9861ef777b9639cbbcb06186658e9d647953084edaad29b6f0ab12df0e1.eot);
src: url(//solutionpoint.com.my/wp-content/themes/solutionpoint/font/Icomoon/icomoon-46a8c9861ef777b9639cbbcb06186658e9d647953084edaad29b6f0ab12df0e1d41dd41d.eot?#iefix) format("embedded-opentype"), url(//solutionpoint.com.my/wp-content/themes/solutionpoint/font/Icomoon/icomoon-cb8a7e50874dd7770552b6e0888b005699c2eae88f1e43e9cf89a56c3b54787f.woff) format("woff"), url(//solutionpoint.com.my/wp-content/themes/solutionpoint/font/Icomoon/icomoon-9802fc88d95a744544b25e2661c7345230bc3945cc8a465ce2a5dc87ac03b31e.ttf) format("truetype"), url(//solutionpoint.com.my/wp-content/themes/solutionpoint/font/Icomoon/icomoon-15dbefec2f8349a990a32372ff7291abe98dd2fd48f6711f6baa5b84b0a7180704660466.svg?52t6nz#icomoon) format("svg")
}