/*
Theme Name: Accountant
Theme URI: http://accountantfirst.com.au
Description: Bridge Theme
Tags: creative, portfolio, multi-purpose, clean, retina, responsive, parallax, mega menu, blog, agency, business, fullscreen, modern, background video, ajax
Author: Accountant
Author URI: http://www.accountantfirst.com.au/
Version: 7.6.2
License: GNU General Public License
License URI: licence/GPL.txt
CSS changes can be made in files in the /css/ folder. This is a placeholder file required by WordPress, so do not delete it.
*/




.q_tabs.boxed {

    border: 1px solid #dedede;

    padding: 20px;

}



.accordion_mark_icon {

    border: 1px solid #dedede;

    border-radius: 30px;

}



.header_top, .fixed_top_header .top_header, .fixed_top_header nav.mobile_menu {

    color: #fff !important;

    padding: 10px 60px !important;

}





.text-name{border:2px solid #888}

.contact-input1{border: 1px solid;border-color: rgba(225,225,225,1);color: #949494;}

.contact-button{border: 1px solid; border-color: black; color: black}


/*
 * Ajax Post Section Design
 * Author: Tabish Naeem
 * Author URI: 
 */
.ajax-loading {
    position: absolute;
    z-index: 1;
    left: 50%;
    opacity:1;
    display:none;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.drop-down-ajax-container .drop-down-title-container{text-align: center;}
.drop-down-ajax-container .drop-down-title-container h1{color: #a7191d; margin: 30px 0;}
.drop-down-description-container p{text-align: center; margin: 20px 0;}
.drop-down-ajax-container form.accountact_capacities_form {
 	text-align: center;
    clear: both;
    float: none;
    position: relative;
    width: 40%;
    margin: 0 auto;
}
.accountact_capacities {
    float: left;
    margin-right: 10px;
}
.accountact_capacities select, .accountact_type select {
    padding: 12px;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 2px;
}
.accountact_type {
    float: left;
}
 .drop-down-view-all-link-container {
    clear: both;
    margin: 0 auto;
    position: relative;
    float: none;
    width: auto;
    display: block;
    text-align: center;
    padding: 2% 0;
    color: #126cb8;
}

.drop-down-view-all-link-container a{
     color: #a7191d;
}

.drop-down-view-all-link-container a:hover{
     color: #16171d;
}


div#ajax-dropdown-post-data {
    min-height: 400px;
}

.post-container .ajax-post-block {
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.13);
    height: 390px;
    margin: 10px;
    padding: 15px;
    position: relative;
    text-decoration: none;
    width: 31.33%;
    float:left;
}

.post-container .ajax-post-block .post-item {
 	border-bottom: 1px solid #eee;
    height: 345px;
    margin-bottom: 15px;
}

.post-container .ajax-post-block .ajax-post-title .featured-image-ajax-post-block {
    position: relative;
    height: 150px;
    overflow: hidden;
    margin-bottom: 20px;
}
.post-container .ajax-post-block .ajax-post-title h2{
	    color: #a7191d;
    font-size: 14px;
    text-transform: none;
}

.post-container .ajax-post-block .ajax-post-content {
    margin-top: 20px;
}

.post-container .ajax-post-block .ajax-post-content p {
    color: #333;
    font-size: 16px;
    margin: 0 0 28px;
}

.post-container .ajax-post-block .ajax-read-more{
	color: #a7191d;
	font-size: 14px;
}

@media only screen and (min-device-width:320px) and (max-device-width:640px){
.post-container .ajax-post-block{width:80%;height:460px;}
.post-container .ajax-post-block .post-item{height:390px;}
.post-container .ajax-post-block .ajax-post-title .featured-image-ajax-post-block{height:auto;}
}
@media screen and (min-width:767px){
.post-container .ajax-post-block{width:30.33%;height:410px;}
}
@media only screen and (min-device-width:786px){
.post-container .ajax-post-block .ajax-post-title .featured-image-ajax-post-block{}
}
@media screen and (min-width:600px) and (max-width:766px){
.post-container .ajax-post-block .ajax-post-title .featured-image-ajax-post-block{height:auto;}
.post-container .ajax-post-block{width:45.33%;height:410px;}
}


/* ---------------------------------------------------- Inner Page Custom Font CSS ----------- */

.innerpage-mainheading{font-weight: 800;font-size: 20px; text-decoration: underline;color: #a7191d;}
.innerpage-mainheading a{color: #a7191d;}
.innerpage-heading{color: #a7191d; font-weight: 800; font-size: 18px}
.innerpage-para{ line-height: 30px; color: #323232; font-family: 'Lato', sans-serif; font-size: 16px;text-align: justify;}
.innerpage-ul{color: #323232; line-height: 35px; font-family: 'Lato', sans-serif; font-size: 16px;}
.innerpage-contact{font-weight: 800; font-size: 16px;color: black;}
.innerpage-section2-heading{text-transform: none; border-bottom: 3px solid #efefef; padding-bottom: 3%; color: black; font-family: 'Merriweather', serif;color: #a7191d;}

/* ---------------------------------------------------- Inner Page Custom Font CSS Ends Here ----------- */



/* ---------------------------------------------------- Loans & Mortgages Custom CSS Starts Here ----------- */
.page-id-901 .page-id-892  .main-container{width:100%}
.page-id-901 .page-id-892  .section1{ float:left;width: 50%;}
.page-id-901 .page-id-892  .section2{}
@media only screen and (min-device-width : 320px) and (max-device-width : 640px) {
.page-id-901 .page-id-892  .section1{width: 100%;}
.page-id-901 .page-id-892  .section2{width: 100%;}
}
/* ---------------------------------------------------- Loans & Mortgages Custom CSS Ends Here ----------- */

/* ---------------------------------------------------- Business Insurances Custom CSS Starts Here ----------- */
.page-id-892  .main-container{width:100%}
.page-id-892  .section1{ float:left;width: 50%;}
.page-id-892  .section2{}
@media only screen and (min-device-width : 320px) and (max-device-width : 640px) {
.page-id-892  .section1{width: 100%;}
.page-id-892  .section2{width: 100%;}
}
/* ---------------------------------------------------- Business Insurances Custom CSS Ends Here ----------- */


/*--------------------------------------------------------  Tax Due Date CSS Starts Here ----------------------------------- */

.page-id-463 .main-container{ width:100%;}
.page-id-463 .title-section{background:#16171d; width:100%; line-height:35px}
.page-id-463 .titleheading{color: white; padding: 1%; text-transform: none; font-size: 22px;}
.page-id-463 .section1-heading{ text-transform: none; color: #a7191d;}
.page-id-463 .section1{width:15%; float:left}
.page-id-463 .section2{width: 85%;float:left; }
.page-id-463 .clear{clear:both}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
.page-id-463 .section1{width:20%; float:left}
.page-id-463 .section2{width: 80%;float:left; }
}

/*  For 800px Only ----------- */
@media only screen and (min-device-width : 790px) and (max-device-width : 1024px) {
.page-id-463 .section1{width:20%; float:left}
.page-id-463 .section2{width: 80%;float:left; }
}

/*--------------------------------------------------------  Tax Due Date CSS Ends Here ----------------------------------- */


/*----------------------------------------------------  Home Page CSS Starts Here ----------------------------------- */

.section6-mainheading{font-size: 28px;border-bottom: 1px solid rgb(235, 235, 235);line-height: 2em;color: rgb(109, 109, 109);font-weight: 600; font-family: "Merriweather",serif;}
.section6-subheading{color: #6d6d6d;font-size: 18px;font-weight: 500;}
.section6-para{color: rgb(109, 109, 109);font-size: 16px;}
.section6-para a{text-decoration: underline; color: rgb(167, 25, 29);}
.section6-para a:hover{text-decoration: none; color: black;}
.q_accordion_holder.accordion.without_icon .ui-accordion-header span.tab-title{text-transform: none;}

.section3-mainheading{color: white;font-size: 36px;}
.section3-subheading{color: white;font-size: 20px;}
.section3-para{color: white;font-size: 18px;font-family: "Roboto",Helvetica,Arial,sans-serif;}

.home-section1-para {
    font-family: "Roboto",Helvetica,Arial,sans-serif;
    color: rgb(102, 102, 102);
    font-weight: 300;
    font-size: 15px;
    line-height: 1.6;
	text-align: center;
}

.home-section1-mainheading {
    font-size: 24px;
    font-family: "Roboto",Helvetica,Arial,sans-serif;
    font-weight: 900;
text-align: center;
      padding-top: 3%;
}

.product{
	position: relative;
padding: 24px 15px;
text-align: center;
transition: .22s;
}
.product::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    -webkit-box-shadow: 0 0 5px 0 rgba(1, 3, 4, 0.13);
    box-shadow: 0 0 5px 0 rgba(1, 3, 4, 0.13);
    opacity: 0;
    transition: .5s all ease;
}

.icon-decoration-border {
    position: relative;
    display: inline-block;
    width: 80px;
    height: 80px;
    padding: 10px 10px;
    transition: .25s all ease;
}
.icon-decoration-border::before, .icon-decoration-border-inner::before {
    top: 0;
}
.icon-decoration-border::before, .icon-decoration-border::after {
    left: 0;
}
.icon-decoration-border::before, .icon-decoration-border::after, .icon-decoration-border-inner::before, .icon-decoration-border-inner::after {
    content: '';
    position: absolute;
    width: 17px;
    height: 17px;
    background-image: url("http://sixvisiontechnologies.com/accountant/wp-content/uploads/2016/06/decoration-border.png");
    will-change: transform, top, left, right, bottom;
    pointer-events: none;
    transition: .23s all ease;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.icon-decoration-border-inner::before {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.fa fa-bicycle::before {
    content: "\e00b";
}
.icon::before {
    position: relative;
    display: inline-block;
    font-weight: 400;
    font-style: normal;
    speak: none;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-decoration-border-inner::after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.icon-decoration-border::after, .icon-decoration-border-inner::after {
    bottom: 0;
}
.icon-decoration-border-inner::before, .icon-decoration-border-inner::after {
    right: 0;
}

.icon-decoration-border::after {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.icon-decoration-border::before, .icon-decoration-border::after {
    left: 0;
}
.icon-decoration-border::after, .icon-decoration-border-inner::after {
    bottom: 0;
}
.icon-decoration-border .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.icon-primary {
    color: #229dd1 !important;
	
	}
.icon-md-variant-2 {

    height: 44px !important;
    font-size: 44px !important;
    line-height: 44px !important;
}
.icon {
    display: inline-block;
    text-align: center;
}
.product:hover::before {
    opacity: 1;
}
.product:hover .icon-decoration-border::before, .product:hover .icon-decoration-border-inner::before {
    top: 5px;
}
.product:hover .icon-decoration-border::before, .product:hover .icon-decoration-border::after {
    left: 5px;
}

.product:hover .icon-decoration-border::before, .product:hover .icon-decoration-border-inner::before {
    top: 5px;
}

.product:hover .icon-decoration-border::before, .product:hover .icon-decoration-border-inner::before {
    top: 5px;
}
.product:hover .icon-decoration-border-inner::before, .product:hover .icon-decoration-border-inner::after {
    right: 5px;
}
.icon-decoration-border-inner::before {
    transform: rotate(90deg);
}
/*----------------------------------------------------  Home Page CSS Ends Heres ----------------------------------- */


/*----------------------------------------------------  Team Page CSS Starts Heres ----------------------------------- */

.team-para{color:#323232;font-size: 16px;font-family: 'Lato', sans-serif;line-height: 30px;}
.team-h1{color:#A7191d;font-size: 24px;line-height: 35px; text-decoration: underline;}
.team-h2{color:#A7191d;font-size: 20px;line-height: 35px; text-decoration: underline;}

.meet-team-main-container{}
.meet-team-left-container{width: 78%;float: left;margin-left: 2%;text-align: justify;}
.meet-team-right-container{width: 20%;float: left;}

/*----------------------------------------------------  Team Page CSS Ends Heres ----------------------------------- */


/*----------------------------------------------------  Contact Form Inner Page CSS Starts Heres ----------------------------------- */

.inner-contact-heading{background:#a7191d; color:white; font-size:25px;font-weight:700;padding: 6%;text-align: center;}
.inner-contact-subheading{font-size:14px; font-weight:500}
.contact-demo-2-bg{background-image: url("http://sixvisiontechnologies.com/accountant/wp-content/uploads/2016/06/hero-bg.png");padding: 25px;margin-top: -20px;}


/*----------------------------------------------------  Contact Form Inner Page CSS Ends Heres ----------------------------------- */


/*----------------------------------------------------  Make An Appointment Page CSS Starts Heres ----------------------------------- */

.contact-page2{}
.contact-page2 p{font-size: 16px;font-weight: 700;}
.contact-page2-list-item{font-size: 14px !important;font-weight: 400 !important;}
.contact-page2-field-1{float:left;}
.contact-page2-field-2{float:left; width: 40%; padding-left:2%;}
.contact-page2-section2-field-1{float:left; width:31%;}
.contact-page2-section2-field-2{float:left; width: 31%; padding-left:2%;}
.contact-page2-section3{float:left; width: 98%;}
.contact-page2-clear {float: none; clear: both;}
/*----------------------------------------------------  Make An Appointment Page CSS Ends Heres ----------------------------------- */



/* ---------------------------------------------------- Make An Appointment Page Media Queries CSS  Starts Here----------- */

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {

.contact-page2{}
.contact-page2-field-1{float:left; width: 100%;}
.contact-page2-field-2{float:left; width: 100%;padding: 0px;}
.contact-page2-section2-field-1{float:left; width:100%;}
.contact-page2-section2-field-2{float:left; width: 100%;padding: 0px;}
.contact-page2-section3{float:left; width: 98%;}
.contact-page2-clear {float: none; clear: both;}
}

@media only screen and (min-device-width : 480px) and (max-device-width : 640px) {

.contact-page2{}
.contact-page2-field-1{float:left; width: 100%;}
.contact-page2-field-2{float:left; width: 100%;padding: 0px;}
.contact-page2-section2-field-1{float:left; width:100%;}
.contact-page2-section2-field-2{float:left; width: 100%; padding: 0px;}
.contact-page2-section3{float:left; width: 98%;}
.contact-page2-clear {float: none; clear: both;}
}

@media only screen and (min-device-width : 640px) {

.contact-page2-section2-field-1{float:left; width:35%;}
.contact-page2-section2-field-2{float:left; width: 30%; padding-left:2%;}
}


@media only screen and (min-device-width : 1024px) and (max-device-width : 1280px) {


.contact-page2-section2-field-1 {float: left;width: 34%;
}
}

/* ---------------------------------------------------- Make An Appointment Page Media Queries CSS Ends Here  ----------- */



/* ---------------------------------------------------- General CSS Starts Here  ----------- */
h5 {text-align:left;}
#btn-transform{text-transform: none;}
.slider-contact-btn{}
.slider-contact-btn a:hover{color:white}

.page-id-194 .q_icon_with_title.left_from_title .icon_text_holder{font-size: 16px;}
.page-id-354 .q_icon_with_title.left_from_title .icon_text_holder{font-size: 16px;}
.footer-mainheading{ color: rgb(255, 255, 255) !important;font-size: 24px;border-bottom: 1px solid rgb(97, 104, 115);padding-bottom: 20px;
font-family: "Roboto",Helvetica,Arial,sans-serif;font-weight: 900;}
.footer-ul{font-size: 17px;}
.footer_top_holder{font-family: "Helvetica Neue",Helvetica,Arial,Verdana,Tahoma,sans-serif !important;}
.call_to_action{margin-bottom: -1px !important;}

.footer-section-right{color: #888c94 !important;padding-left: 13%;}
.footer-section-left{float: left;padding-right: 6%;}
.footer-main{}
.footer-contact{}
.footer-contact a:hover{}
.header_top{height: auto !important;}
.top-header-section1{float:left;padding-left:10px;padding-right:10px;color:white;}
.top-header-section2{float:left;padding-left:10px;color:white;}



@media only screen and (min-device-width:320px) and (max-device-width:359px){

.top-header-section1{ float:none !important;}

}



/* --------------------------------------------------- General CSS Ends Here  ----------- */


/* ---------------------------------------------------- Client Stories Inner Page CSS Starts Here  ----------- */

.client-inner-h3{color:white}
.client-inner-h4{color:white}
.client-inner-slider-amount{font-size: 3em;color: white;font-weight: 700;}
.client-inner-mainheading{font-size: 28px;font-family: National,Helvetica,Arial,sans-serif;font-weight: 400;color:white}
.client-inner-sub-heading{color: white;font-size: 18px;}
/* ---------------------------------------------------- Client Stories Inner Page Slider CSS Ends Here  ----------- */

/*--------------------------------------------------  Client Stories Inner Page Section2 CSS Starts Here ----------------------------------- */

.client-stories-inner-page-heading{color: #a7191d; text-align: center;text-transform: none; font-size: 30px;font-family: National,"Calibri Light",Calibri,"Helvetica Neue",Helvetica,Arial,sans-serif;}
.client-stories-inner-page-para{text-align: center;color: #777;font-size: 18px;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;}
.client-stories-inner-page-section3-para{font-size: 16px;}



/*--------------------------------------------------  Client Stories Inner Page Section3 CSS Starts Here ----------------------------------- */
.client-stories-section3-main-container{}
.client-stories-section3-main-container ul{list-style:none;}
.client-stories-section3-main-container li{background:url(http://sixvisiontechnologies.com/accountant/wp-content/uploads/2016/06/problem-li.png); background-position:left center; padding-left:7%; background-repeat:no-repeat;font-size: 16px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px){
    .client-stories-section3-main-container li{padding-left:15%;}
}

/*--------------------------------------------------  Client Stories Inner Page Section4 CSS Starts Here ----------------------------------- */
.client-stories-section4-main-container{}
.client-stories-section4-main-container ul{list-style:none;}
.client-stories-section4-main-container li{background:url(http://sixvisiontechnologies.com/accountant/wp-content/uploads/2016/06/tick-li.png); background-position:left center; padding-left:7%; background-repeat:no-repeat;font-size: 16px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px){
    .client-stories-section4-main-container li{padding-left:15%;}
}

/*--------------------------------------------------  Client Stories Inner Page Section5 CSS Starts Here ----------------------------------- */
.client-stories-section5-main-heading{color: white;font-size: 35px;font-weight: 600;font-family: National,"Calibri Light",Calibri,"Helvetica Neue",Helvetica,Arial,sans-serif;}
.client-stories-section5-sub-heading{color: white;text-align: center;text-transform: none;font-weight: 400;font-size: 18px;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;}

.client-stories-section5-main-container{}
.client-stories-section5-main-container ul{list-style:none;}
.client-stories-section5-main-container li{background:url(http://sixvisiontechnologies.com/accountant/wp-content/uploads/2016/06/tick-li-white.png); background-position:left center; padding-left:7%; background-repeat:no-repeat;font-size: 16px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; color:white}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px){
    .client-stories-section5-main-container li{padding-left:15%;}
}

/*----------------------------------------------------  Client Stories Inner Page CSS Ends Here ----------------------------------- */



/*----------------------------------------------------  Resource Page CSS Starts Here ----------------------------------- */
.resource-text-para{color: #000;font-family: Merriweather;font-size: 19px;font-weight: 400;line-height: 1.5;text-transform: none;}
.resource-section1{font-size: 16px; line-height: 30px;}
.resource-section2{font-size: 16px; line-height: 30px;}

.resource-section1 ul a{color:#1d95aa;}
.resource-section1 ul a:hover{text-decoration: underline;color:#1d95aa;}
.resource-section2 ul a{color:#1d95aa;}
.resource-section2 ul a:hover{text-decoration: underline;color:#1d95aa;}

.resource-section1 ul li{color:black;}
.resource-section2 ul li{color:black;}
/*----------------------------------------------------  Resource Page CSS Ends Here ----------------------------------- */