/*
Theme Name: Webjedi
Theme http://www.webjedi.com.au/
Author: Dean Plats
Author URI: http://www.webjedi.com.au/
Description: The Best for Webjedi theme is a fully responsive theme that looks great on any device.
Version: 1.0
Tags: Custom Theme, Advanced Custom Fields, All In One SEO Pack, Custom Post Type UI, Gravity Forms, UpdraftPlus - Backup/Restore
*/

@charset "utf-8";
@import 'css/default.css';
@import 'css/fonts.css';

/* =CSS Starts Here
-------------------------------------------------------------- */
body{ color: #818181; font-family: "Raleway", san-serif; font-size: 15px; line-height: 22px; }
h1, h2, h3, h4, h5, h6{ color: #222; font-weight: 800; }
a, a:visited{ color: #000; font-weight: 600; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
a:hover{ color: #2aa9e0!important; text-decoration: none; }
a:focus{ outline: medium none; }
ol{ list-style: outside none decimal; margin-left: 15px; }
ul{ list-style: outside none disc; margin-bottom: 15px; margin-left: 15px; }
ol li, ul li{ color: #555555; margin-bottom: 15px; }
ol li li, ul li li{ margin-bottom: 0; }
img{ max-width: 100%; }
.aligncenter, div.aligncenter{ margin-bottom: 50px; } 

/* =HEADER Starts Here
-------------------------------------------------------------- */
#header{ background: #1c1c1c none repeat scroll 0 0; padding: 0; }
#header .logo{ margin-bottom: 10px; margin-top: 10px; }
.logo img{ height: 50px; }
#header .header-menu{ }
.header-menu ul{ margin: 0; text-align: right; }
.header-menu ul li{ display: inline-block; margin: 0; position: relative; }
.header-menu ul li a{ color: #fff; display: inline-block; font-family: Montserrat; font-weight: 600; letter-spacing: 1px; padding: 24px 10px; text-transform: uppercase; }
.header-menu ul li.last-item a{ padding-right: 0;}
.header-menu ul li.current_page_item a{ color: #2aa9e0; }
.header-menu ul li.current_page_item ul li a{ color: #222; }

.header-menu ul > li.drop-down > a:after{   content: '\f107'; font-family: 'FontAwesome'; font-size: 14px; margin-left: 5px; }
.header-menu ul > li > ul,
.header-menu ul > li > ul > li > ul{ background: #e5e5e5 none repeat scroll 0 0; left: 0; margin: 0; opacity: 0; padding: 0; position: absolute; top: 100%; transition: all 0.5s ease 0s; visibility: hidden; width: 295px; z-index: 9999; }
.header-menu ul > li:hover > ul,
.header-menu ul > li > ul > li:hover > ul{ opacity: 1; visibility: visible; }
.header-menu ul > li > ul li{ display: block; }
.header-menu ul > li > ul li a{ border-bottom: 1px solid #f4f4f4; color: #222; display: block; padding: 18px 20px; text-align: left; }
.header-menu ul > li > ul li a:hover{ background: #989898 none repeat scroll 0 0; color: #fff!important; }
.header-menu ul > li > ul li.current_page_item a{ background: #2aa9e0 none repeat scroll 0 0; color: #fff!important; }
   
#header .header-menu-mobile{ display: none; }
.mobile-menu-container{ display: none; }

/* =HOMEPAGE Starts Here
-------------------------------------------------------------- */
#hero{ background: #000 url("images/bg-hero.jpg") repeat scroll 0 0; padding: 140px 0; }
#hero .hero-content{ padding-bottom: 20px; padding-top: 20px; text-align: center; }
#hero .hero-content h2{ color: #fff; font-family: Montserrat; font-size: 40px; font-weight: 500; line-height: 55px; margin: 0; }
#hero .hero-content h3{ color: #fff; font-family: Montserrat; font-size: 32px; font-weight: 400; line-height: 40px; }
#hero .hero-content img{ margin: 0 0 25px; }

#about-dean{ background: #000 none repeat scroll 0 0; }
#about-dean h2{ color: #2aa9e0; font-family: Montserrat; font-size: 35px; font-weight: 300; margin: 52px 0 20px; text-transform: uppercase; }
#about-dean p{ color: #fff; font-family: Montserrat; font-size: 16px; line-height: 24px; }

#credibility-logos{ padding: 30px 0; text-align: center; }
#credibility-logos img{ filter: grayscale(100%); margin: 0 12px; transition: all 0.4s ease 0s; }
#credibility-logos img:hover{ filter: grayscale(0); transition: all 0.4s ease 0s; }

#home-content{ padding: 20px 0 50px; }
#home-content h2{ font-size: 30px; font-weight: 600; letter-spacing: 1px; line-height: 35px; margin: 30px 0; text-transform: uppercase; }
#home-content h2.big-headings{ font-size: 45px; line-height: 50px; }
#home-content p{ color: #444; font-size: 18px; line-height: 26px; margin-bottom: 30px; }

#flow-chart{ background: #f4f4f4 none repeat scroll 0 0; padding: 70px 0 50px; }
#flow-chart h2{ margin: 0 0 50px; text-align: center; }
#flow-chart h2:after{ background: #2aa9e0 none repeat scroll 0 0; content: ""; display: block; height: 3px; margin: 10px auto 0; position: relative; width: 50px; }
#flow-chart .fc-row{ border: 1px solid #bbb; margin: 0 0 30px; min-height: 382px; padding: 10px; }
#flow-chart .fc-row.fc-row-arrow-left:before{ color: #2aa9e0; content: "\f0a8"; display: inline-block; font-family: FontAwesome; font-size: 28px; position: absolute; left: -11px; top: 185px; }
#flow-chart .fc-row.fc-row-arrow-right:before{ color: #2aa9e0; content: "\f0a9"; display: inline-block; font-family: FontAwesome; font-size: 28px; position: absolute; right: -13px; top: 185px; }
#flow-chart .fc-row.fc-row-arrow-down:before{ bottom: 3px; color: #2aa9e0; content: "\f0ab "; display: inline-block; font-family: FontAwesome; font-size: 28px; left: 185px; position: absolute; }
#flow-chart .fc-top img{ margin: 0 0 20px; }
#flow-chart .fc-top h3{ margin-top: 15px; }
#flow-chart .fc-top h3,
#flow-chart .fc-bottom h3{ text-align: center; }

#tag-line{ background: #fff none repeat scroll 0 0; padding: 50px 0; text-align: center; }
#tag-line h2{ font-size: 45px; font-weight: 800; letter-spacing: 1px; line-height: 50px; margin: 0 0 30px; }
#tag-line a.btn-discovery{ background: #2aa9e0 none repeat scroll 0 0; color: #fff; display: inline-block; font-size: 20px; font-weight: 700; padding: 20px 30px; transition: all 0.3s ease 0s; }
#tag-line a.btn-discovery:hover{ background: #222 none repeat scroll 0 0; color: #fff; }



/* =MAIN Starts Here
-------------------------------------------------------------- */
#main{ margin: 65px 0 50px; min-height: 300px; }
#main h1{ border-bottom: 1px solid #f4f4f4; margin-bottom: 50px; padding-bottom: 50px; text-align: center; }
#main h1:after{ background: #2aa9e0 none repeat scroll 0 0; content: ""; display: block; height: 3px; margin: 10px auto 0; position: relative; width: 50px; }
#main h2{ margin: 30px 0; }
#main p{ font-size: 16px; line-height: 24px; margin-bottom: 20px; text-align: justify; }
#main p.p-center{ text-align: center; }
#main ul li{ font-size: 16px; line-height: 24px; }

#main .gform_wrapper form ul.gform_fields li.gfield{ padding-right: 0; }
#main form input,
#main form textarea{ border: 1px solid #777; color: #000; margin: 0; padding: 13px 20px; width: 100%; }
#main .gform_validation_error form input,
#main .gform_validation_error form textarea{ border: 1px solid #790000; }
#main form div.gform_footer{ border-top: 0 none; margin-top: 30px; padding-top: 0; }
#main form div.gform_footer input.button,
#main form div.gform_footer input.gform_button{ background: #2aa9e0 none repeat scroll 0 0; border: 0 none; color: #fff; font-size: 18px; font-weight: 600; transition: all 0.3s ease 0s; width: 150px; }
#main form div.gform_footer input.button:hover,
#main form div.gform_footer input.gform_button:hover{ background: #222 none repeat scroll 0 0; }
#main .gform_validation_error form div.validation_error{ width: 100%; }
#main .gform_validation_error form ul.gform_fields li.gfield{ max-width: 100%!important; padding-left: 15px; padding-right: 15px; }

/* =DISCOVERY PAGE Starts Here
-------------------------------------------------------------- */
body #main .gform_wrapper form.form-discovery .top_label div.ginput_container{  margin-top: 5px; }
#main form.form-discovery{ margin-bottom: 100px; }
#main form.form-discovery input,
#main form.form-discovery textarea{ border: 1px solid #777; color: #000; padding: 13px 20px; }
#main .gform_validation_error form.form-discovery input,
#main .gform_validation_error form.form-discovery textarea{ border: 1px solid #790000; }
#main form.form-discovery span.name_first input,
#main form.form-discovery span.name_last input{ margin: 0; }
#main form.form-discovery span.name_first label,
#main form.form-discovery span.name_last label{ font-weight: normal; }
#main form.form-discovery ul.gfield_radio{ margin-bottom: 30px; }
#main form.form-discovery ul.gfield_radio input{ margin-top: 1px; }
#main form.form-discovery ul.gfield_radio label{ font-weight: normal; margin-left: 8px; }
#main form.form-discovery div.gform_page_footer{ border-top: 0 none; margin-top: 30px; padding-top: 0; }
#main form.form-discovery div.gform_page_footer input.button,
#main form.form-discovery div.gform_page_footer input.gform_button{ background: #2aa9e0 none repeat scroll 0 0; border: 0 none; color: #fff; font-size: 18px; font-weight: 600; transition: all 0.3s ease 0s; width: 150px; }
#main form.form-discovery div.gform_page_footer input.button:hover,
#main form.form-discovery div.gform_page_footer input.gform_button:hover{ background: #222 none repeat scroll 0 0; }
#main .gform_validation_error form.form-discovery div.validation_error{ width: 100%; }
#main .gform_validation_error form.form-discovery ul.gform_fields li.gfield{ max-width: 100%!important; padding-left: 15px; padding-right: 15px; }

/* =WEBSITES THAT WORK Starts Here
-------------------------------------------------------------- */
#the-process{ }
#the-process h2{ text-align: center; }
#the-process h2:after{ background: #2aa9e0 none repeat scroll 0 0; content: ""; display: block; height: 3px; margin: 10px auto 0; position: relative; width: 50px; }
#the-process .the-process-row{ padding: 50px 0 30px; }
#the-process .the-process-row h3{}
#the-process .the-process-row ul{}
#the-process .the-process-row ul li{}s
#the-process .the-process-row ul li a{}
#the-process .the-process-row img{ height: inherit; margin-bottom: 20px; }
#the-process .the-process-odd{ background: #f4f4f4 none repeat scroll 0 0; }
#the-process .the-process-even{ background: #fff none repeat scroll 0 0; }

#wtw-bottom-text{ padding-top: 50px; }
#wtw-bottom-text .gform_wrapper form ul.gform_fields li.gfield{ padding-right: 0; }
#wtw-bottom-text form input,
#wtw-bottom-text form textarea{ border: 1px solid #777; color: #000; margin: 0; padding: 13px 20px; width: 100%; }
#wtw-bottom-text .gform_validation_error form input,
#wtw-bottom-text .gform_validation_error form textarea{ border: 1px solid #790000; }
#wtw-bottom-text form div.gform_footer{ border-top: 0 none; margin-top: 30px; padding-top: 0; }
#wtw-bottom-text form div.gform_footer input.button,
#wtw-bottom-text form div.gform_footer input.gform_button{ background: #2aa9e0 none repeat scroll 0 0; border: 0 none; color: #fff; font-size: 18px; font-weight: 600; transition: all 0.3s ease 0s; width: 150px; }
#wtw-bottom-text form div.gform_footer input.button:hover,
#wtw-bottom-text form div.gform_footer input.gform_button:hover{ background: #222 none repeat scroll 0 0; }
#wtw-bottom-text .gform_validation_error form div.validation_error{ width: 100%; }
#wtw-bottom-text .gform_validation_error form ul.gform_fields li.gfield{ max-width: 100%!important; padding-left: 15px; padding-right: 15px; }

/* =CONTACT US Starts Here
-------------------------------------------------------------- */
#main.page-contact .contact-left{ margin-bottom: 20px; }
#main .contact-left h2{ color: #2aa9e0; font-family: Montserrat; font-size: 28px; font-weight: 500; margin: 0 0 5px; text-transform: uppercase; }
#main .contact-left h3{ color: #222; font-family: Montserrat; font-size: 16px; font-weight: 300; line-height: 22px; margin-bottom: 30px; }

#main .gform_wrapper form.form-contact-us label.gfield_label{ display: none; }
#main .gform_wrapper form.form-contact-us ul.gform_fields li.gfield{ padding-right: 0; }
#main form.form-contact-us input,
#main form.form-contact-us textarea{ border: 1px solid #777; color: #000; margin: 0; padding: 13px 20px; width: 100%; }
#main .gform_validation_error form.form-contact-us input,
#main .gform_validation_error form.form-contact-us textarea{ border: 1px solid #790000; }
#main form.form-contact-us div.gform_footer{ border-top: 0 none; margin-top: 30px; padding-top: 0; }
#main form.form-contact-us div.gform_footer input.button,
#main form.form-contact-us div.gform_footer input.gform_button{ background: #2aa9e0 none repeat scroll 0 0; border: 0 none; color: #fff; font-size: 18px; font-weight: 600; transition: all 0.3s ease 0s; width: 150px; }
#main form.form-contact-us div.gform_footer input.button:hover,
#main form.form-contact-us div.gform_footer input.gform_button:hover{ background: #222 none repeat scroll 0 0; }
#main .gform_validation_error form.form-contact-us div.validation_error{ width: 100%; }
#main .gform_validation_error form.form-contact-us ul.gform_fields li.gfield{ max-width: 100%!important; padding-left: 15px; padding-right: 15px; }

#main.page-contact .contact-right{ margin-bottom: 20px; }
.contact-right .social-media{ margin: 0 0 35px; }
#main .contact-right .social-media h2{ color: #222; font-family: Montserrat; font-size: 28px; font-weight: 500; text-transform: uppercase; }
.contact-right .social-media .fa{ color: #999; font-size: 40px; margin-right: 15px; }
.contact-right .social-media a:hover .fa.fa-facebook{ color: #395895; }
.contact-right .social-media a:hover .fa.fa-twitter{ color: #4ac9f4; }
.contact-right .social-media a:hover .fa.fa-google-plus{ color: #e3411f; }
.contact-right .social-media a:hover .fa.fa-linkedin{ color: #0083be; }
.contact-right ul{ list-style: outside none none; margin-left: 0; }
.contact-right ul li{ background: #f2f2f2 none repeat scroll 0 0; list-style: outside none none; margin: 0 0 20px; }
.contact-right ul li div.dtc{ display: table-cell; vertical-align: middle; }
.contact-right ul li div.cu-icon{ background: #555 none repeat scroll 0 0; padding: 20px; text-align: center; width: 75px; }
.contact-right ul li div.cu-icon .fa{ color: #fff; font-size: 30px; }
.contact-right ul li div.cu-content{ color: #555; font-family: Montserrat; padding: 0 15px; }
.contact-right ul li div.cu-content a{ color: #555; font-weight: normal; }
#google-map{ background: #282828 none repeat scroll 0 0; }
#google-map iframe{ border: 0 none; height: 450px; pointer-events: none; width: 100%; }

/* =FOOTER Starts Here
-------------------------------------------------------------- */
#footer .footer-top{ background: #282828 none repeat scroll 0 0; padding: 70px 0 45px; }
.footer-top h3{ color: #fff; font-size: 20px; line-height: 24px; margin: 0 0 30px; }
.footer-top h3:after{ background: #2aa9e0 none repeat scroll 0 0; content: ""; display: block; height: 3px; margin: 8px 0 0; position: relative; width: 20px; }
.footer-top .ft-row{ margin-bottom: 20px; }
.footer-top .ft-about img{ margin: 0 0 20px; }
.footer-top .ft-about p{ color: #909090; }
.footer-top .ft-quick-links ul{ list-style: outside none disc; margin-bottom: 0; margin-left: 15px; }
.footer-top .ft-quick-links ul li{ margin: 0 0 10px; }
.footer-top .ft-quick-links ul li a{ color: #909090; font-weight: normal; }
.footer-top .ft-follow-us a{ color: #909090; display: block; font-weight: normal; margin: 0 0 15px; }
.footer-top .ft-follow-us .fa{ border: 1px solid; border-radius: 100px; color: #ccc; margin-right: 10px; padding: 10px; text-align: center; transition: all 0.2s ease 0s; width: 38px; }
.footer-top .ft-follow-us a:hover .fa{ color: #2aa9e0; border: 1px solid #2aa9e0; }
.footer-top .ft-contact-us ul{ list-style: outside none none; margin-left: 0; }
.footer-top .ft-contact-us ul li{ list-style: outside none none; margin: 0 0 20px; }
.footer-top .ft-contact-us ul li div.dtc{ display: table-cell; vertical-align: middle; }
.footer-top .ft-contact-us ul li div.cu-icon{ text-align: center; width: 35px; }
.footer-top .ft-contact-us ul li div.cu-icon .fa{ color: #ccc; font-size: 30px; }
.footer-top .ft-contact-us ul li div.cu-content{ color: #909090; padding-left: 15px; }
.footer-top .ft-contact-us ul li div.cu-content a{ color: #909090; font-weight: normal; }

#footer .footer-bottom{ background: #1c1c1c none repeat scroll 0 0; padding: 20px 0; }
.footer-bottom .copyright p{ color: #636363; font-family: Montserrat; font-size: 12px; font-weight: 400; letter-spacing: 0.1em; line-height: 12px; margin: 0; text-transform: uppercase; }
.footer-bottom .copyright p.like-our-site{ font-size: 12px; line-height: 12px; margin: 0 0 7px; text-transform: none; }
.footer-bottom .copyright p.like-our-site a{ color: #aeaeae; font-weight: bold; }
.footer-bottom .agency-location{ text-align: right; }
.footer-bottom .agency-location span{ color: #fff; font-family: Montserrat; font-size: 18px; letter-spacing: 0.64px; line-height: 24px; margin: 0; }
.footer-bottom .agency-location li{ display: inline-block; list-style: outside none none; }
.footer-bottom .agency-location li a{ color: #aeaeae; font-family: Montserrat; font-size: 13px; font-weight: normal; letter-spacing: normal; padding: 0 6px; }
.footer-bottom .agency-location li.last-item a{ padding-right: 0; }

/* =BACK TO TOP Starts Here
-------------------------------------------------------------- */
#back-to-top{ background: #2aa9e0 none repeat scroll 0 0; border: 2px solid #fff; border-radius: 100px; bottom: 85px; color: #fff; cursor: pointer; font-size: 26px; font-weight: bold; height: 55px; line-height: 44px; opacity: 0; position: fixed; right: 30px; text-align: center; text-decoration: none; transition: all 0.2s ease 0s; width: 55px; z-index: 999; }
#back-to-top:hover{ background: #1c1c1c none repeat scroll 0 0; color: #fff!important; }
#back-to-top.show{ opacity: 1; }

body.page-id-15 #main .nc_socialPanel,
body.page-id-48 #main .nc_socialPanel{ display: none; }
#main .nc_socialPanel{ margin-top: 55px !important; }
#main .nc_socialPanel .sw{ line-height: 28px; }
#main .nc_socialPanel .sw,
#main span.swp_share{ color: #fff !important; }

.mc-modal-bg{ opacity: 0.6!important; }


/* =RESPONSIVE CSS Starts Here
-------------------------------------------------------------- */

/* 1280px to 1365px */
@media only screen and (max-width: 1365px){

}

/* 1024px to 1279px */
@media only screen and (max-width: 1279px){

}

/* 992px to 1023px */
@media only screen and (max-width: 1023px){

}

/* 966px to 991px */
@media only screen and (max-width: 991px){
   .header-menu{ display: none; }
   .header-menu-mobile{ display: block; }
}

/* 853px to 965px */
@media only screen and (max-width: 965px){
   
}

/* 800px to 852px */
@media only screen and (max-width: 852px){

}

/* 768px to 852px */
@media only screen and (max-width: 799px){
   
}

/* 737px to 767px */
@media only screen and (max-width: 767px){

}

/* 667px to 736px */
@media only screen and (max-width: 736px){
   
}

/* 640px to 666px */
@media only screen and (max-width: 666px){

}

/* 603px to 639px */
@media only screen and (max-width: 639px){
  
}

/* 568px to 639px */
@media only screen and (max-width: 602px){
   
}

/* 533px to 666px */
@media only screen and (max-width: 567px){

}

/* 480px to 532px */
@media only screen and (max-width: 532px){
   
}

/* 360px to 479px */
@media only screen and (max-width: 479px){
   
}

/* 320px to 359px */
@media only screen and (max-width: 359px){
   
}

/* 319px below*/
@media only screen and (max-width: 300px){
   
}