/*
Theme Name: twentysixteen Child Theme
Theme URI:
Description: A bare-bones child theme for use with twentysixteen Theme from Wordpress. To use this Child Theme, you must have twentysixteen parent theme installed.
Author: the WordPress team
Author URI:
Template: twentysixteen
Version: 1.0.0
*/
/* = My Styles
------------------------------------------------------------------------------------------------------------ */
body{
background: #fff;
font-size: 14px;
line-height: 24px;
font-family: 'Lato', sans serif;
color: #333;
}
.clear {
width: 100%;
display: block;
clear: both;
}
.my-container, .single-post article{
width: 100%;
max-width: 1200px;
margin: 0 auto;
}
body:before, body:after{
display: none !important;
}
.site-content {
padding: 0;
}
.site-main {
margin-bottom: 0;
}
ul {
margin: 0;
}
li{
list-style: none;
}
p {
margin: 0 0 15px;
}
.all-btn{
padding: 15px 0;
display: block;
}
/**Sticky Header
============================**/
#header, a {
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
#header.fixedit #top-bar {
display: none;
}
#header.fixedit {
position: fixed;
top: 0;
left: 0;
width: 100%;
background: #fff;
z-index: 99999;
}
/**Header
=============================**/
#top-bar {
background-color: #ffffff;
border-bottom: 1px solid #666;
}
#top-bar .tb-content,#top-bar a{
text-align: right;
color: #666666;
}
#top-bar .tb-content ul{
list-style: outside none;
margin: 0;
padding: 0;
}
#top-bar .tb-content ul li{
display: inline-block;
border-right: 1px solid #dbdbdb;
vertical-align: top;
padding: 10px 15px;
}
#top-bar .tb-content ul li:last-child {
border: 0;
padding-right: 0;
}
#header .h-logo {
float: left;
width: 20%;
display: block;
position: relative;
}
#header .h-logo img {
width: 170px;
top: -84px;
margin-top: -30px;
}
#top-bar {
background-color: #ffffff;
border-bottom:none
}
#top-bar::after {
content: "";
display: block;
border-bottom: 1px solid #dbdbdb;
width: 65%;
float: right;
}
#header .h-menu {
float: left;
width: 60%;
display: block;
padding: 17px 0;
position: relative;
text-align:right;
}
#header #site-navigation {
display: inline-block;
vertical-align: top;
}
#header .search-btn {
font-size: 20px;
cursor: pointer;
margin: 7px 0 0 60px;
display: inline-block;
color: #9c9482;
vertical-align: top;
}
#search-form {
position: absolute;
width: 86%;
display: block;
opacity: 0;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#search-form.show-form {
opacity: 1;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
background: #9c9482;
padding: 15px 15px 10px 0px;
text-align: center;
right: 0;
top: 78px;
}
#menu-main-menu {
width: 100%;
display: block;
margin: 0;
padding: 0;
list-style: none;
}
#menu-main-menu li a {
font-size: 14px;
line-height: 22px;
font-family: 'Raleway', sans-serif;
color: #666666;
text-transform: uppercase;
}
#header .contact-us-btn {
float: right;
width: 200px;
display: block;
text-align: center;
padding: 27px 0;
background-color: #9c9482;
color: #ffffff;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
font-size: 16px;
}
/* --------------homepage css---------------- */
.soc-med .fa {
font-size: 25px;
}
#hp-sec1 {
width: 100%;
display: block;
}
#hp-sec1 .left {
width: 50%;
float: left;
display: block;
background-color: #92aed7;
height: 737px;
padding: 224px 0 0 352px;
}
#hp-sec1 .right {
width: 50%;
float: right;
height: 737px;
background-repeat: no-repeat;
background-size: cover;
}
#hp-sec1 .left .title {
font-family: 'Raleway', sans-serif;
color: #ffffff;
font-size: 40px;
line-height: 48px;
text-transform: uppercase;
font-weight: 900;
margin-bottom: 24px;
}
#hp-sec1 .left .title span {
width: 100%;
display: block;
}
#hp-sec1 .left .subtitle {
font-family: 'Lato', sans-serif;
font-size: 22.22px;
line-height: 30.22px;
color: #ffffff;
}
#hp-sec1 .left .sec-btn {
font-family: 'Raleway', sans-serif;
font-weight: 600;
color: #ffffff;
border: 1px solid #ffffff;
padding: 10px 30px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#hp-sec1 .left .sec-btn:hover{
background-color: #ffffff;
color: #666666;
}
#hp-sec2 {
width: 100%;
display: block;
background-color: #958c79;
padding: 50px 0;
text-align: center;
}
#hp-sec2 .title {
color: #ffffff;
font-family: 'Raleway', sans-serif;
font-size: 32.20px;
line-height: 40.20px;
}
#hp-sec2 .title span {
width: 100%;
display: block
}
#hp-sec3 {
width: 100%;
display: block;
padding: 70px 0;
background-color: #f7f7f7;
}
#hp-sec3 .title {
text-align: center;
font-family: 'Raleway', sans-serif;
font-size: 32.29px;
line-height: 40.29px;
text-transform: uppercase;
}
#hp-sec3 .title::after {
content: "";
width: 100px;
display: block;
margin: 12px auto 36px;
border-bottom: 4px solid #afc5e6;
}
#hp-sec3 .subtitle p {
text-align: center;
font-family: 'Lato', sans-serif;
font-size: 18px;
line-height: 26px;
color: #666666;
}
#hp-sec3 ul {
width: 100%;
display: block;
text-align: center;
margin: 0;
padding: 0;
list-style: none;
}
#hp-sec3 ul .box {
width: 17%;
display: inline-block;
margin: 0 15px;
background-color: #ffffff;
border: 2px solid #cccccc;
padding: 20px;
vertical-align: top;
max-height: 263px;
height: 263px;
position: relative;
overflow: hidden;
}
#hp-sec3 ul .box img {
display: block;
margin: 20px auto 0;
}
#hp-sec3 ul .box strong {
width: 100%;
display: block;
font-family: 'Raleway', sans-serif;
font-size: 20px;
line-height: 28px;
color: #666666;
margin-top: 24px;
}
#hp-sec3 ul .box .description {
width: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
background-color: #9c9482;
height: 100%;
opacity: 0;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
cursor: default;
}
#hp-sec3 ul .box .description:hover {
opacity: 1;
}
#hp-sec3 ul .box .description strong {
color: #ffffff;
margin-bottom: 15px;
}
#hp-sec3 ul .box .description p {
font-size: 14px;
color: #ffffff;
}
#hp-sec3 ul .box .description a {
color: #ffffff;
border: 1px solid #ffffff;
padding: 8px 30px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#hp-sec3 ul .box .description a:hover {
color: #666666;
background-color:#ffffff;
}
#hp-sec4 .left {
float: left;
width: 50%;
display: block;
height: 737px;
background-size: cover;
background-repeat: no-repeat;
}
#hp-sec4 .right {
width: 50%;
float: right;
background-color: #92aed7;
height: 737px;
padding: 120px 352px 0 56px;
}
#hp-sec4 .right .title {
font-family: 'Raleway', sans-serif;
font-size: 32.22px;
line-height: 40.22px;
color: #ffffff;
margin-bottom: 24px;
}
#hp-sec4 .right .title span {
width: 100%;
display: block;
}
#hp-sec4 .right p {
font-size: 17.99px;
line-height: 26.99px;
color: #ffffff;
font-family: 'Lato', sans-serif;
}
#hp-sec4 .right a {
border: 2px solid #ffffff;
padding: 8px 30px;
color: #ffffff;
font-family: 'Raleway', sans-serif;
font-size: 16px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#hp-sec4 .right a:hover {
background-color: #ffffff;
color: #666666;
}
#hp-sec5 .left {
width: 50%;
float: right;
display: block;
height: 746px;
background-repeat: no-repeat;
background-size: cover;
}
#hp-sec5 .right {
width: 50%;
float: left;
display: block;
background-color: #9c9482;
height: 746px;
padding: 70px 0 0 352px;
}
#hp-sec5 .right .title {
font-family: 'Raleway', sans-serif;
font-size: 32.22px;
line-height: 40.22px;
color: #ffffff;
text-transform: uppercase;
font-weight: 800;
}
#hp-sec5 .right .title::after {
content: '';
width: 80px;
display: block;
border-bottom: 5px solid #ffffff;
margin: 12px 0 36px 0;
}
#hp-sec5 .right ul {
width: 100%;
display: block;
margin: 0;
padding: 0;
list-style: none;
}
#hp-sec5 .right ul .box {
border: 1px solid #ffffff;
width: 90%;
margin: 0 0 20px;
padding: 10px 10px 10px 20px;
position: relative;
}
#hp-sec5 .right ul .box::after {
content: "";
display: block;
border-left: 10px solid #ffffff;
padding: 10px;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
opacity: 0;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#hp-sec5 .right ul .box:hover::after {
opacity: 1;
}
#hp-sec5 .right ul .box p {
font-family: 'Lato', sans-serif;
font-size: 25.03px;
line-height: 32.03px;
color: #ffffff;
margin: 0;
}
#hp-sec6 h4, #testimonial-sec2 h4 {
display: none;
}
#hp-sec6 .wptww-testimonials-slidelist .wptww-testimonials-text p{
font-size:18px;
}
#hp-sec6 {
width: 100%;
display: block;
padding: 100px 0;
background-image: url('/wp-content/uploads/2017/09/wollemi-homepage-sec6-test-BG.png');
background-repeat: no-repeat;
background-position: 24% 30%;
}
#hp-sec6 .title {
text-align: center;
color: #333333;
font-family: 'Raleway', sans-serif;
font-size: 32.22px;
line-height: 40.22px;
text-transform: uppercase;
}
#hp-sec6 .title::after {
content: "";
width: 70px;
display: block;
margin: 12px auto 24px;
border-bottom: 5px solid #afc5e6;
}
.fa.fa-quote-left,
.wptww-testimonials-text em::before,
.wptww-testimonials-text em::after {
display: none;
}
.wptww-testimonials-text p {
font-family: 'Lato', sans-serif;
font-style: italic;
font-size: 18px;
line-height: 26px;
}
.testimonial-left {
margin-top: 36px;
}
#hp-sec7 {
width: 100%;
display: block;
padding: 100px 0;
background-color: #f4f4f4;
}
#hp-sec7 .title {
text-align: center;
font-size: 32.29px;
line-height: 32.29px;
font-family: 'Raleway', sans-serif;
font-weight: 800;
text-transform: uppercase;
}
#hp-sec7 .title::after {
content: "";
width: 70px;
display: block;
margin: 12px auto 56px;
border-bottom: 5px solid #afc5e6;
}
#hp-sec7 .latest-post-cont {
width: 100%;
display: block;
text-align: center;
}
#hp-sec7 .latest-post {
width: 33.33%;
float: left;
height: 612px;
}
#hp-sec7 .latest-post2 {
position: relative;
}
#hp-sec7 .latest-post2 .shows-feat {
position: absolute;
bottom: 0;
}
#hp-sec7 .shows-content {
display: block;
min-height: 306px;
background-color: #ffffff;
padding: 36px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#hp-sec7 .shows-content:hover {
background-color: #92aed7;
color: #ffffff;
}
#hp-sec7 .shows-content .post-title {
font-family: 'Raleway', sans-serif;
font-weight: 800;
font-size: 23.29px;
line-height: 30.29px;
margin-bottom: 20px;
}
#hp-sec7 .shows-content a {
color: #333333;
border: 1px solid;
padding: 8px 20px;
}
#hp-sec7 .shows-content a:hover {
color: #ffffff;
border: 1px solid #ffffff;
}
#hp-sec8 {
background-color: #9c9482;
width: 100%;
display: block;
text-align: center;
padding: 30px 0 0;
}
#hp-sec8 ul {
width: 100%;
display: block;
margin: 0;
padding: 0;
list-style: none;
}
#hp-sec8 ul li {
display: inline-block;
vertical-align: middle;
margin: 0 56px 30px;
}
#hp-sec9 {
width: 100%;
display: block;
min-height: 550px;
}
#hp-sec9 .left {
width: 50%;
float: left;
display: block;
}
#hp-sec9 .left iframe {
width: 100%;
height: 555px;
}
#hp-sec9 .right {
width: 50%;
float: right;
display: block;
background-color: #92aed7;
padding: 50px 352px 60px 56px;
}
#hp-sec9 .right .title {
font-family: 'Raleway', sans-serif;
font-size: 32.22px;
line-height: 40.22px;
text-align: center;
color: #ffffff;
text-transform: uppercase;
}
#hp-sec9 .right .title::after {
content: "";
width: 100px;
display: block;
margin: 10px auto 36px;
border-bottom: 4px solid #ffffff;
}
#hp-sec9 .right .cf-fields:nth-child(2) {
margin-right: 0;
}
#hp-sec9 .right .cf-fields {
width: 48%;
display: block;
margin-bottom: 24px;
margin-right: 4%;
float: left;
}
#hp-sec9 .right .cf-subject {
margin-bottom: 24px;
}
#hp-sec9 .right .cf-textarea {
height: 150px;
position: relative;
overflow: hidden;
margin-bottom: 24px;
}
#hp-sec9 .right .cf-submit input[type="submit"] {
background-color: transparent;
border: 2px solid #ffffff;
padding: 14px 40px;
text-transform: capitalize;
-webkit-transition:all ease 1s;
-mz-transition:all ease 1s;
transition:all ease 1s;
}
#hp-sec9 .right .cf-submit input[type="submit"]:hover {
color: #92aed7;
background: #f7f7f7;
opacity: .8;
}
div.wpcf7 .ajax-loader {
position: absolute;
}
/* -------------------------------------------
footer css-----------------------------------
--------------------------------- */
#footer-widget-area,#content-bottom-widgets {
background-color: #393939;
margin-top: -26px;
}
#content-bottom-widgets {
padding-top: 32px;
}
.single-post #content-bottom-widgets{
margin: 50px 0 0;
}
#content-bottom-widgets .widget-area .widget {
border-top: none;
color: #999999;
}
#content-bottom-widgets .widget-area {
width: 32.33%;
display: inline-block;
margin-bottom: 48px;
vertical-align: top;
font-family: 'Raleway', sans-serif;
}
#content-bottom-widgets .widget-area img {
display: block;
margin: 0 0 24px;
}
.widget-title {
color: #ffffff;
font-size: 20.22px !important;
line-height: 28.22px !important;
}
.widget-title::after {
content: "";
width: 100px;
display: block;
border-bottom: 2px solid #afc5e6;
margin: 10px 0 0;
}
#content-bottom-widgets .widget-area:nth-child(2) {
padding-left: 70px;
}
#content-bottom-widgets .widget-area:nth-child(2) ul {
width: 100%;
display: block;
margin: 0;
padding: 0;
list-style: none;
}
#content-bottom-widgets .widget-area:nth-child(2) ul a {
font-size: 16px;
line-height: 24px;
color: #cccccc;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#content-bottom-widgets .widget-area:nth-child(2) ul a:hover {
color: #ffffff;
}
#custom_html-4 span{
width: 100%;
display: block;
margin: 0 0 15px;
font-size: 16px;
line-height: 24px;
}
#custom_html-4 a{
color: #999999;
text-decoration:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#custom_html-4 a:hover{
color:#fff;
}
#custom_html-4 i {
margin-right: 10px;
}
footer#colophon {
padding: 10px 20px;
width: 100%;
display: block;
color: #666666;
background-color: #222222;
}
footer#colophon a {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
footer#colophon a:hover {
color: #ffffff;
-webkit-box-shadow:none;
box-shadow:none;
}
.site-footer .site-title::after {
display: none;
}
#colophon .fs {
display: inline-block;
}
#colophon .site-pbn{
text-align: right;
float: right;
margin: 0;
}
#colophon .site-pbn.fs a {
color: #92aed7;
}
#colophon .site-pbn.fs a:hover {
color: #fff;
}
/*
About Us Page
---------------------------------------------------*/
.page-template-services-page-template #primary,
.page-template-contactpagetemplate #primary,
.page-template-about-us-template #primary {
width: 100%;
}
.page-template-services-page-template #main,
.page-template-contactpagetemplate #main,
.page-template-about-us-template #main {
margin-bottom: 25px;
}
.bg-overlay:before {
content: '';
background-color: rgba(146, 174, 215, 0.85);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.bg-overlay {
display: block;
margin: 0 auto;
width: 100%;
padding: 70px 0 70px;
background-size: cover;
background-position: right center;
background-repeat: no-repeat;
position: relative;
text-align: center;
}
.bg-overlay .my-container {
position: relative;
z-index: 2;
}
.bg-overlay h3 {
color: #ffffff;
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
font-size: 70px;
line-height: 76px;
font-weight: 500;
margin-bottom: 0px;
text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.6);
}
#abt-sec1 p {
color: #ffffff;
font-family: 'Lato', sans-serif;
font-size: 22px;
line-height: 35px;
width: 50%;
font-weight: 400;
letter-spacing: 2px;
margin-bottom: 0;
}
#abt-sec2 {
padding: 70px 0 10px;
display: block;
margin: 0 auto;
width: 100%;
}
#abt-sec2 .left {
}
#abt-sec2 img{
padding: 0 20px 0 0;
}
#abt-sec2 .right {
}
#abt-sec2 .right .abt-img{
float: left;
margin-bottom: 10px;
}
#abt-sec2 .right h5 {
font-size: 25px;
line-height: 30px;
font-weight: 400;
font-family: 'Raleway', sans-serif;
color: #666666;
margin-bottom: 10px;
display:inline-block;
}
#abt-sec2 h3 {
display:inline-block;
font-family: 'Raleway', sans-serif;
text-transform: uppercase;
font-size: 40px;
line-height: 45px;
font-weight: 800;
margin: 0 0 50px;
position: relative;
}
#abt-sec2 h3::after {
content: "";
position: absolute;
width: 81px;
height: 3px;
background: #afc5e6;
bottom: -34px;
left: 0;
display: block;
z-index: 99999;
}
#abt-sec2 .content p,
#abt-sec2 .right p {
font-family: 'Lato', sans-serif;
font-size: 20px;
line-height: 27px;
color: #666666;
}
#abt-sec2 .content {
margin-top: -35px;
}
#abt-sec2-1 {
padding: 0 0 50px;
}
#abt-sec2-1 .content-2 h4 {
font-size: 25px;
line-height: 30px;
font-family: 'Raleway', sans-serif;
font-weight: 700;
text-transform: uppercase;
margin: 60px 0 20px;
}
#abt-sec2-1 .content-2 p{
font-family: 'Lato', sans-serif;
font-size: 20px;
line-height: 45px;
color: #666666;
}
#abt-sec2-1 .content-2 .box {
border: 2px solid #9c9482;
border-left-width: 2px;
border-left-style: solid;
border-left-color: rgb(156, 148, 130);
border-left: 18px solid #9c9482;
padding: 45px 75px;
font-size: 26px;
line-height: 40px;
text-align: center;
font-weight: 700;
font-family: 'Raleway', sans-serif;
}
#abt-sec3 {
display: block;
margin: 0 auto;
width: 100%;
padding: 55px 0;
background: #f4f4f4;
}
#abt-sec3 ul {
margin: 0;
list-style: none;
}
#abt-sec3 ul .abt-mv {
width: 31%;
display: inline-block;
margin-right: 39px;
vertical-align: top;
}
#abt-sec3 ul .abt-mv:last-child {
margin-right: 0;
}
#abt-sec3 ul .abt-mv h3 {
font-size: 25px;
line-height: 30px;
font-family: 'Raleway', sans-serif;
color: #333333;
margin-bottom:55px;
position:relative;
}
#abt-sec3 ul .abt-mv p {
font-family: 'Lato', sans-serif;
font-size: 18px;
line-height: 33px;
color: #666666;
margin: 0;
}
#abt-sec3 ul .abt-mv h3::after{
content: "";
position: absolute;
width: 81px;
height: 3px;
background: #afc5e6;
bottom: -36px;
left: 0;
display: block;
z-index: 99999;
}
#abt-sec4 {
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
padding: 80px 0;
text-align: center;
}
#abt-sec4 h5 {
color: #fff;
font-family: 'Raleway', sans-serif;
font-size: 30px;
line-height: 35px;
font-weight: 400;
text-transform: uppercase;
margin: 0;
}
#abt-sec4 h3 {
color: #afc5e6;
font-family: 'Raleway', sans-serif;
font-size: 50px;
line-height: 55px;
font-weight: 600;
text-transform: uppercase;
margin: 33px 0 45px;
}
#abt-sec4 a {
color: #fff;
font-family: 'Raleway', sans-serif;
font-size: 16px;
line-height: 21px;
font-weight: bold;
border: 1px solid #fff;
padding: 15px 40px;
-webkit-transition: .5s ease-out;
transition: .5s ease-out;
}
#abt-sec4 a:hover {
background: #9c9482;
border-color: #9c9482;
}
#abt-sec5 {
background: #f4f4f4;
padding: 60px 0;
}
#abt-sec5 ul {
margin: 0;
list-style: none;
}
#abt-sec5 ul li.abt-mv {
width: 49%;
display: inline-block;
vertical-align: top;
text-align: center;
}
#abt-sec5 ul li.abt-mv h3 {
font-family: 'Raleway', sans-serif;
font-size: 20px;
line-height: 30px;
color: #afc5e6;
text-transform: uppercase;
font-weight: 700;
margin-bottom: 20px;
}
/* Contact page
----------------------------------------------------------------------*/
#cont-sec1 p {
color: #ffffff;
font-family: 'Lato', sans-serif;
font-size: 22px;
line-height: 35px;
width: 50%;
font-weight: 400;
letter-spacing: 2px;
margin-bottom: 0;
}
#cont-sec2 {
background: #F4F4F4;
height:530px;
}
#cont-sec2 iframe {
height: 530px;
width: 100%;
}
#cont-sec3{
padding:80px;
}
#cont-sec3 .cont-sec3-inner {
max-width: 520px;
float: right;
width: 100%;
}
#cont-sec3 h3 {
font-family: 'Raleway', sans-serif;
font-size: 32.29px;
line-height: 40.29px;
text-transform: uppercase;
position: relative;
}
#cont-sec3 h3::after {
content: "";
position: absolute;
width: 81px;
height: 3px;
background: #afc5e6;
bottom: -10px;
left: 0;
display: block;
z-index: 99999;
}
#cont-sec3 p {
color: #666;
font-size: 21px;
line-height: 42px;
width: 100%;
max-width: 450px;
}
#cont-sec3 .det ul {
list-style: none;
margin: 0;
}
#cont-sec3 .det ul li.abt-mv .icon {
display: inline-block;
vertical-align: middle;
}
#cont-sec3 .det ul li.abt-mv .icon i {
color: #afc5e6;
font-size: 23px;
line-height: 30px;
font-weight: 600;
}
#cont-sec3 .det ul li.abt-mv p {
display: inline-block;
vertical-align: middle;
margin: 0;
padding-left: 20px;
font-family: 'Lato';
font-size: 20px;
line-height: 40px;
color: #333333;
}
#cont-sec3 .soc-med ul {
margin: 61px 0 0;
list-style: none;
}
#cont-sec3 .soc-med ul li.abt-mv {
display: inline-block;
vertical-align: top;
margin-right: 20px;
}
#cont-sec3 .soc-med ul li.abt-mv i {
font-size: 30px;
line-height: 30px;
color: #666666;
font-weight: 600;
}
#cont-sec4 {
display: block;
margin: 0 auto;
padding: 100px 0;
}
#cont-sec4 h3 {
text-align: center;
color: #afc5e6;
font-family: 'Raleway', sans-serif;
font-size: 32px;
line-height: 40px;
font-weight: 700;
text-transform: uppercase;
position: relative;
margin: 0;
margin-bottom: 75px;
}
#cont-sec4 h3::after {
content: "";
position: absolute;
width: 81px;
height: 3px;
background: #afc5e6;
bottom: -17px;
left: 0;
right:0;
margin:0 auto;
display: block;
z-index: 99999;
}
#cont-sec4 .cont-cont-form {
width: 865px;
display: block;
margin: 0 auto;
}
#cont-sec4 .cont-cont-form .nme-eml .frm-nme {
float: left;
width: 48%;
}
#cont-sec4 .cont-cont-form .nme-eml .frm-eml {
float: right;
width: 48%;
}
#cont-sec4 .cont-cont-form input {
border: 1px solid #cccccc;
border-radius: 0;
height: 57px;
background: #fff;
padding: 0 0 0 17px;
font-family: 'Raleway';
font-size: 21px;
line-height: 26px !important;
font-weight: 300;
margin-bottom: 30px;
}
#cont-sec4 .cont-cont-form .frm-mssge textarea {
height: 198px;
border: 1px solid #cccccc;
border-radius: 0;
background: #fff;
padding: 17px 0 0 17px;
font-family: 'Raleway';
font-size: 21px;
line-height: 26px !important;
font-weight: 300;
margin-bottom: 30px;
}
#cont-sec4 .cont-cont-form .btn {
text-align: center;
}
#cont-sec4 .cont-cont-form .btn input {
background: #9c9482;
width: 209px;
height: 50px;
padding: 0;
font-family: 'Raleway', sans-serif;
font-weight: 700;
}
/*
SERVICES PAGE
--------------------------------------------------------------------*/
#srv-sec1 p {
color: #ffffff;
font-family: 'Lato', sans-serif;
font-size: 22px;
line-height: 35px;
width: 50%;
font-weight: 400;
letter-spacing: 2px;
margin-bottom: 0;
}
#srv-sec2{
display:block;
margin:0 auto;
padding:67px 0;
}
#srv-sec2 .tab {
width: 350px;
float: left;
}
#srv-sec2 .tab .tablinks {
width: 93%;
background: #afc5e6;
border-radius: 0;
margin-bottom: 1px;
display: block;
margin: 0 auto 1px;
height: 75px;
-webkit-transition: 0.2s ease-out;
transition: 0.2s ease-out;
}
#srv-sec2 .tab .tablinks.active,
#srv-sec2 .tab .tablinks:hover {
width: 100%;
background: #9c9482;
outline: unset;
}
#srv-sec2 .tab .tablinks img {
float: left;
}
#srv-sec2 .tab .tablinks p {
float: right;
width: 83%;
margin: 0;
font-family: 'Raleway', sans-serif;
font-size: 20px;
line-height: 25px;
text-transform: capitalize;
text-align:left;
}
#srv-sec2 .tabcontent {
width: 67%;
float: right;
}
#srv-sec2 .tabcontent h3 {
font-size: 25px;
line-height: 30px;
margin: 0;
margin-bottom: 0px;
margin-bottom: 25px;
font-family: 'Raleway' ,sans-serif;
font-weight: 700;
text-transform: uppercase;
color: #333333;
}
#srv-sec2 .tabcontent p {
color: #666;
font-family: 'Lato', sans-serif;
font-size: 18px;
line-height: 30px;
}
#srv-sec2 .tabcontent ul {
list-style: none;
margin: 0 0 42px;
}
#srv-sec2 .tabcontent ul li {
margin-bottom: 16px;
}
#srv-sec2 .tabcontent ul li img {
display: inline-block;
vertical-align: top;
margin-right: 4px;
margin-top: 5px;
}
#srv-sec2 .tabcontent ul li p {
display: inline-block;
vertical-align: top;
margin: 0;
max-width: 95%;
}
/*
NEWS PAGE
--------------------------------------------------------------------*/
#news-sec1 p{
color: #ffffff;
font-family: 'Lato', sans-serif;
font-size: 22px;
line-height: 35px;
width: 50%;
font-weight: 400;
letter-spacing: 2px;
margin-bottom: 0;
}
#news-sec2{
padding: 70px 0;
}
#news-sec2 ul, #news-sec2 li{
-webkit-transition: all 2s ease;
transition: all 2s ease;
}
#news-sec2 li.post-article {
display: inline-block;
width: 30%;
margin: 0 10px 30px;
vertical-align: top;
background: #f4f4f4;
}
#news-sec2 .post-article a {
font-size: 20px;
line-height: 30px;
color: #333333;
font-family: Raleway;
padding: 20px;
display: block;
position:relative;
}
#news-sec2 .post-article a:hover:hover{
color: #9C9482;
}
#news-sec2 .post-article a::before {
content: '';
display: block;
position: absolute;
width: 0;
height: 0;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-top: 20px solid #f4f4f4;
bottom: -19px;
}
#news-sec2 .post-content, #news-sec2 .post-dc {
padding: 0 30px;
}
#news-sec2 .post-content p{
font-size: 15px;
line-height: 26px;
}
#news-sec2 .post-dc p {
font-size: 14px;
line-height: 24px;
}
#news-sec2 .post-dc {
background: #e5e5e5;
padding: 10px 30px !important;
}
#news-sec2 .post-dc p {
margin: 0;
color: #666;
}
#news-sec2 .post-dc span {
margin: 0 5px 0 0;
}
#news-sec2 .post-dc i {
color: #afc5e6;
font-size: 25px;
display: inline-block;
vertical-align: middle;
margin: 0 5px 0 0;
}
#news-sec2 .visually-hidden {
position: absolute;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px; width: 1px;
margin: -1px; padding: 0; border: 0;
}
#news-sec2 .post-article a.more-link {
font-size: 15px;
color: #5590ea;
padding: 0;
display: inline;
}
/*
TESTIMONIALS PAGE
--------------------------------------------------------------------*/
#testimonial-sec1 p{
color: #ffffff;
font-family: 'Lato', sans-serif;
font-size: 22px;
line-height: 35px;
width: 50%;
font-weight: 400;
letter-spacing: 2px;
margin-bottom: 0;
}
#testimonial-sec2{
padding: 70px 0;
}
#testimonial-sec2 h3 {
font-size: 45px;
line-height: 55px;
text-transform: uppercase;
font-weight: 900;
margin: 0 0 10px;
}
#testimonial-sec2 h3::after {
content: "";
display: block;
margin: 12px 0 36px;
border-bottom: 4px solid #afc5e6;
width: 100px;
}
#testimonial-sec2 p{
color: #666;
font-family: 'Lato', sans-serif;
font-size: 20px;
line-height: 30px;
font-weight: 400;
letter-spacing: 2px;
margin-bottom: 0;
}
#testimonial-sec2 .testimonial-list {
padding: 70px 0;
}
#testimonial-sec2 .testimonial-list .wptww-quote {
display: inline-block;
width: 48%;
margin: 0 20px 40px 0;
border: 1px solid #e5e5e5;
padding: 30px;
position:relative;
height: 210px;
}
#testimonial-sec2 .testimonial-list .wptww-quote:before{
content:'';
position:absolute;
background: url('http://wollemi.netstripes.net/wp-content/uploads/2017/09/wollemi-homepage-sec6-test-BG.png');
background-repeat: no-repeat;
background-size: 100% auto;
background-repeat: no-repeat;
top: 18px;
left: 15px;
opacity: 0.7;
width: 100px;
height: 100px;
}
#testimonial-sec2 .wptww-testimonials-list .wptww-testimonials-text p{
text-align: left;
font-size: 15px;
line-height: 25px;
font-family: Lato;
}
#testimonial-sec2 .testimonial-left {
display: none;
}
#testimonial-sec2 .wptww-testimonials-list .wptww-testimonials-text p em {
font-style: normal;
}
#testimonial-sec2 .wptww-testimonials-list.design-1 .wptww-testimonial-author,
#testimonial-sec2 .wptww-testimonials-list.design-1 .wptww-testimonial-job{
text-align:right;
}
#testimonial-sec2 .wptww-testimonials-list.design-1 .wptww-testimonial-author {
color: #666;
font-size: 16px;
line-height: 26px;
}
#testimonial-sec2 .wptww-testimonials-list.design-1 .wptww-testimonial-job{
color: #afc5e6;
font-size: 15px;
line-height: 25px;
font-weight:700;
font-style:italic;
}
/*
BLOG PAGE
--------------------------------------------------------------------*/
#blog-section {
padding: 0 0 40px;
background: #f4f4f4;
}
#blog-section h3 {
font-size: 32px;
line-height: 42px;
text-transform: uppercase;
font-weight: 900;
margin: 0 0 10px;
text-align: center;
position:relative;
padding-top: 50px;
}
#blog-section h3::after {
content: "";
display: block;
margin: 12px auto 36px;
border-bottom: 4px solid #afc5e6;
width: 100px;
}
#blog-section .blog-list ul li {
display: inline-block;
width: 33%;
vertical-align: top;
background: #f4f4f4;
}
#blog-section .blog-cont {
text-align: center;
background: #fff;
}
#blog-section .blog-cont .blog-img, #post-list .post-img {
width: auto;
min-height: 301px;
background-size: cover;
}
#blog-section .blog-cont img {
}
#blog-section .blog-cont .lm-btn {
border: 2px solid #999;
display: inline-block;
margin: 0 auto;
padding: 5px 40px;
}
#blog-section .blog-cont .lm-btn a {
font-family: Raleway, sans-serif;
font-size: 13px;
line-height: 15px;
color: #666666;
font-weight: 800;
}
#blog-section .blog-cont.cont2 {
position: relative;
height: 100%;
min-height: 300px;
}
#blog-section .blog-cont.cont2 .text-content {
position: absolute;
top: 0;
width: 100%;
left: 0;
right: 0;
margin: 0 auto;
}
#blog-section .blog-cont.cont2 .blog-img{
position: absolute;
top: 100%;
right: 0;
left: 0;
margin: 0 auto;
}
#blog-section .blog-list ul li:hover .text-content,
#blog-section .blog-list ul li:focus .text-content {
background: #92aed7;
-webkit-transition: all ease 0.3s;
transition: all ease 0.3s;
}
#blog-section .blog-list ul li:hover h2 a,
#blog-section .blog-list ul li:hover p {
color: #fff;
}
#blog-section .blog-list ul li:hover .lm-btn,
#blog-section .blog-list ul li:hover .lm-btn a {
color: #fff;
border-color: #fff;
}
#blog-section .blog-list .text-content {
height: 301px;
padding: 40px;
}
#blog-section .blog-list .text-content h2, #blog-section .blog-list .text-content p{
text-align:center;
}
#blog-section .blog-list .text-content h2 a {
color: #333;
font-size: 23px;
line-height: 33px;
font-family: Raleway;
font-weight: 800;
}
#blog-section .blog-list .text-content p {
color: #666;
font-size: 15px;
line-height: 25px;
font-family: Lato;
letter-spacing: 1px;
margin: 10px 0;
}
#blog-section .blog-cont .more-link {
display: none;
}
/*
SINGLE BLOG PAGE
--------------------------------------------------------------------*/
.single-post .entry-content{
width: 100% !important;
margin: 0 !important;
}
.single-post article ul li {
list-style: disc;
}
.single-post ul{
margin: 0 0 10px 30px;
}
.single-post .entry-footer, .single-post .post-navigation {
display: none;
}
.single-post .comments-area, .single-post .entry-header, .single-post .post-navigation{
margin: 0 !important;
}
.single-post .entry-header{
text-align: center;
padding: 40px 0 0;
}
/**Hide image on testimonial slider**/
.wptww-testimonials-slidelist .slick-slide img, .wptww-testimonials-slide-widget .wptww-slick-slide img {
display: none !important;
}
#menu-main-menu li a:hover, #menu-main-menu li a:active, #menu-main-menu li a:focus {
color: #92aed7;
}
#header .contact-us-btn:hover {
background: #92aed7;
}
.fixedit .h-logo img {
width: 130px !important;
margin-top: 2px !important;
}
#footer-widget-area #content-bottom-widgets {
margin: 0px;
}
#related-post ul {
padding: 0;
margin: 15px 0px 0px 0px;
}
#related-post h2 {
font-weight: bold;
margin-top: 40px;
font-size: 25px;
}
#related-post ul li {
display: inline-block;
vertical-align: top;
width: 22%;
margin-right: 5px;
padding: 5px 5px 0;
min-height: 262px;
-webkit-transition: all ease .5s;
transition: all ease .5s;
}
#related-post ul li:hover {
background: #e4e0e0;
}
#related-post ul li img {
min-height: 180px;
}
#related-post ul li p {
color: #333;
font-size: 19px;
font-weight: bold;
margin-top: 10px;
display: inline-block;
}
/**Update Syles**/
.abt-sec2-text .right span {
font-size: 26px;
line-height: 33px;
}
.abt-sec2-text .right h4 {
font-size: 24px;
line-height: 32px;
color: #333;
margin-bottom: 10px;
}
/**Additional Syles**/
#cont-sec2 .cc-inline {
display: inline-block;
width: 49.9%;
vertical-align: top;
}
.section-spacer {
background-color: #fff;
height: 30px;
}
.widget-area .social-icons ul li {
display: inline-block;
background-color: #999999;
color: #000;
height: 40px;
width: 40px;
text-align: center;
border-radius: 50%;
margin-right: 20px;
}
.widget-area .social-icons ul li i {
color: #393939;
margin: 0 !important;
padding: 8px;
font-size: 20px;
line-height: 24px;
}
.widget-area .social-icons ul li:hover {
background-color: #fff;
}
.page-id-182 .section-spacer {
display: none;
}
/* top bar */
#header {
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
#header.fixedit #top-bar {
display: none;
}
#header.fixedit {
position: fixed;
top: 0;
left: 0;
width: 100%;
background: #fff;
z-index: 99999;
}
/* ----------------------------------------------------
----------------responsive css---------------------------
------------------------------------------------------- */
@media screen and (max-width:2560px){
#cont-sec3 .cont-sec3-inner {
max-width: 515px;
}
}
@media screen and (max-width:1550px){
#hp-sec1 .left {
height: 600px;
padding: 150px 0 0 200px;
}
#hp-sec1 .right {
height: 600px;
}
#hp-sec1 .left .title {
font-size: 36px;
line-height: 42px;
}
#hp-sec1 .left .subtitle {
font-size: 18.22px;
line-height: 26.22px;
}
#hp-sec4 .left {
height: 600px;
}
#hp-sec4 .right {
height: 600px;
padding: 100px 200px 0 56px;
}
#hp-sec5 .right {
height: 600px;
padding: 70px 0 0 200px;
}
#hp-sec5 .left {
height: 600px;
}
#hp-sec9 .right {
padding: 50px 150px 60px 56px;
}
#cont-sec3{
padding: 55px 60px;
}
#cont-sec3 p{
width: 95%;
}
}
@media screen and (max-width:1440px){
#cont-sec3 .cont-sec3-inner {
max-width: 540px;
}
}
@media screen and (max-width:1366px){
#cont-sec3 .soc-med ul {
margin: 61px 0 15px;
}
#cont-sec3 .det ul li.abt-mv p {
padding-left: 15px;
}
#cont-sec3 p {
width: 100%;
}
#cont-sec2 {
height: auto;
}
#cont-sec2 .cc-inline {
padding-bottom: 0;
}
#cont-sec4 {
padding: 65px 0;
}
.my-container {
max-width: 1180px;
}
#hp-sec1 .left {
height: 500px;
padding: 110px 85px 0;
}
#hp-sec1 .right {
height: 500px;
}
#hp-sec4 .right {
padding: 100px 50px 0 50px;
}
#hp-sec5 .right {
padding: 70px 50px 0 50px;
}
#hp-sec7 .latest-post2 .shows-feat {
bottom: 6px;
}
#hp-sec9 .right {
padding: 50px 50px 60px 50px;
}
#abt-sec3 ul .abt-mv {
width: 30%;
}
#cont-sec2 .cc-inline{
width:49%;
}
#cont-sec3 .cont-sec3-inner {
max-width: 515px;
}
}
@media screen and (max-width:1280px){
#cont-sec3 {
padding: 55px 50px;
}
}
@media screen and (max-width:1200px){
.my-container {
max-width: 960px;
}
#header .h-menu {
width: 57%;
}
#search-form {
width: 100%;
}
#menu-main-menu li a {
font-size: 12px;
line-height: 20px;
}
#header .search-btn {
font-size: 15px;
margin: 4px 0 0 60px;
}
#hp-sec1 .left {
height: 500px;
padding: 100px 50px;
}
#hp-sec3 ul .box {
width: 240px;
margin: 0 15px 28px;
}
#hp-sec4 .right {
padding: 50px;
}
#hp-sec5 .right {
padding: 50px;
}
#hp-sec5 .right ul .box p {
font-size: 20.03px;
line-height: 28.03px;
}
#hp-sec7 .latest-post2 .shows-feat {
bottom: 62px;
}
#abt-sec1 p {
font-size: 20px;
line-height: 33px;
letter-spacing: 1px;
}
#abt-sec2 .left {
width: 40%;
}
#abt-sec2 .right h5 {
font-size: 23px;
line-height: 28px;
margin-bottom: 10px;
}
#abt-sec4 h3,
#abt-sec2 h3 {
font-size: 36px;
line-height: 41px;
margin: 0 0 65px;
}
#abt-sec4 h3{
margin: 65px 0;
}
#abt-sec2 .content-2 p,
#abt-sec2 .content p, #abt-sec2 .right p {
font-size: 18px;
line-height: 25px;
margin-bottom: 15px;
}
#abt-sec2 .content {
margin-top: 0px;
}
#abt-sec2 .content-2 .box {
padding: 35px 67px;
font-size: 25px;
line-height: 38px;
}
#abt-sec4 h5 {
font-size: 27px;
line-height: 31px;
}
#testimonial-sec2 .testimonial-list .wptww-quote {
width: 47%;
}
#blog-section .blog-list .text-content h2 a {
font-size: 21px;
line-height: 25px;
}
#blog-section .blog-list .text-content {
padding: 29px;
}
#srv-sec2 .tabcontent {
width: 61%;
float: right;
}
#cont-sec2 .cc-inline {
width: 100%;
}
#cont-sec3 {
padding: 55px 0px;
}
#cont-sec3 .cont-sec3-inner {
max-width: 960px;
margin: 0 auto;
float: none;
}
#cont-sec3 .soc-med ul {
margin: 61px 0 50px;
}
#testimonial-sec2 .testimonial-list .wptww-quote {
min-height: 260px;
}
}
@media screen and (max-width:980px){
.my-container {
max-width: 747px;
}
#header .h-menu {
display: none;
}
#hp-sec1 {
position: relative;
}
#hp-sec1 .left {
width: 100%;
display: block;
float: none;
background-image: url('http://wollemi.netstripes.net/wp-content/uploads/2017/09/wollemi-homepage-UPDATE6_03.jpg');
background-size: cover;
position: relative;
overflow: hidden;
height: auto;
}
#hp-sec1 .left::after {
content: "";
width: 100%;
display: block;
padding: 100%;
position: absolute;
background-color: rgba(0,0,0,0.5);
top: 0;
left: 0;
}
#hp-sec1 .left .title, #hp-sec1 .left .subtitle, .sec-btn {
position: relative;
z-index: 9;
}
#hp-sec1 .right {
display: none;
}
#hp-sec2 {
padding: 30px 0;
}
#hp-sec2 .title {
font-size: 28.2px;
line-height: 36.2px;
}
.tab p {
font-size: 16px !important;
line-height: 20px !important;
display: inline-block;
vertical-align: middle;
}
#hp-sec3 .title {
font-size: 28.29px;
line-height: 36.29px;
}
#hp-sec3 .subtitle p {
font-size: 16px;
line-height: 24px;
}
#hp-sec4 {
position: relative;
}
#hp-sec4 .left {
display: none;
}
#hp-sec4 .right {
width: 100%;
display: block;
background-color: rgba(0,0,0,0.7);
padding: 100px 180px;
text-align: center;
background-image: url('http://wollemi.netstripes.net/wp-content/uploads/2017/09/wollemi-homepage-sec4_featured_img.jpg');
background-size: cover;
position: relative;
overflow: hidden;
height: auto;
}
#hp-sec4 .right::after {
width: 100%;
display: block;
padding: 100%;
background-color: rgba(0,0,0,0.7);
position: absolute;
z-index: 0;
content: "";
top: 0;
left: 0;
}
#hp-sec4 .right .title {
font-size: 28.22px;
line-height: 36.22px;
position: relative;
z-index: 9;
}
#hp-sec4 .right p {
font-size: 15.99px;
line-height: 24.99px;
position: relative;
z-index: 9;
}
#hp-sec4 .right a {
position: relative;
z-index: 9;
}
#hp-sec5 .left {
height: 300px;
width: 100%;
background-position: 10% 23%;
display: block;
float: none;
}
#hp-sec5 .right {
width: 100%;
display: block;
height: auto;
}
#hp-sec5 .right .title {
font-size: 28.22px;
line-height: 36.22px;
text-align: center;
}
#hp-sec5 .right .title::after {
margin: 12px auto 36px;
}
#hp-sec5 .right ul .box {
width: 100%;
}
#hp-sec6 .title {
font-size: 28.22px;
line-height: 36.22px;
}
#hp-sec7 {
padding: 100px 0 64px;
}
#hp-sec7 .title {
font-size: 28.29px;
line-height: 36.29px;
}
#hp-sec7 .latest-post {
width: 53.33%;
float: none;
display: block;
vertical-align: top;
margin: 0 auto 36px;
}
#hp-sec7 .latest-post2 .shows-feat {
bottom: 0;
position: relative;
}
#hp-sec9 .left {
width: 100%;
float: none;
}
#hp-sec9 .left iframe {
height: 300px;
}
#hp-sec9 .right {
width: 100%;
display: block;
float: none;
margin-top: -25px;
text-align: center;
}
#content-bottom-widgets {
margin: 0;
}
#content-bottom-widgets .widget-area {
width: 100%;
display: block;
text-align: center;
}
#content-bottom-widgets .widget-area:nth-child(2) {
padding-left: 0;
}
#responsive-menu-container {
z-index: 999999999999999 !important;
}
#content-bottom-widgets .widget-area img {
margin: 0 auto 24px;
}
.widget-title::after {
margin: 10px auto 0;
}
#custom_html-4 a {
margin: 24px auto 0;
}
#abt-sec3 ul .abt-mv {
width: 31%;
margin-right: 23px;
}
#abt-sec3 ul .abt-mv p {
font-size: 17px;
line-height: 31px;
}
#abt-sec4 h3 {
margin: 36px 0 50px;
}
#abt-sec2 .content-2 .box {
padding: 30px 67px;
font-size: 24px;
line-height: 36px;
}
#abt-sec2 .content-2 h4 {
font-size: 25px;
line-height: 30px;
margin-bottom: 38px;
margin-top: 38px;
}
#abt-sec2 .content-2 p, #abt-sec2 .content p, #abt-sec2 .right p {
font-size: 17px;
line-height: 28px;
margin-bottom: 15px;
}
#abt-sec2 h3 {
font-size: 33px;
line-height: 38px;
margin: 0 0 59px;
}
#abt-sec2 h3::after {
bottom: -28px;
}
#news-sec2 .post-article a {
font-size: 19px;
line-height: 25px;
}
#blog-section .blog-list .text-content h2 a {
font-size: 19px;
line-height: 21px;
}
#blog-section .blog-list .text-content {
padding: 20px;
}
#blog-section .blog-list .text-content p {
margin: 0 0px 17px;
}
#srv-sec2 .tab {
width: 63%;
float: none;
margin: 0 auto;
padding-bottom: 40px;
}
#srv-sec2 .tabcontent {
width: 100%;
float: none;
margin: 0 auto;
}
#cont-sec4 {
padding: 60px 0;
}
#cont-sec4 .cont-cont-form {
width: 100%;
}
#abt-sec2 .right {
width: 100%;
float: none;
}
#abt-sec2 .left {
width: 100%;
margin: 0 auto;
text-align: center;
padding-bottom: 25px;
}
#colophon{
text-align:center !important;
}
#colophon .fs {
display: block;
}
#colophon .site-pbn{
text-align: center;
float: none;
padding: 0;
display: block;
}
#related-post ul li img {
min-height: 150px;
}
#related-post ul li {
width: 30%;
}
.bg-overlay {
padding: 200px 0 30px;
}
.bg-overlay h3 {
font-size: 60px;
line-height: 66px;
}
#cont-sec3 .cont-sec3-inner {
max-width: 747px;
}
#responsive-menu li:hover .responsive-menu-submenu li a {
background-color: #fff !important;
color: #212121 !important;
}
#testimonial-sec2 .testimonial-list .wptww-quote {
min-height: 290px;
}
#header .contact-us-btn {
margin-right: 50px;
}
button#responsive-menu-button {
top: 60px !important;
}
#responsive-menu-item-430 a {
background-color: #fff !important;
color: #212121 !important;
font-weight: bold;
font-size: 16px !important;
line-height: 20px !important;
padding: 15px 10px !important;
text-transform: uppercase;
}
}
@media screen and (max-width:840px){
#header .contact-us-btn {
margin-right: 85px;
}
button#responsive-menu-button {
top: 45px !important;
}
}
@media screen and (max-width:767px){
#srv-sec2 .tab {
width: 80%;
}
}
@media screen and (max-width:768px){
.my-container {
max-width: 600px;
}
#header.fixedit {
position: relative;
background: transparent;
}
#header {
position: absolute;
z-index: 9;
width: 100%;
display: block;
top: 42px;
}
#header .h-logo {
float: left;
width: 135px;
display: block;
height: 69px;
background-image: url('/wp-content/uploads/2017/09/wollemi-homepage-footer-logo.png');
background-size: 135px 69px;
}
#header .h-logo img{
display: none;
}
#header .contact-us-btn {
display: none;
}
#hp-sec1 .left {
padding: 150px 50px 50px;
}
#hp-sec4 .right {
padding: 100px 100px;
}
#hp-sec5 .right ul .box p {
font-size: 16.03px;
line-height: 24.03px;
}
#news-sec2 li.post-article {
width: 46%;
}
#testimonial-sec2 .testimonial-list .wptww-quote {
width: 46%;
}
#blog-section .blog-list ul li {
width: 67%;
margin: 0 100px 19px;
}
#cont-sec1 {
text-align: center;
}
#cont-sec1 p {
font-size: 21px;
line-height: 29px;
width: 100%;
}
#abt-sec1 {
text-align: center;
}
#abt-sec1 p {
font-size: 19px;
line-height: 29px;
width: 100%;
}
#abt-sec2 h3 {
font-size: 30px;
line-height: 34px;
margin: 0 0 50px;
}
#abt-sec2 .content-2 p, #abt-sec2 .content p, #abt-sec2 .right p {
font-size: 15px;
line-height: 24px;
margin-bottom: 12px;
}
#abt-sec3 ul .abt-mv p {
font-size: 15px;
line-height: 27px;
}
#abt-sec3 ul .abt-mv {
width: 30%;
margin-right: 19px;
}
#hp-sec6 {
padding: 60px 0;
}
#blog-section .blog-cont.cont2 .text-content, #blog-section .blog-cont.cont2 .blog-img{
position:relative;
}
#related-post ul li {
width: 40%;
}
#related-post ul li {
width: 100%;
min-height: 100%;
text-align: center;
margin-bottom: 20px;
}
#related-post ul li img {
min-height: 100%;
}
#related-post h2 {
text-align: center;
}
#cont-sec3 .cont-sec3-inner {
max-width: 600px;
}
#testimonial-sec2 .testimonial-list .wptww-quote {
width: 100%;
min-height: auto !important;
height: auto !important;
}
#testimonial-sec2 .testimonial-list {
padding-bottom: 0;
}
#testimonial-sec2 .wptww-testimonials-list.design-1 {
margin-bottom: 0;
}
#header .h-logo {
margin-top: 15px;
}
}
@media screen and (max-width:626px){
.tab p {
font-size: 15px !important;
line-height: 35px !important;
}
}
@media screen and (max-width:640px){
.my-container {
max-width: 90%;
}
#hp-sec1 .left .title span {
display: inline;
}
#hp-sec2 .title {
font-size: 24.2px;
line-height: 30.2px;
}
#news-sec1 {
text-align: center;
}
#news-sec1 p {
font-size: 21px;
line-height: 33px;
width: 100%;
}
#testimonial-sec1 {
text-align: center;
}
#testimonial-sec1 p {
font-size: 21px;
line-height: 31px;
width: 100%;
}
#srv-sec1 {
text-align: center;
}
#srv-sec1 p {
font-size: 21px;
line-height: 29px;
width: 100%;
}
#cont-sec3 {
padding: 40px 0;
text-align: center;
}
#cont-sec3 p {
font-size: 19px;
line-height: 32px;
width: 100%;
}
#cont-sec3 h3::after {
bottom: -5px;
left: 0;
right: 0;
margin: 0 auto;
}
.single-post .site-content {
padding: 50px 0px 0px 0px;
}
#cont-sec3 .cont-sec3-inner {
max-width: 400px;
}
#testimonial-sec2 h3 {
font-size: 30px;
line-height: 34px;
}
.bg-overlay {
padding: 100px 0 30px;
}
}
@media screen and (max-width:593px){
.tab p {
font-size: 14px !important;
line-height: 35px !important;
}
}
@media screen and (max-width:590px){
#news-sec2 li.post-article {
width: 100%;
}
}
@media screen and (max-width:559px){
#srv-sec2 .tab {
width: 85%;
}
}
@media screen and (max-width:526px){
#srv-sec2 .tab {
width: 90%;
}
}
@media screen and (max-width:500px){
#hp-sec1 .left .title {
font-size: 30px;
line-height: 38px;
}
#hp-sec1 .left .title span {
display: inline;
}
#hp-sec2 .title {
font-size: 20.2px;
line-height: 28.2px;
}
#hp-sec2 .title span {
display: inline;
}
#hp-sec3 {
padding: 50px 0;
}
#hp-sec3 .title {
font-size: 24.29px;
line-height: 30.29px;
}
#hp-sec3 ul .box {
margin: 0 0 28px;
}
#hp-sec4 .right {
padding: 50px 20px;
}
#hp-sec5 .right .title {
font-size: 24.22px;
line-height: 30.22px;
}
#hp-sec6 {
padding: 50px 0;
}
#hp-sec7 {
padding: 50px 0 14px;
}
#hp-sec7 .latest-post {
width: 260px;
margin: 0 auto;
}
#hp-sec9 .right .title {
font-size: 24.22px;
line-height: 30.22px;
}
#hp-sec9 .right .cf-fields {
width: 100%;
display: block;
margin-bottom: 12px;
margin-right: 0;
float: none;
}
#hp-sec9 input[type="date"],
#hp-sec9 input[type="time"],
#hp-sec9 input[type="datetime-local"],
#hp-sec9 input[type="week"],
#hp-sec9 input[type="month"],
#hp-sec9 input[type="text"],
#hp-sec9 input[type="email"],
#hp-sec9 input[type="url"],
#hp-sec9 input[type="password"],
#hp-sec9 input[type="search"],
#hp-sec9 input[type="tel"],
#hp-sec9 input[type="number"],
#hp-sec9 textarea {
font-size: 12px;
}
#hp-sec9 .right .cf-submit input[type="submit"] {
padding: 10px 30px;
font-size: 12px;
}
#news-sec2 li.post-article {
width: 84%;
margin: 0 37px 30px;
}
#testimonial-sec2 .testimonial-list .wptww-quote {
width: 100%;
}
#blog-section .blog-list ul li {
width: 89%;
margin: 0 25px 19px;
}
#srv-sec2 .tab {
width: 100%;
}
#cont-sec1 h3 {
font-size: 36px;
line-height: 38px;
margin-bottom: 20px;
}
#cont-sec1 p {
font-size: 18px;
line-height: 25px;
}
#cont-sec3 p {
font-size: 17px;
line-height: 28px;
}
#abt-sec2 .content-2 h4 {
font-size: 22px;
line-height: 27px;
margin-bottom: 20px;
margin-top: 25px;
}
#abt-sec2 .content-2 .box {
padding: 21px 40px;
font-size: 21px;
line-height: 32px;
}
#abt-sec3 ul .abt-mv h3 {
font-size: 23px;
line-height: 27px;
margin-bottom: 52px;
}
#abt-sec4 h3 {
margin: 25px 0 40px;
font-size: 29px;
line-height: 34px;
}
#header .h-logo img {
display: block;
position: relative;
margin: 0px auto;
top: 0px;
}
}
@media screen and (max-width:480px){
#abt-sec3 ul .abt-mv {
width: 45%;
margin-right: 13px;
}
}
@media screen and (max-width:447px){
.tab p {
font-size: 13px !important;
line-height: 35px !important;
}
}
@media screen and (max-width:420px){
#cont-sec1 {
background-position: 1%;
}
#top-bar .tb-content, #top-bar a {
text-align: center;
}
#top-bar .tb-content ul li {
display: block;
border-right: none;
}
#header {
top: 80px;
}
button#responsive-menu-button {
top: 116px !important;
}
#hp-sec1 .left .title, #hp-sec1 .left .subtitle, .sec-btn {
text-align: center;
}
#hp-sec1 .left .title {
font-size: 20px;
line-height: 26px;
text-align: center;
}
#hp-sec1 .left .subtitle {
font-size: 12.22px;
line-height: 22.22px;
}
#hp-sec1 .left .sec-btn {
padding: 8px 30px;
font-size: 14px;
display: block;
}
#srv-sec2 .tab .tablinks {
width: 100%;
}
.tab p {
font-size: 13px !important;
line-height: 20px !important;
}
#hp-sec3 .title {
font-size: 20.29px;
line-height: 26.29px;
}
#hp-sec4 .right .title {
font-size: 20.22px;
line-height: 26.22px;
}
#hp-sec4 .right p {
font-size: 14.99px;
line-height: 22.99px;
}
#hp-sec4 .right a {
font-size: 14px;
}
#hp-sec5 .right .title {
font-size: 20.22px;
line-height: 26.22px;
}
#hp-sec5 .right ul .box p {
font-size: 14.03px;
line-height: 22.03px;
}
#hp-sec6 .title {
font-size: 20.22px;
line-height: 26.22px;
}
#hp-sec7 .title {
font-size: 20.29px;
line-height: 26.29px;
}
#hp-sec7 .shows-content .post-title {
font-size: 14.29px;
line-height: 22.29px;
}
#hp-sec9 .right .title {
font-size: 20.22px;
line-height: 26.22px;
}
#content-bottom-widgets .widget-area:nth-child(2) ul li {
margin-bottom: 24px;
}
#news-sec2 li.post-article {
width: 100%;
margin: 0 0px 25px;
}
#news-sec1 p {
font-size: 19px;
line-height: 26px;
}
#testimonial-sec1 p {
font-size: 19px;
line-height: 25px;
}
#testimonial-sec2 p {
font-size: 18px;
line-height: 25px;
}
#testimonial-sec2 {
padding: 35px 0;
}
#blog-section .blog-list ul li {
width: 100%;
margin: 0 0px 19px;
}
#testimonial-sec2 h3 {
font-size: 26px;
line-height: 33px;
}
#srv-sec1 h3 {
font-size: 34px;
line-height: 42px;
margin-bottom: 25px;
}
#srv-sec1 p {
font-size: 18px;
line-height: 25px;
}
#srv-sec2 .tab .tablinks p {
font-size: 16px;
line-height: 21px;
}
#srv-sec2 .tabcontent h3 {
font-size: 20px;
line-height: 22px;
margin-bottom: 11px;
}
#srv-sec2 .tabcontent p {
font-size: 16px;
line-height: 25px;
}
#abt-sec4 h3 {
margin: 22px 0 44px;
font-size: 30px;
line-height: 34px;
}
#cont-sec4 .cont-cont-form .nme-eml .frm-nme {
float: none;
width: 100%;
}
#cont-sec4 .cont-cont-form .nme-eml .frm-eml {
float: none;
width: 100%;
}
#cont-sec4 {
padding: 33px 0;
}
#cont-sec3 h3 {
font-size: 28.29px;
line-height: 34.29px;
}
#abt-sec1 h3 {
font-size: 35px;
line-height: 39px;
margin-bottom: 18px;
}
#abt-sec1 p {
font-size: 16px;
line-height: 23px;
}
#abt-sec2 h3 {
font-size: 25px;
line-height: 26px;
margin: 0 0 45px;
}
#abt-sec2 .right h5 {
font-size: 21px;
line-height: 23px;
margin-bottom: 9px;
}
#abt-sec2 .content-2 h4 {
font-size: 19px;
line-height: 24px;
margin-bottom: 17px;
margin-top: 22px;
}
#abt-sec2 .content-2 .box {
padding: 15px 26px;
font-size: 18px;
line-height: 28px;
}
#abt-sec3 ul .abt-mv {
width: 100%;
margin: 0 0px 16px;
}
#abt-sec4 h3 {
margin: 22px 0 44px;
font-size: 27px;
line-height: 31px;
}
#abt-sec4 {
padding: 53px 0;
}
#abt-sec3 {
padding: 33px 0;
}
#abt-sec5 ul li.abt-mv {
width: 100%;
display: block;
}
#header {
top: 0;
position: relative;
}
#header .h-logo {
float: none;
width: 100%;
height: auto;
padding: 8px 0;
}
#top-bar::after {
width: 100%;
margin-bottom: 15px;
}
button#responsive-menu-button {
top: 8px !important;
position: fixed !important;
}
.bg-overlay h3 {
font-size: 45px;
line-height: 51px;
}
#cont-sec3 .cont-sec3-inner {
max-width: 280px;
}
#cont-sec3 .det ul li.abt-mv p {
font-size: 17px;
}
button#responsive-menu-button {
top: 0px !important;
}
#top-bar .tb-content ul li:last-child {
padding: 0 0 10px 0;
}
#responsive-menu-button.fixedit {
top: 30px !important;
transition: all 0.3s ease;
box-shadow: 0 1px 10px #515151 !important;
}
}
@media screen and (max-width:440px) {
#abt-sec2-1 .content-2 .box {
padding: 35px 30px;
font-size: 20px;
line-height: 30px;
}
#abt-sec3 ul .abt-mv {
width: 100%;
margin-right: 0;
text-align: center;
margin-bottom: 35px;
}
#abt-sec3 ul .abt-mv h3::after {
bottom: -13px;
left: 0;
right: 0;
margin: 0 auto;
}
#abt-sec3 ul .abt-mv h3 {
margin-bottom: 30px;
}
}
@media screen and (max-width:420px) {
.bg-overlay {
padding: 30px 0 30px;
}
}
@media screen and (max-width:360px) {
#top-bar .tb-content ul li:last-child {
padding-right: 10px;
}
#cont-sec2 .cc-inline {
width: 98%;
}
#cont-sec1 {
background-position: 5%;
}
#header .h-logo img {
width: 130px;
}
#hp-sec1 .left {
padding: 150px 30px 30px;
}
}
@media screen and (max-width:340px){
#srv-sec2 .tab .tablinks p {
float: right;
width: 75%;
}
}
@media screen and (max-width:320px){
#abt-sec2-1 .content-2 .box {
padding: 15px 15px;
font-size: 15px;
line-height: 24px;
}
}
@media screen and (max-width:300px){
#hp-sec1 .left .title {
font-size: 25px;
line-height: 32px;
text-align: center;
}
#testimonial-sec1 h3 {
font-size: 34px;
line-height: 39px;
margin-bottom: 23px;
}
#testimonial-sec2 p {
font-size: 16px;
line-height: 24px;
}
#testimonial-sec2 {
padding: 40px 0;
padding-bottom: 0;
}
#testimonial-sec2 .testimonial-list {
padding: 40px 0;
padding-bottom: 0;
}
#blog-section {
padding: 40px 0;
}
#srv-sec2 .tab .tablinks p {
font-size: 14px;
line-height: 19px;
width: 78%;
}
#srv-sec2 {
padding: 45px 0;
}
#cont-sec3 h3 {
font-size: 21.29px;
line-height: 28.29px;
}
#cont-sec3 p {
font-size: 15px;
line-height: 24px;
}
#abt-sec5 ul li.abt-mv {
width: 100%;
}
#abt-sec2 h3 {
font-size: 20px;
line-height: 23px;
margin: 0 0 45px;
}
#abt-sec2 .right h5 {
font-size: 19px;
line-height: 18px;
margin-bottom: 8px;
}
#abt-sec2 .content-2 h4 {
font-size: 17px;
line-height: 22px;
margin-bottom: 15px;
margin-top: 21px;
}
#abt-sec2 .content-2 .box {
padding: 11px 22px;
font-size: 16px;
line-height: 26px;
}
#abt-sec4 h3 {
margin: 19px 0 40px;
font-size: 20px;
line-height: 25px;
}
#abt-sec4 h5 {
font-size: 19px;
line-height: 20px;
}
#abt-sec4 a {
font-size: 15px;
line-height: 20px;
padding: 11px 28px;
}
}