@import url("https://fonts.googleapis.com/css?family=Lato:300,400|Montserrat:300,400,500,600,700&display=swap"); 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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block; }
html,
body {
line-height: 1.3em;
height: 100%; }
body {
overflow-x: hidden;
font-family: "Lato", sans-serif;
color: #000000;
line-height: 26px;
font-weight: 300;
font-size: 18px; }
*, *:after, *:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
ul {
list-style: none; }
ol {
padding-left: 25px; }
blockquote,
q {
quotes: none; }
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none; }
table {
border-collapse: collapse;
border-spacing: 0; }
i,
em {
font-style: italic; }
b,
strong {
font-weight: 600; }
table {
width: 100%;
border-spacing: 0;
border-collapse: collapse; }
table, tr, td, th {
font-family: "Lato", sans-serif;
border: 1px solid #00b085; }
table tr:hover {
background-color: rgba(0, 176, 133, 0.1); }
table tr th {
font-weight: 700; }
table tr td, table tr th {
padding: 20px;
text-align: left; }
input[type="text"], input[type="email"], input[type="tel"], input[type="search"], input[type="submit"], textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0; }
img {
max-width: 100%;
vertical-align: middle; }
a {
text-decoration: none;
color: #00976C; }
textarea {
resize: none; }
button {
cursor: pointer;
border: none; }
.visible-xs {
display: none; }
.visible-lg {
display: block; }
.clearfix:after {
clear: both; }
.clearfix:before,
.clearfix:after {
content: " ";
display: table; }
.clear {
clear: both; }
.inline-block {
display: inline-block; }
.text-center {
text-align: center; }
p {
font-family: "Lato", sans-serif;
color: #000000;
font-size: 20px;
line-height: 28px;
font-weight: 300;
margin-bottom: 15px; }
h1,
h2 {
color: #000000;
line-height: 1.2em; }
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Montserrat", sans-serif;
line-height: 1.3em;
font-weight: 900;
color: #000000; }
h1 {
font-size: 48px;
line-height: 54px;
margin-bottom: 15px; }
h2 {
font-size: 40px;
line-height: 46px;
margin-bottom: 15px; }
h3 {
font-size: 32px;
line-height: 38px;
margin-bottom: 15px; }
h4 {
font-size: 26px;
line-height: 32px;
margin-bottom: 15px; }
h5 {
font-size: 20px;
line-height: 30px;
margin-bottom: 15px; }
h6 {
font-size: 16px;
line-height: 25px;
margin-bottom: 15px; }
.alignnone {
margin: 0 auto; }
.aligncenter {
display: block;
margin: 0 auto 20px auto; }
.alignright {
float: right;
margin: 0 0 15px 15px; }
.alignleft {
float: left;
margin: 0 30px 15px 0; }
.container {
max-width: 1130px;
width: 100%;
margin: auto;
padding: 0 15px; }
.section.page {
padding: 40px 0; }
.section a:focus, .section a:active {
outline: none; }
.form-shadow {
box-shadow: 0px 0 5px 6px #e2e2e3;
padding: 60px 40px 20px;
margin: 0 20px 20px;
}
.section .title {
margin-bottom: 40px; }
.section .title h2 {
font-size: 40px;
font-weight: 400;
color: #000000; }
.section .title h2 span {
font-weight: 700; }
.section .title h2 span.br {
display: block; }
.section ol li {
font-size: 20px;
line-height: 30px;
font-weight: 300;
color: #000000;
font-family: "Lato", sans-serif; }
.section ul {
margin-bottom: 15px;
padding-left: 15px; }
.section ul li {
position: relative;
list-style: none;
font-family: "Lato", sans-serif;
font-size: 20px;
line-height: 30px;
color: #000000;
font-weight: 300;
padding-left: 18px; }
.section ul li::before {
content: '';
width: 8px;
height: 8px;
position: absolute;
left: 0;
background-color: #000000;
top: 12px; }
.zsiq_theme1.zsiq_floatmain {
bottom: 15px!important;
}
.gga_button.center {
text-align: center; }
.gga_button.left {
text-align: left; }
.gga_button.right {
text-align: right; }
.page-template-inner-with-contact .section.client-stories .overlay,
.page-template-project .section.client-stories .overlay {
padding: 20px 0 40px; }
.page-template-team .gallery-grid .mix {
padding-bottom: 0; }
.page-heading h2 {
text-transform: uppercase;
font-size: 24px;
letter-spacing: 2px;
color: #000000;
font-weight: 700;
margin-bottom: 15px; }
.page-template-announcements .section.inner-page {
padding-bottom: 0; } .modal {
display: none;
display: none; position: fixed; z-index: 10000; padding-top: 100px; left: 0;
top: 0;
width: 100%; height: 100%; overflow: auto; background-color: black; background-color: rgba(0, 0, 0, 0.72); } .modal-content {
position: relative;
background-color: #fefefe;
margin: auto;
padding: 0;
border: 1px solid #888;
width: 700px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
-webkit-animation-name: animatetop;
-webkit-animation-duration: 0.4s;
animation-name: animatetop;
animation-duration: 0.4s; } @-webkit-keyframes animatetop {
from {
top: -300px;
opacity: 0; }
to {
top: 0;
opacity: 1; } }
@keyframes animatetop {
from {
top: -300px;
opacity: 0; }
to {
top: 0;
opacity: 1; } } .close, .close1 {
color: white;
float: right;
font-size: 28px;
font-weight: bold; }
.close:hover, .close1:hover,
.close:focus, .close1:focus {
color: #000000;
text-decoration: none;
cursor: pointer; }
.modal-header {
padding: 25px 16px; background-color: #00b085;  color: white;
text-transform: uppercase;
text-align: center; }
.modal-body {
padding: 10px 16px;
text-align: center; }
.modal-body .form {
width: 100%;
padding: 20px; }
.modal-body form {
margin-top: 40px;
-webkit-box-shadow: 0px 0 5px 6px #e2e2e3;
-moz-box-shadow: 0px 0 5px 6px #e2e2e3;
box-shadow: 0px 0 5px 6px #e2e2e3;
padding: 20px; }
.modal-footer {
padding: 2px 16px; background-color: #1c486c; background: -moz-linear-gradient(10deg, #1c486c, #dd9b65); background: -webkit-linear-gradient(10deg, 0% 0%, 0% 100%, from(#1c486c), to(#dd9b65)); background: -webkit-linear-gradient(10deg, #1c486c, #dd9b65); background: -o-linear-gradient(#1c486c, #dd9b65);
color: white; }
.fancybox-close-small {
top: 45px;
right: 40px;
}
.fancybox-close-small:after {
font-weight: 700;
font-size: 28px;
color: #000;
}  .announcement-wrapper {
padding: 60px 0; }
.announcement-wrapper .title h1 {
font-family: "Montserrat", sans-serif;
font-size: 40px;
line-height: 48px;
font-weight: 700; }
.announcement-wrapper .faq-accordion section {
margin-top: 10px; }
.announcement-wrapper h2.default-title-bar-active,
.announcement-wrapper h2.default-title-bar {
background: #636466; }
.announcement-wrapper h2.acc_title_bar {
border-radius: 0; }
.announcement-wrapper div.acc_container {
padding: 15px; }
.announcement-wrapper div.acc_container .block {
padding: 10px;
margin: 10px 0;
border-bottom: 1px solid #d6d6d6;
display: flex;
flex-flow: row; }
.announcement-wrapper div.acc_container .block .left-wrap {
width: 80%;
text-align: left; }
.announcement-wrapper div.acc_container .block .right-wrap {
width: 20%;
text-align: right; }
.announcement-wrapper div.acc_container .block .left-wrap h3 {
margin-bottom: 5px; }
.announcement-wrapper div.acc_container a.btn {
margin-top: 5px;
display: inline-block; } .btn {
border: 2px solid transparent;
padding: 15px 35px;
background-color: #ccc;
text-transform: uppercase;
cursor: pointer;
font-size: 14px;
font-family: "Montserrat", sans-serif;
font-weight: 700;
color: #ffffff;
text-decoration: none;
text-align: center;
line-height: 1;
display: inline-block;
transition: .3s;
margin-top: 15px; }
.default-btn {
background-color: transparent;
color: #00b085;
border-color: #00b085; }
.default-btn:hover {
background-color: #00b085;
color: #ffffff; }
.secondary-btn {
background-color: #f1c631;
color: #ffffff;
border-color: #f1c631; }
.secondary-btn:hover {
background-color: #ffffff;
color: #000000; }
.primary-btn {
background-color: #00b085;
color: #fff; }
.primary-btn:hover {
background-color: #f1c631;
color: #000000; }
button:focus {
outline: none; }
input:focus,
textarea:focus,
select:focus {
outline: none; }
.section.page .form-wrap {
padding-top: 30px; }
.form-group {
margin-bottom: 10px;
position: relative; }
.form-group .svg-inline--fa {
position: absolute;
top: 17px;
left: 15px;
color: #00b085; }
.form-group .form-control { background-color: transparent;
border-width: 1px;
border-top-color: transparent;
border-right-color: transparent;
border-left-color: transparent;
border-bottom-color: #cdcecf;
font-family: "Lato", sans-serif;
font-size: 20px;
line-height: 30px;
color: #000000;
padding: 14px 40px;
width: 100%;
margin-bottom: 10px;
position: relative;
font-weight: 300; }
.form-group .precheck span.wpcf7-list-item {
margin: 0; }
.form-control:active,
.form-control:focus {
border: 1px solid #85a4c5; }
.form-group select {
width: 100%; }
.form-group label {
color: rgba(0, 0, 0, 0.6);
font-weight: 600;
margin-bottom: 4px;
display: block; }
.form-group > span {
position: relative;
display: inline-block;
vertical-align: top;
width: 100%; }
.form-group > span.captchaimage {
position: absolute;
right: 0;
width: 80px;
text-align: right;
margin-top: 9px; }
.form-group.grid2 > span {
display: inline-block;
vertical-align: top;
width: 48.7%; }
.form-group.grid3 > span {
width: 32%; }
.form-group.grid4 > span {
width: 23.5%;
margin-right: 2%; }
.form-group.grid5 > span {
width: 21%;
margin-right: 5px; }
.form-group.grid4 > span:last-child {
margin-right: 0; }
.form-group.grid3 > span:nth-of-type(2) {
margin: 0 2%; }
.form-group.grid2 > span:first-child {
margin-right: 1%; }
.form-group.grid2 > span:last-child {
margin-left: 1%; }
.form-group.grid5 > span:last-child {
margin-right: 0; }
.form-group textarea {
resize: none;
font-family: "Lato", sans-serif; }
.form-wrap.turbo {
-webkit-box-shadow: 22px 15px 0px -5px #000000;
-moz-box-shadow: 22px 15px 0px -5px #000000;
box-shadow: 22px 15px 0px -5px #000000; width: 85%;
margin: 60px auto 0;
padding: 30px; }
.submit-btn {
cursor: pointer;
background: #000000;
border-color: #000000;
width: 150px;
color: #ffffff; }
.footer .form form .submit-input span > input {
background-position: 31% center; }
form .submit-input {
width: 100%;
position: relative;
display: block;
text-align: center; }
form .submit-input span > input.ar {
background-image: url(//grandgroupaus.com.au/wp-content/themes/custom-theme/assets/images/ar.png);
background-position: 10px center;
background-repeat: no-repeat; }
form .submit-input.sm {
width: 30%; }
form .submit-input.sm img {
left: 15%; }
form .submit-input img {
position: absolute;
top: 15px;
left: 30%; }
form .submit-input input.submit-btn {
width: 100%;
background-color: #00b085; }
form .submit-input input.submit-btn:hover {
background-color: #00b085;
color: #ffffff; }
.search .submit-input .submit-btn {
width: 100%; }
.search .submit-input i {
color: #ffffff; }
.submit-input i {
position: absolute;
right: 15px;
color: #00b085;
font-size: 14px;
font-weight: 500;
top: 12px; }
.submit-input i:hover {
color: #ffffff; }
.zsiq_theme1 div.zsiq_cnt {
right: -215px;
left: auto;
display: inline-block !important;
}
.siq_bR {
left: 10px;
}
.zsiq_theme1 .zsiq_cnt:after {
transform: rotate(-140deg);
-ms-transform: rotate(-140deg);
-webkit-transform: rotate(-140deg);
-o-transform: rotate(-140deg);
-moz-transform: rotate(-140deg);
left: -5px;
right: auto;
}
.zsiq-newtheme.zls-sptwndw {
left: 5px;
right: auto;
}   svg:not(:root) {
overflow: hidden; }
svg.icon {
display: inline-block;
fill: currentcolor;
height: 1em;
position: relative;
top: -0.0625em;
vertical-align: middle;
width: 1em; }
.header {
z-index: 999;
background-color: #FFF; }
.header .top-wrap {
width: 100%;
padding: 30px 0; }
.header .top-wrap > div {
display: inline-block;
vertical-align: middle; }
.header .top-wrap .left-wrap {
width: 58%; }
.header .top-wrap .left-wrap > div {
display: inline-block;
vertical-align: middle; }
.header .top-wrap .left-wrap .logo {
width: 300px;
padding-right: 10px;
-webkit-transition: all 0.2s ease-in 0s;
-moz-transition: all 0.2s ease-in 0s;
-o-transition: all 0.2s ease-in 0s;
transition: all 0.2s ease-in 0s; }
.header .top-wrap .left-wrap .tagline {
padding-left: 10px;
width: 270px;
border-left: 2px solid #000000; }
.header .top-wrap .left-wrap .tagline p {
margin-bottom: 0;
color: #000000;
font-size: 18px;
font-weight: 300;
letter-spacing: 1px; }
.header .top-wrap .right-wrap {
width: 41%;
text-align: right; }
.header .top-wrap .right-wrap .phone-number a.btn {
color: #000000;
padding: 15px;
font-weight: 500;
margin-right: 20px; }
.header .top-wrap .right-wrap .phone-number a {
color: #000000;
font-weight: 600;
font-size: 16px; }
.header .top-wrap .right-wrap .phone-number a svg {
color: #00b085;
margin-right: 5px;
}
.header .main-menu {
-webkit-transition: all 0.2s ease-in 0s;
-moz-transition: all 0.2s ease-in 0s;
-o-transition: all 0.2s ease-in 0s;
transition: all 0.2s ease-in 0s;
text-align: center;
border-top: 1px solid #dfdfdf;
padding: 0; }
.header .bottom-wrap .main-menu {
background-color: #f1c631; }
.nav ul#menu {
margin: 0;
position: relative;
text-align: center; }
.nav #menu > li {
position: relative;
z-index: 6666;
display: inline-block;
text-align: center; }
.nav #menu > li:last-child {
margin-right: 0; }
.nav #menu > li:last-child a {
padding-right: 0; }
.nav #menu > li > a {
color: #636466;
padding: 10px 18px;
font-weight: 400;
font-size: 15px;
line-height: 30px;
display: inline-block;
cursor: pointer;
text-transform: uppercase;
font-family: "Montserrat", sans-serif; }
.nav #menu > li > a:before {
content: '';
position: absolute;
top: auto;
bottom: 0;
left: 0;
width: 100%;
border-top: 5px solid transparent; }
.nav #menu > li > a:hover,
.nav #menu > li.current-menu-item > a,
.nav #menu > li.current-menu-parent > a {
color: #00b085; }
.nav #menu > li.current-menu-item > a,
.nav #menu > li > a.active,
.nav #menu > li.current-menu-parent > a {
font-weight: 600;
color: #00b085; }
.nav #menu > li.current-menu-item > a:before,
.nav #menu > li > a:hover:before,
.nav #menu > li > a.active:before,
.nav #menu > li.current-menu-parent > a:before {
border-top-color: #00b085; }
.nav #menu > li > ul {
width: 100%;
min-width: 207px;
display: none;
background-color: #f1c631;
position: absolute;
left: 0;
top: 50px;
z-index: 999;
padding: 0px 0px; }
.nav #menu > li > ul ul {
display: none;
position: absolute;
right: 0;
left: 100%;
min-width: 207px;
background: #f1f1f2;
top: 0; } .nav #menu > li > ul > li {
float: none;
margin-left: 0;
height: auto;
text-align: left;
display: inline-block;
width: 100%;
-webkit-transition: all 0.05s ease-in;
-moz-transition: all 0.05s ease-in;
-o-transition: all 0.05s ease-in;
transition: all 0.05s ease-in;
position: relative; }
.nav #menu > li > ul > li a {
display: block;
color: #000000;
font-weight: 400;
font-size: 15px;
line-height: 30px;
text-decoration: none;
-webkit-transition: all 0.1s ease-in 0s;
-moz-transition: all 0.1s ease-in 0s;
-o-transition: all 0.1s ease-in 0s;
transition: all 0.1s ease-in 0s;
padding: 10px 10px;
border-bottom: 1px solid #000000;
position: relative; }
.nav #menu > li > ul > li:last-child a {
border-bottom: none; }
.nav #menu > li > ul > li a:hover, .nav #menu > li.current-menu-parent > ul > li.current-menu-item a {
background-color: #00b085;
text-decoration: none;
color: #ffffff; }
.nav #menu > li > a.btn.primary-btn {
color: #ffffff;
padding: 10px 20px; }
.nav #menu > li > a.btn.primary-btn:hover {
color: #636466; }
.menu-btn {
border: 2px solid #00b085;
background-color: #00b085;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
cursor: pointer;
height: 36px;
margin-top: 0;
position: absolute;
top: 40px;
right: 15px;
padding: 1px;
width: 46px;
margin-bottom: 0; }
.cbp-af-header.cbp-af-header-shrink .tagLine h1.eng {
font-size: 17px; }
.cbp-af-header.cbp-af-header-shrink h1 {
font-size: 22px;
line-height: 28px; }
#showRightPush.menu-btn {
float: right; }
.lines:before {
border-bottom: 13px double #FFF;
border-top: 4px solid #FFF;
content: "";
height: 22px;
position: absolute;
right: 5px;
top: 5px;
width: 31px;
-webkit-transition: all 0.1s ease-in 0s;
-moz-transition: all 0.1s ease-in 0s;
-o-transition: all 0.1s ease-in 0s;
transition: all 0.1s ease-in 0s; }
.crossBtn {
cursor: pointer;
display: inline-block;
float: left;
width: 46px;
text-align: center;
padding: 13px;
position: absolute;
left: 5px;
top: 0;
z-index: 9999;
display: block; }
.crossBtn svg {
font-size: 20px;
color: #FFF; }
.header .phone-number a {
color: #00b085;
font-weight: 500; }
.header .phone-number a img {
vertical-align: top; }
.header .top-wrap .phone-number .phone:first-child {
margin-right: 0;
padding-right: 0;
border-right: none;
font-weight: 400;
font-size: 16px; }
.header.sticky-header .top-wrap {
padding: 10px 0;
}
.section.video {
margin: 0 auto;
width: 100%;
height: 650px;
overflow: hidden;
position: relative; }
.section.video .content {
position: absolute;
top: 20%;
width: 100%;
left: 0;
right: 0;
text-align: center; }
.section.video .content h1 {
font-family: "Montserrat", sans-serif;
font-size: 55px;
line-height: 55px;
font-weight: 700;
color: #00b085; }
.section.video .content h1 b {
font-weight: 500;
display: block; }
.section.video .content p {
font-family: "Lato", sans-serif;
font-size: 26px;
line-height: 30px;
font-weight: 400;
color: #00b085; }
.section.video .content .links a.btn {
margin-top: 20px;
display: inline-block;
width: auto;
padding: 20px 35px;
font-weight: 600;
font-size: 16px;
border-color: #005744;
background-color: #005744;
color: #ffffff;
letter-spacing: 1px; }
.section.video .content .links a.btn:hover {
border-color: #fff; }
.section.video .content .links {
display: block;
width: 100%; }
.section.video .content .links a.btn:last-child {
margin-left: 20px; }
video#bgvid {
transition: 1s opacity;
bottom: 0;
margin: 0 auto;
min-height: 100%;
max-width: 100%;
width: 100%;
z-index: -100; }
.bgImage {
background-repeat: no-repeat;
background-size: cover;
background-position: center center; }
.bgImage .layer {
background-color: rgba(63, 63, 63, 0.78); }
.hero-wrapper .layer {
background-color: rgba(0, 176, 133, 0.2); }
.hero-wrapper {
position: relative; }
.hero-wrapper .content {
padding: 80px 0;
text-align: center; }
.hero-wrapper .content a.btn {
margin-top: 20px; }
.home-hero .content {
padding: 150px 0; }
section.hero {
padding: 0; }
section.hero .content {
padding: 120px 0;
color: #fff;
text-align: center;
background-color: rgba(0, 0, 0, 0.4); }
section.hero .content h1,
section.hero .content p {
color: #ffffff; } .slider {
padding: 0;
overflow: hidden;
position: relative; }
.slider img {
width: 100%; }
#home-slider .slick-slide .item {
height: 90vh;
background-repeat: no-repeat;
background-size: cover; }
.slider .overlay {
background-color: rgba(0, 0, 0, 0.5);  overflow: hidden;
width: 100%;
height: 90vh;
background-repeat: no-repeat;
background-size: cover; }
.slider .container {
position: relative;
height: 100%; }
.slider .content {
text-align: center;
color: #fff;
transform: translate(-50%, -50%);
position: absolute;
left: 50%;
top: 45%;
width: 100%;
padding: 0 15px; }
.slider .content > div {
max-width: 100%;
float: none; }
.hero-wrapper .content {
padding: 50px 0 30px 0;
text-align: center; }
.slider .content h1,
.slider .content .h1,
.hero-wrapper .content h1 {
font-family: "Montserrat", sans-serif;
font-size: 82px;
line-height: 75px;
font-weight: 700;
color: #ffffff; }
.slider .content h1 b,
.slider .content .h1 b,
.hero-wrapper .content h1 b {
font-weight: 500;
display: block; }
.slider .content p,
.hero-wrapper .content p {
font-family: "Lato", sans-serif;
font-size: 26px;
line-height: 30px;
font-weight: 400;
color: #ffffff; }
.hero-wrapper .content h1, .hero-wrapper .content p {
color: #ffffff; }
.slider .content .links a.btn {
margin-top: 20px;
display: inline-block;
width: auto;
padding: 20px 50px;
font-weight: 600;
font-size: 16px;
border-color: #ffffff;
color: #ffffff;
letter-spacing: 1px; }
.slider .content .links {
display: block;
width: 100%; }
.slider .content .links a.btn:last-child {
margin-left: 20px; }
.gallery-wrapper {
overflow: hidden;
width: 100%;
padding: 40px 0 60px;
position: relative; }
.gallery-grid {
position: relative;
clear: both;
margin: 0 auto;
list-style: none;
text-align: center; }
.gallery-grid .mix,
.gallery-grid .gap {
display: inline-block;
vertical-align: top; }
.gallery-grid .mix {
margin: 1rem;
position: relative;
box-sizing: border-box;
background-size: cover;
overflow: hidden;
background-position: top center;
padding-bottom: 80px; }
.gallery-grid .mix:hover {
box-shadow: 0 0px 16px rgba(0, 0, 0, 0.2); }
.gallery-grid .mix img {
vertical-align: top; }
.gallery-grid .grid.hv:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: 12px solid rgba(0, 176, 133, 0.8);
opacity: .5;
-ms-transform: scale(1.1, 1.1);
-webkit-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
-webkit-transition: all 200ms;
transition: all 200ms; }
.gallery-grid .grid.hv:hover:after {
-ms-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
transform: scale(1, 1); }
.gallery-grid .grid .image.cl {
-webkit-transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }
.gallery-grid .grid .image.cl img {
opacity: 0;
-webkit-transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }
.gallery-grid .grid:hover .image.cl {
background-image: none !important;
-webkit-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
-webkit-transition: all 5s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 5s cubic-bezier(0.165, 0.84, 0.44, 1); }
.gallery-grid .grid:hover .image.cl img {
opacity: 1;
height: 100%;
width: 100%;
-webkit-transition: all 5s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 5s cubic-bezier(0.165, 0.84, 0.44, 1); }
.gallery-grid .grid .content {
color: #000000;
padding: 40px 35px 0px 35px;
text-align: center; }
.gallery-grid .grid .content h2 {
font-size: 19px;
line-height: 28px;
font-weight: 700; }
.gallery-grid .grid .content p {
font-size: 16px;
line-height: 26px;
font-weight: 300; }
.gallery-grid .content span.btn, .gallery-grid .content a.btn {
position: absolute;
bottom: 30px;
left: 0;
right: 0;
width: 200px;
text-align: center;
margin: 0 auto; } .gallery-grid .mix,
.gallery-grid .gap {
width: calc(100%/1 - (((1 - 1) * 1rem) / 1)); } @media screen and (min-width: 401px) {
.gallery-grid .mix,
.gallery-grid .gap {
width: calc(100%/1 - (((1 - 1) * 5rem) / 2)); } } @media screen and (min-width: 768px) {
.gallery-grid .mix,
.gallery-grid .gap {
width: calc(100%/3 - (((3 - 1) * 4rem) / 3)); } }
.section.gallery-wrapper a {
text-decoration: none;
color: #000000; }
.gallery-wrapper .controls {
text-align: center;
margin-bottom: 50px; }
.gallery-wrapper .control {
position: relative;
background-color: #00b085;
display: inline-block;
font-size: 16px;
padding: 8px 12px;
cursor: pointer;
color: white;
border: 1px solid #00b085;
transition: background 150ms;
margin-bottom: 20px; }
.gallery-wrapper .mixitup-control-active {
background-color: #000000;
border-color: #000000; }
.gallery-grid figure .profile-img {
overflow: hidden;
position: relative; }
.gallery-grid figure {
position: relative;
overflow: hidden;
margin: 10px 1%;
max-width: 300px;
width: 100%;
height: auto;
text-align: center;
cursor: pointer; }
.gallery-grid figure img {
position: relative;
display: block;
min-height: 100%;
max-width: 100%;
opacity: 0.8; }
.gallery-grid figure figcaption {
padding: 2em;
color: #fff;
text-transform: uppercase;
font-size: 1.25em;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.gallery-grid figure figcaption::before,
.gallery-grid figure figcaption::after {
pointer-events: none; }
.gallery-grid figure figcaption,
.gallery-grid figure figcaption > a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.gallery-grid figure figcaption > a {
z-index: 1000;
text-indent: 200%;
white-space: nowrap;
font-size: 0;
opacity: 0; }
.gallery-grid figure h2 {
word-spacing: -0.15em;
font-weight: 300; }
.gallery-grid figure h2 span {
font-weight: 800; }
.gallery-grid figure h2,
.gallery-grid figure p {
margin: 0; }
.gallery-grid figure p {
letter-spacing: 1px;
font-size: 68.5%; }
figure.effect-steve {
z-index: auto;
overflow: visible; }
figure.effect-steve:before,
figure.effect-steve h2:before {
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100%;
content: '';
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s; }
figure span.team_name {
margin-top: 20px;
display: block; }
figure.effect-steve:before {
opacity: 0; }
figure.effect-steve figcaption {
z-index: 1; }
figure.effect-steve img {
opacity: 1;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: perspective(1000px) translate3d(0, 0, 0);
transform: perspective(1000px) translate3d(0, 0, 0); }
figure.effect-steve h2,
figure.effect-steve p {
color: #00b085; }
figure.effect-steve h2 {
position: relative;
margin-top: 2em;
padding: 0.25em; }
figure.effect-steve .portfolio-text {
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
opacity: 0;
padding: 10px 20px;
text-align: center;
-webkit-transition: all .4s;
transition: all .4s;
background-color: rgba(0, 0, 0, 0.8);
overflow: hidden; }
figure.effect-steve .portfolio-text h4 {
color: #2e4e87;
text-decoration: none;
text-transform: uppercase;
margin-bottom: 5px;
font-size: 18px;
-webkit-transition: all .5s;
transition: all .5s; }
figure.effect-steve:hover .portfolio-text {
opacity: 1; }
figure.effect-steve:hover .portfolio-text {
color: #fff;
background: rgba(255, 255, 255, 0.8); }
figure.effect-steve .portfolio-text {
background-color: transparent; }
figure.effect-steve .portfolio-text a.btn {
position: absolute;
left: 30px;
right: 30px;
bottom: 0;
text-align: center; }
figure.effect-steve .portfolio-text span.btn {
position: absolute;
left: 30px;
right: 30px;
bottom: 0;
text-align: center; }
figure.effect-steve .portfolio-text span.btn {
position: absolute;
left: 30px;
right: 30px;
bottom: 0;
text-align: center; }
figure.effect-steve h2:before {
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5); }
figure.effect-steve p {
margin-top: 1em;
padding: 0.5em;
font-weight: 800;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale3d(0.9, 0.9, 1);
transform: scale3d(0.9, 0.9, 1); }
figure.effect-steve:hover:before {
opacity: 1; }
figure.effect-steve:hover img {
-webkit-transform: perspective(1000px) translate3d(0, 0, 21px);
transform: perspective(1000px) translate3d(0, 0, 21px); }
figure.effect-steve:hover h2:before {
opacity: 0; }
figure.effect-steve:hover p {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
.section.context {
padding: 0;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
background-image: url(//grandgroupaus.com.au/wp-content/themes/images/testimonial-bg.jpg);
background-attachment: fixed;
background-color: #00b085; }
.section.context a.btn {
padding: 20px 60px; }
.section.context .layer {
padding: 100px 0;
text-align: center;
background-color: rgba(109, 110, 113, 0.9); }
.section.context .text {
width: 78%;
margin: 0 auto; }
.section.context .text p {
font-size: 27px;
line-height: 37px;
margin-bottom: 60px;
color: #ffffff; } .counter {
animation-duration: 1s;
animation-delay: 0s; }
.section.solar-cell.bgImage {
padding: 400px 0;
position: relative; }
.section.proven-process {
padding: 100px 0;
overflow: hidden;
width: 100%; }
.section.proven-process.subsidy {
padding: 0;
background-color: rgba(0, 0, 0, 0.5); }
.section.proven-process.subsidy .overlay {
padding: 100px 0;
background-color: rgba(0, 0, 0, 0.8); }
.section.proven-process.subsidy .overlay .subsidy-row {
display: flex;
flex-flow: row;
width: 100%; }
.section.proven-process.subsidy .overlay .subsidy-row .sub-col {
width: 48%;
padding: 40px 0;
background-color: rgba(255, 255, 255, 0.2);
margin-right: 2%; }
.section.proven-process.subsidy .overlay .subsidy-row .sub-col:last-child {
margin-right: 0; }
.section.proven-process.subsidy h2, .section.proven-process.subsidy p {
color: #ffffff; }
.section.proven-process p {
font-size: 20px;
line-height: 30px;
font-weight: 300; }
.proven-process .right-wrap a.btn {
margin-top: 30px; } .section .left-right-grid {
overflow: hidden;
margin-bottom: 30px; }
.section.grid-2 .grid-2-left {
width: 48%;
float: left;
margin-right: 4%; }
.section.grid-2 .grid-2-right {
width: 48%;
float: right; }
.section .left-right-grid h2 {
color: #000000;
font-size: 28px;
font-weight: 600; }
.section .left-right-grid p {
margin-top: 30px; }
.section.grid-2 .grid-2-full-width-content {
margin-bottom: 30px; }
.section.grid-3 .grid {
width: 30.3333333%;
background-color: #fff;
box-sizing: border-box;
margin: 20px 1.5% 0 1.5%;
float: left; }
.section.grid-one-third .grid-left {
width: 60%;
float: left; }
.section.grid-one-third .grid-right {
width: 40%;
float: right;
padding-left: 40px; } .section.client-stories {
position: relative;
margin-top: 0; }
.section.client-stories .overlay {
padding: 100px 0; }
.page-template-home .section.client-stories .overlay {
padding: 50px 0;
}
.client-stories .content p { line-height: 24px; }
.client-stories .title {
margin-bottom: 80px; }
.client-stories .story-panel .overlay {
padding: 0; }
.client-stories .story-panel.range {
display: flex;
flex-flow: row; }
.client-stories .story-panel.range .grid {
width: 33%;
background-color: #ffffff;
box-sizing: border-box;
margin-right: 3%;
position: relative;
overflow: hidden;
background-repeat: no-repeat;
background-size: cover;
background-position: top center; }
.client-stories .story-panel.range .grid:last-child {
margin-right: 0; }
.client-stories .story-panel.range .grid .overlay {
background: linear-gradient(to top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.3)); }
.client-stories .story-panel.range .grid .content {
position: unset;
padding: 71% 8% 120px; }
.client-stories .story-panel.range .grid .content h4, .client-stories .story-panel.range .grid .content p {
color: #ffffff; }
.client-stories .story-panel.grid-3 .grid {
width: 28%;
background-color: #ffffff;
box-sizing: border-box;
float: left;
position: relative;
overflow: hidden;
background-repeat: no-repeat;
background-size: cover;
background-position: top center; }
.client-stories .story-panel.grid-3 .grid.hv:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: 12px solid rgba(0, 176, 133, 0.8);
opacity: .5;
-ms-transform: scale(1.1, 1.1);
-webkit-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
-webkit-transition: all 200ms;
transition: all 200ms; }
.client-stories .story-panel.grid-3 .grid.hv:hover:after {
-ms-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
transform: scale(1, 1); }
.client-stories .story-panel.grid-3 .grid:nth-child(3n+2) {
margin: 0 8%; }
.client-stories .story-panel.grid-3 .grid .image.cl {
-webkit-transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }
.client-stories .story-panel.grid-3 .grid .image.cl img {
opacity: 0;
-webkit-transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }
.client-stories .story-panel.grid-3 .grid:hover .image.cl {
background-image: none !important;
-webkit-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
-webkit-transition: all 5s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 5s cubic-bezier(0.165, 0.84, 0.44, 1); }
.client-stories .story-panel.grid-3 .grid:hover .image.cl img {
opacity: 1;
height: 100%;
width: 100%;
-webkit-transition: all 5s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 5s cubic-bezier(0.165, 0.84, 0.44, 1); }
.client-stories .story-panel.grid-3.grid-3.articles .grid {
width: 28%;
background-color: #ffffff;
box-sizing: border-box;
float: left;
position: relative;
background-repeat: no-repeat;
background-size: cover;
overflow: visible;
background-position: top center; }
.client-stories .story-panel.grid-3.grid-3.articles .grid:nth-child(3n+2) {
margin: 0 8%; }
.client-stories .story-panel.grid-3.grid-3.articles .grid h4 > a {
font-weight: 700; }
.client-stories .story-panel.grid-3.grid-3.articles .grid a.readmore {
font-size: 14px; }
.client-stories .story-panel .image {
background-repeat: no-repeat;
background-size: cover;
background-position: top center;
height: 240px;
width: 100%;
overflow: hidden; }
.client-stories .story-panel .image.range {
height: auto;
text-align: center; }
.client-stories .story-panel .content {
color: #000000;
padding: 40px 0 120px 0;
text-align: center;
position: relative; }
.client-stories .story-panel .content h2 {
font-size: 26px;
line-height: 30px;
font-weight: 700;
color: #ffffff; }
.client-stories .story-panel .content p {
font-size: 20px;
line-height: 30px;
font-weight: 300; }
.client-stories .story-panel .content span.btn, .client-stories .story-panel .content a.btn {
position: absolute;
bottom: 50px;
left: 0;
right: 0;
width: 200px;
text-align: center;
margin: 0 auto; }
.client-stories .story-panel .content .articles {
padding: 25px 30px;
position: absolute;
bottom: 40px;
text-align: left;
background-color: #ffffff;
right: -29%;
width: 100%; }
.client-stories .story-panel .content .articles .addtoany_content {
display: none; } .about-wrap {
padding: 0;
background-image: url(//grandgroupaus.com.au/wp-content/themes/images/about-bg.jpg); }
.about-wrap .section-title h1 {
font-size: 78px;
line-height: 78px;
margin-bottom: 60px;
color: #ffffff;
font-weight: 700; }
.about-wrap.process {
background-image: none;
padding: 100px 0 60px; }
.about-wrap .overlay { }
.about-wrap .row { display: table;
width: 100%; }
.about-wrap .row > div {
display: table-cell;
vertical-align: middle; }
.about-wrap .row:last-child {
margin-bottom: 0; }
.about-wrap .content-right .img-wrap,
.about-wrap .content-right .text-wrap {
float: none; }
.about-wrap .content-left .img-wrap .lr,
.about-wrap .content-right .img-wrap .lr {
display: none; }
.about-wrap .content-left .img-wrap,
.about-wrap .content-left .text-wrap {
float: none; }
.about-wrap .content-right .text-wrap {
text-align: left; }
.about-wrap .content-left .text-wrap {
text-align: left; }
.about-wrap .img-wrap {
position: relative;
padding: 0;
width: 50%;
float: none;
height: 27em; }
.about-wrap .text-wrap {
position: relative;
width: 50%;
float: left; }
.about-wrap .text-wrap p {
font-size: 20px;
line-height: 30px;
font-weight: 300;
color: #000000 !important; }
.about-wrap .text-wrap p.b {
font-size: 20px;
line-height: 28px;
font-weight: 600; }
.fullwidthcont p {
font-size: 18px;
line-height: 28px;
font-weight: 300; }
.about-wrap .content-right .text-wrap > div {
padding: 40px 0 70px 50px;
margin-left: 0;
width: 555px;
background-color: rgba(255, 255, 255, 0.8); }
.about-wrap .content-right .text-wrap > div .featured span {
display: inline-block;
vertical-align: middle;
width: 49%; }
.about-wrap .content-right .text-wrap > div .featured span a, .about-wrap .content-right .text-wrap > div .featured span img {
display: inline-block;
vertical-align: middle; }
.about-wrap .content-left .text-wrap > div {
padding: 40px 70px 50px 0;
margin-right: 0;
float: right;
width: 520px;
background-color: rgba(255, 255, 255, 0.8); }
.about-wrap .content-left .text-wrap > div .featured span {
display: inline-block;
vertical-align: middle;
width: 49%;
margin-bottom: 20px; }
.about-wrap .content-left .text-wrap > div .featured span p, .about-wrap .content-left .text-wrap > div .featured span img {
display: inline-block;
vertical-align: middle; }
.about-wrap .content-left .text-wrap > div .featured span p {
width: 60%;
margin-left: 15px; }
.about-wrap .content-left .text-wrap > div .featured span img {
width: 31%; }
.about-wrap .content-left .text-wrap > div .featured p, .about-wrap .content-left .text-wrap > div .featured a {
display: inline-block;
vertical-align: middle;
margin-bottom: 0;
margin-top: 0; }
.about-wrap .content-left .text-wrap > div .featured a {
margin-left: 15px; }
.about-wrap .content-right .text-wrap.process > div,
.about-wrap .content-left .text-wrap.process > div {
position: relative; }
.about-wrap .content-right .text-wrap.process > div:before {
position: absolute;
height: 5px;
width: 70%;
top: 0;
left: 0;
content: '';
background-color: #00b085; }
.about-wrap .content-left .text-wrap.process > div:before {
position: absolute;
height: 5px;
width: 70%;
top: 0;
right: 0;
content: '';
background-color: #00b085; }
.about-wrap .text-wrap > div h3, .fullwidthcont h3 {
font-size: 40px;
font-weight: 600;
line-height: 50px;
color: #00b085; }
.about-wrap .text-wrap > div > .btn { margin-top: 0; } .section.awards .title {
margin-bottom: 80px; }
.section.awards .title h2 {
color: #ffffff; }
.section.awards .overlay {
background-color: rgba(0, 0, 0, 0.5);
padding: 100px 0; }
.section.awards .overlay .content {
display: flex;
flex-flow: row;
width: 100%; }
.section.awards .overlay .content .content-row {
width: 29%;
padding: 40px 0;
background-color: rgba(255, 255, 255, 0.3);
text-align: center;
margin-right: 7%; }
.section.awards .overlay .content .content-row h3 {
padding-top: 20px;
font-size: 40px; }
.section.awards .overlay .content .content-row > span {
font-size: 20px;
font-weight: 700; }
.section.awards .overlay .content .content-row h3, .section.awards .overlay .content .content-row p, .section.awards .overlay .content .content-row span {
color: #ffffff; }
.section.awards .overlay .content .content-row hr {
border: none;
height: 5px;
background-color: #f1c631;
width: 20%; }
.section.awards .overlay .content .content-row:last-child {
margin-right: 0; }
.section.testimonials {
padding: 60px 0; }
.testimonials .content {
width: 100%;
margin: 0 auto;
text-align: center; }
.testimonials .content img {
margin: 0 auto; }
#testimonial {
background-image: url(//grandgroupaus.com.au/wp-content/themes/images/testimonial-bg.jpg); }
#testimonial ul li:before {
content: none; }
#testimonial .slick-list::before {
content: '';
position: absolute;
bottom: 0;
right: 0;
left: 0;
top: 0; }
#testimonial .item .content {
width: 74%;
padding: 0 0;
color: #fff;
font-family: "Lato", sans-serif; }
.testimonials.awards .content {
width: 100%;
margin: 0 auto; }
#awards .item .content-row {
width: 100%;
padding: 0 0;
margin: 0 auto; }
#testimonial .item .content p {
font-size: 20px;
color: #fff; }
#testimonial .item .content cite {
margin-top: 30px;
display: inline-block;
font-size: 20px; }
#testimonial .slick-prev,
#testimonial .slick-next {
background-color: #00b085;
height: auto;
width: auto;
-webkit-transition: opacity 0.1s ease-in 0s;
-moz-transition: opacity 0.1s ease-in 0s;
-o-transition: opacity 0.1s ease-in 0s;
transition: opacity 0.1s ease-in 0s;
z-index: 1; }
#testimonial .slick-prev:hover,
#testimonial .slick-next:hover {
background-color: #231f20;
transition: .3s; }
#testimonial .slick-prev {
left: 141px; }
#testimonial .slick-next {
right: 141px; }
.section .slick-dots {
bottom: 15px;
z-index: 333; }
.section .slick-dots {
padding: 0;
margin: 0; }
.section .slick-dots li {
width: auto;
height: auto;
padding: 0; }
.slick-dots li button {
background-color: #fff;
border-radius: 32px;
width: 0;
height: 0;
padding: 6px;
border: 1px solid #fff; }
.slick-dots li button::before {
width: auto;
height: auto;
color: transparent; }
.slick-dots li.slick-active button::before {
color: transparent; }
.slick-dots li.slick-active button,
.slick-dots li:hover button {
background-color: transparent; }
.section .slick-dots li::before {
content: '';
width: auto;
height: auto;
background-color: transparent;
top: auto; }
#partners-logo {
margin: 60px auto;
max-width: 900px; }
#partners-logo .slick-dots {
bottom: -60px; }
#partners-logo img {
width: auto;
margin: 0 auto; }
#partners-logo .slick-dots li button {
background-color: transparent;
border: 1px solid #00b085; }
#partners-logo .slick-dots li.slick-active button {
background-color: #00b085;
border-color: #00b085; }
#partners-logo .slick-dots li.slick-active button::before {
color: transparent; }
.page-template-steps .section.inner-page {
padding: 40px 0 0px 0; }
.section.inner-page {
padding: 40px 0 60px; }
.section.inner-page hr {
margin: 10px 0;
width: 350px; }
.section.inner-page .content {
width: 100%; }
.section.inner-page .title {
margin-bottom: 20px; }
.section.inner-page .title h1 {
font-family: "Montserrat", sans-serif;
font-size: 40px;
line-height: 48px;
font-weight: 700; }
.section.inner-page .title h1 b {
font-weight: 500;
display: block; }
.section.inner-page .title hr {
margin: 10px 0;
width: 350px; }
.section.inner-page .fullWidth {
width: 100%;
overflow: hidden;
padding-top: 20px;
text-align: left; }
.section.inner-page .fullWidth h2 {
font-size: 34px;
line-height: 44px;
margin: 0;
font-weight: 700; }
.section.inner-page .fullWidth h3 {
font-size: 26px;
margin-top: 0;
color: #000000;
margin-bottom: 10px; }
.section.inner-page .row {
margin-bottom: 30px;
overflow: hidden; }
.section.inner-page .row > div p { margin-bottom: 20px; }
.section.inner-page .row .rightCont h3 {
margin-top: 0;
color: #00b085;
margin-bottom: 10px; }
.section.inner-page .row .rightCont h2 {
font-size: 34px;
line-height: 44px;
margin: 0;
font-weight: 700; }
.section.inner-page .row .leftCont h2 {
font-size: 34px;
line-height: 44px;
margin: 0;
font-weight: 700; }
.section.inner-page .row .leftCont.float-right {
float: right;
margin-left: 2%;
text-align: center; }
.section.inner-page .row .leftCont.float-left {
float: left;
margin-right: 2%;
text-align: center; }
.section.inner-page .row .rightCont.float-right {
float: right;
margin-left: 2%;
text-align: left; }
.section.inner-page .row .rightCont.float-left {
float: left;
margin-right: 2%;
text-align: left; }
.section.inner-page .row .leftCont.width50,
.section.inner-page .row .rightCont.width50 {
width: 48%; }
.section.inner-page .row .leftCont.width60,
.section.inner-page .row .rightCont.width60 {
width: 58%; }
.section.inner-page .row .leftCont.width40,
.section.inner-page .row .rightCont.width40 {
width: 38%; }
.section.inner-page .row.blockImg h3 {
margin-top: 0;
color: #00b085;
margin-bottom: 10px; }
.section.inner-page .row .imgBlock > div {
display: inline-block;
vertical-align: top; }
.section.inner-page .row .imgBlock.grid2 > div {
width: 48.7%; }
.section.inner-page .row .imgBlock.grid3 > div {
width: 32.3%;
margin-bottom: 40px; }
.section.inner-page .row .imgBlock.grid3 > div.text h4 {
font-weight: 700; }
.section.inner-page .row .imgBlock.grid3 > div.text .img {
margin-bottom: 20px; }
.section.inner-page .row .imgBlock.grid2 > div:first-child {
margin-right: 1%; }
.section.inner-page .row .imgBlock.grid2 > div:last-child {
margin-left: 1%; }
.section.inner-page .row .imgBlock.grid3 > div:nth-of-type(2) {
margin: 0 1% 40px; }
.section.inner-page .row .imgBlock.grid3 a > h4 {
margin: 10px 0;
font-size: 24px;
color: #000000;
font-weight: 400; }
.section.inner-page .row .box-grid {
display: flex;
flex-flow: row wrap; }
.section.inner-page .row .box-grid > div {
display: inline-block;
vertical-align: top; }
.section.inner-page .row .box-grid.grid-3 > div {
width: 31%;
position: relative;
min-height: auto;
margin: 3% auto; }
.section.inner-page .row .box-grid.grid-3 > div .img {
margin-bottom: 10px; }  .blog-posts {
padding: 60px 0; }
.blog-posts .post {
overflow: hidden;
margin: 0 auto 35px auto;
width: 750px; }
.blog-posts .post-content {
width: 100%;
padding: 40px 20px;
border: 1px solid #cccccc;
box-sizing: border-box; }
.blog-posts .post-date {
margin: 10px 0; }
.blog-posts .post-date a {
color: #000c5c;
font-size: 14px;
font-family: "Montserrat", sans-serif; }
.blog-posts .post-content h2 {
font-size: 28px;
font-weight: 900;
color: #000000; }
.blog-posts .post-content a.btn {
margin-top: 20px; }
.blog-wrapper {
padding: 70px 0;
overflow: hidden;
width: 100%;
background-color: #f8f8f8; }
.blog-wrapper .left-wrap {
float: left;
width: 70%; }
.blog-wrapper .right-wrap {
float: right;
padding-left: 3%;
width: 30%; }
.blog-wrapper .post-wrap {
overflow: hidden;
width: 100%;
margin-bottom: 15px;
box-shadow: 0 0 2px #b9b9b9;
padding: 0px;
border-bottom: 2px solid #324d5c; }
.blog-wrapper .post-img {
width: 270px;
float: left;
margin-bottom: 0;
max-height: 240px; }
.blog-wrapper .post-info {
width: 70%;
float: right;
padding-top: 10px;
margin-right: 10px; }
.blog-wrapper .container {
max-width: 1020px; }
.read-more {
margin: 10px 0;
padding: 10px;
display: block; }
.post-info .read-more {
display: inline-block;
float: right; }
.addtoany_content {
display: inline-block; }
.section.steps {
padding: 60px 0; }
.steps .top-wrap h1 {
font-size: 32px;
line-height: 42px; }
.steps .top-wrap .content {
width: 700px;
margin: 0 auto;
margin-bottom: 60px; }
.steps .top-wrap .steps-h .row {
width: 100%;
display: block;
text-align: center; }
.steps .top-wrap .steps-h .row > div {
display: inline-block;
vertical-align: middle; }
.steps .top-wrap .steps-h .row .cols {
position: relative;
width: 16.4%;
margin: 2.1%;
cursor: pointer; }
.steps .top-wrap .steps-h .row .cols:first-child {
margin-left: 0; }
.steps .top-wrap .steps-h .row .cols:last-child {
margin-right: 0; }
.steps .top-wrap .steps-h .row .cols .thumb {
background-image: url(//grandgroupaus.com.au/wp-content/themes/images/step1.png);
width: 170px;
height: 168px;
padding-top: 54px; }
.steps .top-wrap .steps-h .row .cols .thumb svg {
color: #fff;
font-size: 64px; }
.steps .top-wrap .steps-h .row .cols h6 {
font-size: 15px;
font-family: "Lato", sans-serif; }
.steps .top-wrap .steps-h .row .cols hr {
height: 5px;
background-color: #d3af37;
width: 70px;
margin: 0 auto;
border: 0;
z-index: 33; }
.steps .top-wrap .steps-h .row .cols hr:before {
position: absolute;
height: 20px;
width: 15px;
margin: 0 auto;
bottom: -10px;
content: '';
z-index: -1;
background-color: #00b085;
left: 0;
right: 0; }
.stepslist {
background-color: #f1f2f2; }
.stepslist .step_process .section-title h1 {
font-size: 57px;
line-height: 67px;
margin-bottom: 40px;
color: #63635b; }
.stepslist .step_process .section-title p {
margin-bottom: 20px; }
.stepslist ul {
margin-bottom: 0;
padding-left: 0;
counter-reset: li; }
.stepslist ul li {
position: relative;
padding: 30px 0 30px 0;
border-bottom: 1px solid #99989d; }
.stepslist ul li:last-child {
border-bottom: none; }
.stepslist ul li:before {
content: counter(li);
counter-increment: li;
position: absolute;
top: 30px;
left: 50.4%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 50px;
height: 50px;
padding: 15px;
color: #ffffff;
background: #00b085;
font-family: "Montserrat", sans-serif;
font-size: 21px;
font-weight: bold;
text-align: center; }
.stepslist .steps_list {
display: block; }
.stepslist .steps_list li > div {
display: inline-block;
vertical-align: top; }
.stepslist .steps_list .col {
width: 50%; }
.stepslist .steps_list .step-m {
text-align: center;
width: 506px;
height: 346px; }
.stepslist .steps_list .cont {
width: 49.6%; }
.stepslist .steps_list .cont h2 {
font-size: 28px;
line-height: 38px;
color: #000000;
padding-left: 60px;
font-weight: 700; }
.stepslist .steps_list .cont p {
font-size: 18px;
line-height: 30px; }
.step_process {
display: block;
width: 100%;
text-align: center; }
.step_process .section-title p {
margin-bottom: 60px; }   .section.form {
padding: 0; }
.page-template-contact .section.form .overlay .row .left {
width: 50%;
padding-right: 10px; }
.page-template-contact .section.form .overlay .form {
width: 100%; }
.page-template-contact .section.form .overlay .row .right {
width: 50%;
padding-top: 0; }
.page-template-contact .section.form .title h2, .page-template-contact .section.form .title p {
color: #000000; }
.section.form .overlay {
padding: 100px 0; }
.section.form .overlay .row {
display: flex;
flex-flow: row;
width: 100%; }
.section.form .overlay .form {
width: 70%;
background: #ffffff;
margin: 0 auto;
padding: 60px 40px 20px;
-webkit-box-shadow: 0px 0 5px 6px #e2e2e3;
-moz-box-shadow: 0px 0 5px 6px #e2e2e3;
box-shadow: 0px 0 5px 6px #e2e2e3; }
.free-from {
background: #ffffff;
-webkit-box-shadow: 0px 0 5px 6px #e2e2e3;
-moz-box-shadow: 0px 0 5px 6px #e2e2e3;
box-shadow: 0px 0 5px 6px #e2e2e3;
padding: 20px;
margin: 9px;
}
.section.form .title {
text-align: center;
margin-bottom: 50px; }
.section.form .title h2 {
color: #ffffff; }
.contact-wrapper {
background-color: #FFF;
padding: 0; }
.contact-wrapper .content.page {
display: block; }
.contact-wrapper .content.page > div {
display: block;
width: 100%; }
.contact-wrapper .content.page .form-wrap > div {
float: none;
margin: 0 auto; }
.contact-wrapper .content.page .form-wrap,
.contact-wrapper .content.page .map-wrap {
width: 100%; }
.contact-wrapper .form-wrap > div {
max-width: 680px;
padding: 80px 0;
width: 100%;
float: left; }
.contact-wrapper form {
margin-top: 30px; }
.contact-info {
overflow: hidden;
text-align: center; }
.contact-info a {
color: #000000; }
.contact-info .info-grid > div {
display: inline-block;
vertical-align: top;
width: 42%;
text-align: center; }
.contact-info .grid-box {
margin: 0 20px; }
.contact-info .grid-box h6 {
font-size: 16px;
color: #00b085;
font-weight: 700;
margin-bottom: 5px;
text-transform: uppercase; }
.contact-info .grid-box p {
margin-bottom: 0;
font-size: 14px;
line-height: 30px;
color: #000000;
font-family: "Montserrat", sans-serif; }
.contact-info .grid-box:nth-of-type(2n+2) h6 {
color: #f1c631; }
.contact-info .grid-box:nth-of-type(2n+2) .grid-icon {
-webkit-box-shadow: 22px 15px 0px -5px #f1c631;
-moz-box-shadow: 22px 15px 0px -5px #f1c631;
box-shadow: 22px 15px 0px -5px #f1c631; }
.contact-info .grid-box:nth-of-type(2n+2) .grid-icon svg {
color: #f1c631; }
.contact-info .grid-icon {
display: inline-block;
margin-bottom: 50px;
width: 80px;
height: 80px;
padding: 23px 0;
background-color: #ffffff;
-webkit-box-shadow: 22px 15px 0px -5px #00b085;
-moz-box-shadow: 22px 15px 0px -5px #00b085;
box-shadow: 22px 15px 0px -5px #00b085; }
.contact-info .grid-icon svg {
color: #00b085;
font-size: 35px; }
.contact-info .grid-text {
display: block;
padding: 50px 40px; }
.map-wrapper #map_canvas {
min-height: 450px; }
#map_canvas {
min-height: 455px;
width: 100%; }
#map_canvas #map-content h5 {
color: #00b085;
font-weight: 700; }
#map_canvas #map-content h6 {
text-align: center;
font-weight: 700; }
#map_canvas .gm-style .gm-style-iw-c {
border: 5px solid #00b085; }
.social-media {
display: block;
text-align: center;
width: 100%; }
.social-media ul {
padding-left: 0;
margin-bottom: 0; }
.social-media ul li {
padding-left: 0;
line-height: 18px; }
.social-media ul li:before {
content: none; }
.social-media li {
display: inline-block;
background-color: #fff; }
.social-media li i, .social-media li svg {
display: inline-block;
padding: 8px;
height: 2.1em;
width: 2.1em !important;
border: 2px solid #00b085;
font-size: 20px; }
.social-media li i:hover, .social-media li svg:hover {
color: #fff;
background-color: rgba(0, 176, 133, 0.8);
transition: .3s; } .footer {
background-color: transparent; }
.footer a {
color: #00b085; }
.footer .footer-top {
padding: 60px 0 20px;
overflow: hidden; }
.footer .footer-top .footer-logo {
display: flex;
flex-flow: row;
align-items: center;
justify-content: center; }
.footer .footer-top .footer-logo .fcols {
width: 33%;
}
.footer .footer-top .navigation {
display: block;
width: 100%;
text-align: center; }
.footer .footer-top .navigation #primary-sidebar .widget.widget_nav_menu {
width: 100%;
border-top: 1px solid #cdcecf;
border-bottom: 1px solid #cdcecf;
margin: 50px 0; }
.footer .footer-top .navigation #primary-sidebar .widget.widget_nav_menu ul.menu {
width: 100%; }
.footer .footer-top .navigation #primary-sidebar .widget.widget_nav_menu ul.menu li {
text-align: center;
display: inline-block;
vertical-align: middle;
padding: 10px 20px;
font-weight: 300; }
.footer .footer-top .navigation #primary-sidebar .widget.widget_nav_menu ul.menu li a {
color: #000000; }
.footer .footer-top .navigation #primary-sidebar .widget.widget_nav_menu ul.menu li a {
color: #636466;
font-weight: 400;
font-size: 15px;
line-height: 30px;
display: inline-block;
cursor: pointer;
text-transform: uppercase;
font-family: "Montserrat", sans-serif;}
.footer .footer-bottom .copyright {
padding: 20px 0; }
.footer .footer-bottom .copyright p {
font-size: 14px;
color: #000000;
line-height: 1.5em;
margin-bottom: 0; }
.footer .footer-bottom .copyright p a {
color: #000000; } @media screen and (max-width: 1130px) {
.section.video {
height: auto; }
.nav #menu > li > a {
padding: 10px 13px; }
.container {
max-width: 100%;
padding: 0 1%; }
.about-wrap .content-right .text-wrap > div {
width: 100%; }
.about-wrap .content-left .text-wrap > div {
padding: 100px 7% 25px 0;
width: 90%; } }
@media screen and (max-width: 1024px) {
.header .top-wrap .right-wrap .phone-number a.btn {
margin-right: 0; }
.header .top-wrap .right-wrap .phone-number a.cont {
display: block; }
.nav #menu > li > a {
padding: 10px 11px; }
.section .title h2 {
font-size: 34px; }
.about-wrap .content-right .text-wrap > div {
padding: 50px 0 25px 30px; }
.about-wrap .content-left .text-wrap > div {
padding: 50px 7% 25px 0; } .section.inner-page .fullwidth {
margin-bottom: 20px; }
.section.inner-page .row { }
.section.inner-page .row .leftCont.width50, .section.inner-page .row .rightCont.width50,
.section.inner-page .row .leftCont.width60, .section.inner-page .row .rightCont.width60,
.section.inner-page .row .leftCont.width40, .section.inner-page .row .rightCont.width40 {
width: 100%; }
.section.inner-page .row .leftCont.float-right, .section.inner-page .row .leftCont.float-left,
.section.inner-page .row .rightCont.float-right, .section.inner-page .row .rightCont.float-left {
float: none;
margin-right: 0;
margin-left: 0;
margin-top: 20px; }
.section.inner-page .row .imgBlock.grid2, .section.inner-page .row .imgBlock.grid3 {
text-align: center; }
.section.inner-page .row .imgBlock.grid2 > div:first-child {
margin-right: 0;
margin-bottom: 20px; }
.section.inner-page .row .imgBlock.grid2 > div:last-child {
margin-left: 0; }
.section.inner-page .row .imgBlock.grid3 > div {
width: 100%; }
.section.inner-page .row .imgBlock.grid2 > div {
width: 100%; }
.section.inner-page .row .wrap-title {
margin: 10px 0; } }
@media screen and (max-width: 990px) {
.nav #menu > li > a {
padding: 10px 4px; }
.blog-wrapper .post-info {
width: 65%; } }
@media screen and (max-width: 880px) {
.nav #menu > li > a {
font-size: 12px; }
.slider .content h1,
.slider .content .h1,
.section.hero .content h1 {
font-size: 44px;
line-height: 52px; }
.client-stories .story-panel.range {
display: block;
flex-flow: unset; }
.client-stories .story-panel.range .grid {
width: 300px;
margin-right: 0;
margin: 0 auto;
display: block; }
.client-stories .story-panel .content h2 {
font-size: 16px; }
.client-stories .story-panel .content p {
font-size: 14px; }
.blog-wrapper .post-info {
width: 100%;
float: none;
padding: 10px;
margin-right: 0; }
.blog-wrapper .post-img {
width: 100%;
float: none;
text-align: center; }
.blog-posts .post-img {
overflow: hidden; }
.blog-posts {
padding: 20px 0; } }
@media screen and (max-width: 767px) {
.visible-xs {
display: block; }
.visible-lg {
display: none; }
.header .top-wrap {
padding: 50px 0 10px; }
.menu-btn {
top: 15px; }
.header .top-wrap .left-wrap,
.header .top-wrap .right-wrap {
width: 100%;
text-align: center; }
.page-template-contact .section.form .overlay .row .left {
width: 100%;
padding:10px; }
.page-template-contact .section.form .overlay .row .right {
width: 100%;
padding-top: 0; }
.section.inner-page {
padding: 20px 0 20px;
}
.section.inner-page .row {
margin-bottom: 10px;
}	
.section.inner-page .title h1 {
font-size: 26px;
line-height: 30px;
}
.section.inner-page .row .rightCont h2 {
font-size: 22px;
line-height: 36px;
}	
.section.inner-page .fullWidth h2 {
font-size: 22px;
line-height: 36px;
} .cbp-spmenu {
background: #00b085; }
.slicknav_btn {
position: relative;
display: block;
vertical-align: middle;
float: right;
padding: 0.438em 0.625em 0.438em 0.625em;
line-height: 1.125em;
cursor: pointer; }
.slicknav_menu .slicknav_menutxt {
display: block;
line-height: 1.188em;
float: left; }
.slicknav_menu .slicknav_icon {
float: left;
margin: 0.188em 0 0 0.438em; }
.slicknav_menu .slicknav_no-text {
margin: 0; }
.slicknav_menu .slicknav_icon-bar {
display: block;
width: 1.125em;
height: 0.125em;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
margin-top: 0.188em; }
.slicknav_nav {
clear: both;
display: block !important; }
.slicknav_nav ul, .slicknav_nav li {
border-bottom: 0 none;
border-top: 1px solid #fff; }
.slicknav_nav .slicknav_arrow {
font-size: 0.8em;
float: right;
margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_arrow i {
font-size: 15px; }
.slicknav_nav .slicknav_item {
cursor: pointer; }
.slicknav_nav .slicknav_row {
display: block; }
.slicknav_nav a {
display: block; }
.slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a {
display: inline; }
.slicknav_menu:before, .slicknav_menu:after {
content: " ";
display: table; }
.slicknav_menu:after {
clear: both; } .slicknav_menu {
width: 100%;
top: 46px;
float: right;
position: relative;
*zoom: 1; } .slicknav_menu {
font-size: 16px; } .slicknav_btn {
margin: 5px 5px 6px;
text-decoration: none;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
background-color: #323232; } .slicknav_menu .slicknav_menutxt {
color: #FFF;
font-weight: bold;
text-shadow: 0 1px 3px #000; } .slicknav_menu .slicknav_icon-bar {
background-color: #f5f5f5; }
.slicknav_menu {
padding: 5px; }
.slicknav_nav {
color: #FFF;
margin: 0;
padding: 0;
font-size: 12px;
background-color: #00b085;
border-top: 1px solid transparent;
position: absolute;
top: 0;
width: 100%;
right: 0;
z-index: 999;
text-align: left; }
.slicknav_nav, .slicknav_nav ul {
list-style: none;
overflow: hidden; }
.slicknav_nav ul {
background-color: #222222;
margin: 0;
padding: 0;
position: relative;
width: 100%;
z-index: 999; }
.slicknav_nav ul li a {
padding-left: 20px;
font-size: 16px; }
.slicknav_nav .sub-menu a {
color: #FFF; }
.slicknav_nav .slicknav_row {
padding: 6px 9px;
margin: 0; }
.slicknav_nav a {
padding: 6px 9px;
margin: 0;
text-decoration: none;
color: #FFF;
font-weight: 400;
border: 1px solid transparent;
font-size: 16px;
letter-spacing: 1px; }
.slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a {
padding: 0 4px 0 0;
margin: 0; }
.slicknav_nav .slicknav_row:hover {
color: #fff; }
.slicknav_nav li a:hover {
color: #FFF;
background-color: #03060b; }
.slicknav_nav li a:hover a {
color: #FFF; }
.slicknav_nav .slicknav_parent > a:hover a, .slicknav_nav .slicknav_parent > a:hover i {
color: #FFF; }
.slicknav_nav li:hover a .slicknav_row a {
color: #000;
background-color: transparent; }
.slicknav_nav li:hover .slicknav_arrow {
color: #FFF; }
.slicknav_nav .slicknav_txtnode {
margin-left: 15px; }
.slicknav_nav .sub-menu li:hover a {
background-color: #F3F6F9;
color: #000; }
.slicknav_parent.slicknav_open > ul {
background-color: #FFF; }
.slicknav_parent.slicknav_open > ul li a {
color: #20343D; }
.slicknav_parent.slicknav_open > ul li a:hover {
background-color: #03060b;
color: #FFF; }
.slicknav_nav .slicknav_parent-link a i.fa fa-sort-down {
display: none; } .page-template-home .section.client-stories .overlay {
padding: 20px 0;
}
.section .title h2 {
font-size: 26px;
line-height: 30px;
}
.section.proven-process {
padding: 20px 0; }
.row {
margin-right: 0;
margin-left: 0; }
.section.proven-process.subsidy .overlay {
padding: 20px 0; }
.section.proven-process.subsidy .overlay .subsidy-row {
display: block;
flex-flow: unset; }
.section.proven-process.subsidy .overlay .subsidy-row .sub-col {
width: 100%;
margin-right: 0;
margin-bottom: 10px; }
.section.awards .overlay {
padding: 20px 0; }
.section.awards .title {
margin-bottom: 20px; }
.section.awards .overlay .content {
display: block;
flex-flow: unset; }
.section.awards .overlay .content .content-row {
width: 100%;
margin-right: 0;
margin-bottom: 5px; }
.section.solar-cell.bgImage {
padding: 200px 0;
position: relative;
clip-path: polygon(0 54%, 100% 100%, 100% 0); } .client-stories .story-panel .content h2 {
font-size: 22px;
}
.client-stories .story-panel .content p {
font-size: 16px;
}
.client-stories .story-panel .overlay {
text-align: center; }
.client-stories .story-panel.grid-3.grid-3.articles .grid {
width: 100%;
float: none; }
.client-stories .story-panel .image {
background-size: contain; }
.client-stories .story-panel .content .articles {
text-align: center; }
.client-stories .story-panel.grid-3.grid-3.articles .grid:nth-child(2n+3) {
margin: 0 0; }
.client-stories .story-panel.grid-3 .grid {
width: 32%;
float: none; }
.client-stories .story-panel.grid-3 .grid:hover .image.cl img {
width: auto; }
.section.client-stories .overlay {
padding: 0 0; }
.client-stories .title {
margin-bottom: 20px; } .form-group.grid2 > span, .form-group.grid3 > span {
width: 100%; }
.form-group.grid2 > span:first-child {
margin-right: 0; }
.form-group.grid2 > span:last-child {
margin-left: 0; }
.form-group.grid3 > span:nth-of-type(2) {
margin: 0; } section.hero .content {
padding: 80px 0; }
.slider .content h1,
.slider .content .h1 {
font-size: 27px; }
.slider .content a.btn {
padding: 10px 10px;
margin: 10px 0; }  #testimonial .item .content {
width: 100%; }
#testimonial .slick-prev {
left: 0; }
#testimonial .slick-next {
right: 0; }
.testimonials .content {
width: 100%; }  .photos .photo .col img {
width: 100%;
height: 5em; }
.proven-process .left-wrap,
.proven-process .right-wrap {
width: 100%; }
.proven-process .right-wrap {
padding: 0;
margin-top: 40px; }  .section h1 {
font-size: 32px;
line-height: 40px; }
.section.form .title p {
font-size: 18px; }
.section.form .overlay .row > div {
width: 100%; }
.section.form .overlay .row .right {
padding-left: 0; }
.section.form .overlay .row {
display: block;
flex-flow: unset; }
.section.form .overlay .row .left {
width: 100%; }
.section.form .overlay .row .right {
text-align: center;
width: 100%;
padding-top: 5%; }
.section.form .overlay {
padding: 20px 0; }
.section.form .overlay .form {
padding: 20px 20px 20px;
}
.section.proven-process.subsidy h2,
.section.proven-process.subsidy p{
font-size:22px;
line-height:36px;
}
.section.form .title {
text-align: center;
margin-bottom: 0;
}
.section.form .left {
padding: 10px 10px; }
.section.form .left,
.section.form .right {
width: 100%; }
.section.form .right {
margin-left: 0; }
.form-group .form-control{
padding:14px 0;
}  .about-wrap .img-wrap,
.about-wrap .text-wrap {
width: 100%; }
.section.about-wrap {
padding: 0; }
.about-wrap .img-wrap {
text-align: center; }
.about-wrap .content-left .text-wrap {
text-align: left; }
.about-wrap .content-left .text-wrap > div,
.about-wrap .content-right .text-wrap > div {
margin: 0;
padding: 10px 5px; }
.about-wrap .text-wrap > div .title{
margin-bottom: 0px;
padding-top: 20px;
}
.about-wrap .content-right .img-wrap, .about-wrap .content-right .text-wrap {
float: none;
background-image: none !important;
height: auto; }
.about-wrap .content-right .img-wrap img, .about-wrap .content-right .text-wrap img {
margin: 0 auto; }
.about-wrap .content-left .img-wrap, .about-wrap .content-left .text-wrap {
float: none;
background-image: none !important; }
.about-wrap .content-left .img-wrap img, .about-wrap .content-left .text-wrap img {
margin: 0 auto; }
.about-wrap .row > div {
display: block; }
.about-wrap.process {
background-image: none;
padding: 20px 0; }
.about-wrap .section-title h1 {
font-size: 48px;
line-height: 58px;
margin-bottom: 20px; }
.about-wrap .row {
margin-bottom: 20px; }
.about-wrap .content-left .text-wrap > div {
width: 100%; } .gallery-grid .mix {
margin: 0; }
.section.context .text {
width: 100%; }
.section.context .layer {
padding: 20px 0; }
.section.context .text p {
font-size: 16px;
line-height: 26px;
margin-bottom: 10px; } .social-media {
margin-top: 80px;
}
.footer .footer-top .footer-logo {
display: block;
flex-flow: unset;
text-align: center;
}
.footer .footer-top .footer-logo .fcols {
width: 100%;
}
.footer-bottom ul li {
padding: 6px 10px; }
.footer-bottom .copyright p {
font-size: 12px; }
.footer .footer-top {
padding: 20px 0; } .section.video .content h1 {
font-size: 25px;
line-height: 30px; }
.section.video .content p {
font-size: 18px;
line-height: 20px; }
.section.video .content .links a.btn {
margin-top: 5px;
padding: 10px 25px;
font-size: 14px; }
.section.video {
height: auto; }
.footer .footer-top .navigation #primary-sidebar {
display: block;
flex-flow: unset;
width: 100%;
text-align: center; }
.footer .footer-top .navigation #primary-sidebar .widget.widget_nav_menu {
width: 100%; }
section#media_image-2 {
width: 30%;
margin: 0 auto; } }
@media screen and (max-width: 600px) {
.header .top-wrap .left-wrap .tagline {
padding: 20px 0;
width: 270px;
border-left: 0;
}
.header .top-wrap .right-wrap .phone-number a.btn{
margin-bottom:20px;
}
.section.video .content {
top: 0; }
.zsiq_theme1.zsiq_floatmain {
bottom: 155px!important;
}
.footer .footer-top .navigation #primary-sidebar .widget.widget_nav_menu ul.menu li a {
font-size: 11px;
line-height: 16px; }
.slider .content .links a.btn {
margin-top: 20px;
display: inline-block;
width: auto;
padding: 20px 15px;
font-weight: 600;
font-size: 14px;
letter-spacing: 1px; }
.about-wrap .section-title h1 {
font-size: 28px;
line-height: 28px; }
.about-wrap .content-left .text-wrap > div,
.about-wrap .content-right .text-wrap > div {
margin: 0;
padding: 10px; }
.client-stories .section-title h2 {
font-size: 30px; }
.proven-process .right-wrap h3,
.about-wrap .text-wrap > div h3 {
font-size: 24px; }
.testimonials .section-title h2 {
font-size: 30px;
margin-bottom: 20px; }
.testimonials span {
width: 90px; }
.contact-info .info-grid > div {
width: 100%;
margin: 0px; }
.contact-info .grid-text {
height: 120px;
padding: 0px; } }
@media screen and (max-width: 560px) {
.testimonials .section-title h2 {
font-size: 26px;
line-height: 30px; } }
@media screen and (max-width: 380px) {
.slider .content h1,
.slider .content .h1 {
font-size: 18px; }
.section.form .section-title h2,
.section.form .right .section-title h2 {
font-size: 24px; }
.section.form .section-title p {
font-size: 16px; }
.slider .content a.btn {
margin: 15px 10px; } }