/*
Theme Name: Bridge Child
Theme URI: http://demo.qodeinteractive.com/bridge/
Description: A child theme of Bridge Theme
Author: Qode Interactive
Author URI: http://www.qodethemes.com/
Version: 1.0.0
Template: bridge
*/

@import url("../bridge/style.css");

body{
	font-family: Open Sans;
	color:#747474;
	font-size: 16px;
	font-weight: 300;
}
.wrapper, body, .content, .content .container, .full_width {
    background-color: #fff;
}

/* Start Typography */
.h2, h1,
.h2, h2,
.h2, h3,
.h2, h4,
.h2, h5,
.h2, h6 {
    font-family: Cabin;
	line-height: 1.2em;
    text-transform: capitalize;
} 
.h1, h1 {
	color: #1d1d1d;
    font-size: 40px;
	font-weight: 700;
}
.content h1{
	font-size: 28px;
	margin-bottom: 1em;
}
.h2, h2 {
	color: #1d1d1d;
    font-size: 30px;
}
.content h2{
	margin-bottom: 1em;
}
.h3, h3 {
	color: #1d1d1d;
    font-size: 18px;
    font-weight: 700;
}
.content h3{
	margin-bottom: 1em;
}
.h5, h5 {
	color: #1d1d1d;
}

p{
	color:#747474;
	font-size: 18px;
	font-weight: 300;
	line-height: 1.5em;
}
.content p,
.content ul,
.textwidget p,
table{
	margin-bottom: 2em!important;
}
.intro p:first-child{
	color:#19121d; 
	font-size: 20px;
	line-height: 1.35em;
}

.disclaimer-small{font-size: 12px;}

/*start hover states*/
a:hover,
p a:hover{
    color: #008bd2;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .box_image_holder .box_icon .fa-stack i.fa-stack-base, .breadcrumb a:hover, aside .widget a:hover {
    color: #008bd2;
}

#submit_comment, .blog_load_more_button a, .drop_down .wide .second ul li .qbutton, .drop_down .wide .second ul li ul li .qbutton, .load_more a, .qbutton, input.wpcf7-form-control.wpcf7-submit:not([disabled]) {
    position: relative;
    display: inline-block;
    width: auto;
    height: 39px;
    line-height: 39px;
    margin: 0;
    padding: 0 23px;
    font-size: 13px;
    font-weight: 700;
    font-family: inherit;
    border-color: #008bd2;
    background-color: #008bd2;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    outline: 0;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    text-shadow: none;
    -webkit-transition: color .1s linear,background-color .1s linear,border-color .1s linear;
    transition: color .1s linear,background-color .1s linear,border-color .1s linear;
}

.qbutton.white{
    background-color: #fff;
    border-color: #fff;
    color:#008bd2;
}
.qbutton.white:hover,
.qbutton.white:focus,
.qbutton.white:active{
    color:#008bd2;
}

#submit_comment:hover, .blog_load_more_button a:hover, .drop_down .wide .second ul li .qbutton:hover, .drop_down .wide .second ul li ul li .qbutton:hover, .qbutton:hover, input.wpcf7-form-control.wpcf7-submit:not([disabled]):hover {
    /*using important to override wpcf7 hover state from main styles*/
    background-color:  #0173ad!important;
    border-color: #0173ad!important;
}

.qbutton.white:hover{
    background-color: #f1f1f1!important;
    border-color: #f1f1f1!important;
}

/*end hover states*/

/*start button styles*/

#product-pdf, .product-info-cta #speak-with{
	margin: 3em 10px 3em 0;
}

#product-pdf, #enquire-online{
	background: #1c1c1a;
	border: 2px solid #1c1c1a;
}

.product-info-cta #product-pdf:hover, #enquire-online:hover{
	background: #3c3c34!important;
	border: 2px solid #3c3c34!important;
}

#callback{
	background: #fff;
	color: #007dcb;
	border: 2px solid #007dcb;
}

#callback:hover{
	background: #e0e0e0!important;
	border: 2px solid #007dcb!important;
}

#callback i{
	color: #007dcb;
}

/*end button styles*/

.wpb_text_column ul,
.woocommerce-product-details__short-description ul,
.accordion_content_inner ul{
	list-style-position: outside;
	margin: 0 0 2em 2em;
}

blockquote {
    padding: 0;
    border-left: none;
    margin-bottom: 2em;
}
blockquote p{
    font-size: 24px;
    line-height: 1.5em;
    color: #1d1d1d;
}

table{
    border: 1px solid #e3e3e3;
    width: 100%;
}
th{
    color: #1d1d1d;
    font-size: 20px;
    font-weight: bold;
    border-right: 1px solid #e3e3e3;
}
tr{
    border-bottom: 1px dashed #e3e3e3
}
tr.odd{background: #f6f6f6;}
tr.even{
    background: #fff;
}
table td{
    padding: 23px 30px;
    color: #1d1d1d;
    border-right: 1px solid #e3e3e3;
}

::-moz-selection { background-color: #008bd2}
::selection { background-color: #008bd2; }

/* End Typography */

.content.content_top_margin {
    margin-top: 0 !important;
}
.vc_row.wpb_row.section.grid_section, 
section.parallax_section_holder{
	padding:40px 0;
}
.content_bottom{
    padding: 40px 0 0 0;
}
.vc_row.wpb_row.section.alt{
	background-color: #f0f0f0;
}
.vc_row.wpb_row.section.highlight{
	background-color: #1e1b26;
}
.vc_row.wpb_row.section.highlight h1,
.vc_row.wpb_row.section.highlight h2,
.vc_row.wpb_row.section.highlight h3,
.vc_row.wpb_row.section.highlight h4,
.vc_row.wpb_row.section.highlight h5,
.vc_row.wpb_row.section.highlight h6,
.vc_row.wpb_row.section.highlight p{
	color: #fff;
}

.vc_row.wpb_row.section.hero {
    padding:150px 0 350px!important;
}

/*columns (mobile first) */

.vc_col-sm-2, .vc_col-sm-4{
    padding: 20px 0;
}

.vc_col-sm-6{
    padding: 40px 0;
}



input.wpcf7-form-control.wpcf7-date, input.wpcf7-form-control.wpcf7-number, input.wpcf7-form-control.wpcf7-quiz, input.wpcf7-form-control.wpcf7-text, select.wpcf7-form-control.wpcf7-select, textarea.wpcf7-form-control.wpcf7-textarea,
#respond input[type=text], #respond input[type=email], #respond textarea, .contact_form input[type=text], .contact_form textarea,
input[type=text], input[type=email], textarea,
.woocommerce table.cart div.coupon .input-text, .woocommerce-page table.cart div.coupon .input-text,
.woocommerce input[type=text]:not(.qode_search_field), .woocommerce input[type=password], .woocommerce input[type=email], .woocommerce textarea, .woocommerce-page input[type=tel], .woocommerce-page input[type=text]:not(.qode_search_field), .woocommerce-page input[type=password], .woocommerce-page input[type=email], .woocommerce-page textarea{
	border: 1px solid #d2d2d2;
	margin: 0 0 1em 0;
    padding: 15px;
    font-size: 14px;
    line-height: 18px;
    color: #1e1b26;
    font-family: inherit;
}
input.wpcf7-form-control.wpcf7-date:focus, input.wpcf7-form-control.wpcf7-number:focus, input.wpcf7-form-control.wpcf7-quiz:focus, input.wpcf7-form-control.wpcf7-text:focus, select.wpcf7-form-control.wpcf7-select:focus, textarea.wpcf7-form-control.wpcf7-textarea:focus,
.woocommerce table.cart div.coupon .input-text:focus, .woocommerce-page table.cart div.coupon .input-text:focus {
	background-color: #e4e4e4;
}
input.wpcf7-form-control.wpcf7-submit:not([disabled]):hover {
    background-color: #008bd2;
    border-color: #008bd2;
}


/* Start Header */

header:not(.centered_logo) .header_fixed_right_area {
    line-height: 0px;
}

.q_logo {
    top: 25%;
    left: 0;
}

.q_logo a{
/*    back end options dont work so use important to override default inline style*/
    height: 50px!important;
}

.sticky_animate .q_logo{
    top: 53%;
}

.main_menu_header_inner_right_holder{
	border-top: 1px solid #f0f0f0;
}
.sticky .header_menu_bottom .main_menu_header_inner_right_holder{
	border:0;
}

/* nav */

nav.main_menu>ul>li>a{
    font-family: Cabin!important;
    font-size: 18px!important;
    line-height: 68px!important;
    color: #1d1d1d!important;
    text-transform: none!important;
    padding: 0 20px!important;
}

nav.main_menu>ul>li>a{
    line-height: 68px!important;
} 

nav.main_menu>ul>li:first-child>a{
    padding: 0 10px!important;
}

/*nav.main_menu>ul>li>a:hover,
.current-menu-item a,
.current-menu-ancestor a,
.current-menu-parent a{
    background:#f0f0f0;
}*/

nav.main_menu>ul>li>a:hover,
nav.main_menu>ul>li.current-menu-item a,
nav.main_menu>ul>li.current-menu-ancestor a,
nav.main_menu>ul>li.current-menu-parent a{
    background:#f0f0f0;
}

.drop_down .second .inner>ul li a{
    font-size: 14px;
    color: #fff;
    background: #141414;
    text-transform: none;

}

.drop_down .second .inner>ul li > a:hover,
.drop_down .second .inner>ul li.current-menu-item > a,
.drop_down .second .inner>ul li.current-page-ancestor > a,
.drop_down .second .inner ul li.sub ul li a:hover, 
.drop_down .second .inner ul.right li.sub ul li a:hover,
.drop_down .second .inner ul li.sub ul li.current-menu-item a, 
.drop_down .second .inner ul.right li.sub ul li.current-menu-item a{
	background: #3a3a3a;
}

.drop_down .second .inner>ul, li.narrow .second .inner ul{
    background: #141414;
}


.drop_down .second .inner ul li.sub ul li a, .drop_down .second .inner ul li.sub a i.q_menu_arrow{
	color: #fff;
}


.header_fixed_right_area .q_icon_with_title{
    display: inline-block;
    margin-left: 60px;
}

.header_fixed_right_area .q_icon_with_title .icon_text_inner{
    font-size: 18px;
    color: #6c7274;
}
.header_fixed_right_area .q_icon_with_title .icon_text_inner .icon_title,
.header_fixed_right_area .q_icon_with_title .icon_text_inner .icon_title a{
    font-size: 20px;
    color: #6c7274;
    font-weight: bold;
}

.header_fixed_right_area .q_font_awsome_icon i{
	color: #052e47;
}

.header_bottom_right_widget_holder {
    padding: 0;
}

header.menu_bottom .header_bottom_right_widget_holder .header_bottom_widget.widget_search form>div input[type=text]{
	padding: 23px 20px;
	background: #008bd2;
    font-size: 18px;
    text-transform: none;
    line-height: inherit;
    /*width: 60%;*/
    /*margin-left: 40%;*/
}

#searchsubmit{
    right: -20px;
}  

/*.header_bottom_right_widget_holder{
	padding: 0;
}*/

/*.header_bottom_right_widget_holder {
    display: block;
}*/
/* mobile nav*/

nav.mobile_menu ul li:last-child{
    margin: 0 0 3em 0;
}

nav.mobile_menu ul li ul li{
    margin: 0;
    padding: 0 0 0 20px;
}

nav.mobile_menu ul li a:hover, nav.mobile_menu ul li.active>a{
    background: #fff!important;
    color: #008bd2;
}
/* End Header */

/* Start Footer */

.footer_top_holder{
	background: #fff;
    text-align: center; 
}

.footer_top_holder .column_inner > div h5, 
.footer_top_holder .column_inner > div p, 
.footer_top_holder .column_inner > div a{
    color: #272725;
    line-height: 22px;
    font-weight: 400;
}

.footer_top_holder .column_inner > div h5{
    font-size: 18px;
    font-family: "Cabin";
    font-weight: 600;
    margin-bottom: 20px;
}

.footer_top_holder .column_inner > div p, .footer_top_holder .column_inner > div li a{
	font-size: 13px;
}

.footer_top_holder .footer_top .widget_nav_menu ul li{
    padding-bottom: 17px;
}


.footer_top_holder .widget_media_image{
	margin-bottom: 120px;
}

.footer_top_holder .widget_nav_menu ul {
    margin: 0 0 1em 0;
    padding: 0 0 0 1.5em; /* make space for li's :before */
    list-style: none;
}

.footer_top_holder .widget_nav_menu li {
    position: relative;
    padding-left: 0.8em; /* text distance to icon */
    left: 20%;

}

.footer_top_holder .widget_nav_menu li a {
    background: transparent!important;
    text-align: left;
}

.footer_top_holder .widget_nav_menu li:before {
        font-family: 'FontAwesome';
        content: '\f054';
        position: absolute;
        left: -1.5em; /* same as ul padding-left */
        top: 0em; /* depends on character, maybe use padding-top instead */
        color: #007dcb;
        /*  .... more styling, maybe set width etc ... */
}

.footer_top_holder .widget_nav_menu li a {
    position: relative;
    left: 0;
    -webkit-transition:left .3s;
    -moz-transition:left .3s;
    -ms-transition:left .3s;
    -o-transition:left .3s;
    transition:left .3s;

}

.footer_top_holder .widget_nav_menu li a:hover {
    position: relative;
    left: 7px;
    -webkit-transition:left .3s;
    -moz-transition:left .3s;
    -ms-transition:left .3s;
    -o-transition:left .3s;
    transition:left .3s;

}

.footer_top .q_social_icon_holder i.simple_social{
	color: #007dcb;
}

.footer_top{
    padding: 20px 0;
}

.q_social_icon_holder i{
	font-size: 28px;
	color: #007dcb;
}

.footer_bottom_holder{
    background: #fff;
}

.footer_bottom_holder .container_inner{
    padding: 40px 0;
}
.footer_bottom_holder p, .footer_bottom ul li a{
	color: #272725;
}

.footer_bottom_holder .container_inner{
	border-top: 2px solid #f2f2f2;
}

.footer_bottom_holder .content p, 
.footer_bottom_holder .textwidget p{
    font-size: 12px;
	margin-bottom: 2em;
}

.footer_bottom_holder .footer_bottom ul li a {
    text-transform: none;
    font-weight: 300;
    letter-spacing: 1px;
    font-size: 12px;
    line-height: 1em;
}

.footer_top_holder .footer_top [class*="footer_col"]{
    text-align: center;
}

.footer_bottom_holder .footer_top .q_social_icon_holder i.simple_social:hover, 
.footer_bottom_holder .footer_top a:hover {
    color: #272725!important;
}

/*credit link*/

.footer_bottom_holder .footer_bottom .textwidget a{
    color: #008bd2;
}

.footer_bottom_holder .footer_bottom .textwidget a:hover{
    color: #272725;
}

/*bottom menu right*/

.footer_bottom_holder .footer_bottom ul li{
    margin-right: 0;
    padding: 0 10px;
    border-right: 1px solid #272725;
    font-size: 12px;
    line-height: 1em;
}

.footer_bottom_holder .footer_bottom ul li:last-child{
    margin-right: 0;
    padding: 0 0 0 10px;
    border-right: 0;
}

/* End Footer */

/* start sectors template */

.sector-links .wpb_raw_code {

}

.sector-links .wpb_raw_code span {
    position: absolute;
    display: block;
    top: 50%;
    color: #fff;
}
.sector-links .wpb_raw_code span span {
    position: relative;
    top: 0;
    top: -50%;
    text-align: center;
}

.quotation_div {
    position: relative;
    max-width: 269px;
    margin: 0px auto;
    transform: scale(1);
    -webkit-transition:transform .4s;
    -moz-transition:transform .4s;
    -ms-transition:transform .4s;
    -o-transition:transform .4s;
    transition:transform .4s;
}

.quotation_div:hover {
    transform: scale(1.05);
    cursor: pointer;
    -webkit-transition:transform .4s;
    -moz-transition:transform .4s;
    -ms-transition:transform .4s;
    -o-transition:transform .4s;
    transition:transform .4s;
}

.quotation_div img {
   vertical-align: bottom; /* remove the bottom gap */
   max-width: 100%;
   
}

.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    font: 0/0 Open Sans; /* remove the gap between inline(-block) elements */
}

.overlay:before{ content: ' ';
    display: inline-block;
    height: 100%;
    vertical-align: middle;  
}
.quotation_div p{
    font-size: 20px; /* Reset the font property */
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
    text-align:center;
    width: 100%;
    padding: 1% 0;
    margin-bottom: 0!important;
}
.quotation_div p a{
    color: #fff;
}

h2.sectors{
    text-align: center;
}

/* end sectors template */

/* start case studies template */

.vc_row.wpb_row.section.black-bg{
    background: #141414;
    padding: 40px 0;
}

h2.case-studies{
    text-align: center;
    color: #fff;
}

.projects_holder article .portfolio_description{
    margin: -90px 0 0;
    background: rgba(20,20,20,0.7);
    padding: 30px 0;
    z-index: 9999;
   
}

.projects_holder article .portfolio_description h4 a{
    color: #fff;
    font-size: 25px;

}

/* end case studies template */

/* start latest posts template */

h2.latest-news{
    text-align: center;
}

.latest_post_two_holder .latest_post_two_text {
    padding: 30px 0 0px;
}

.latest_post_two_holder ul li{
    margin-bottom: 0;
}

.latest_post_two_title{
    padding: 10px 0;
    font-size: 25px;
    margin-bottom: 1em;
}

.latest_post_two_text p{
    font-size: 18px;

    color: #898e90;
    margin-bottom: 2em;
}

.latest_post_two_holder .latest_post_two_text .separator.small{
    display: none;
}

.latest_post_two_holder .latest_post_two_info {
    padding: 20px 0;
    border-top: 1px solid #eaeaea;
}

.latest_post_two_holder .post_info_author{display: none;}

.latest_post_two_holder .post_info_date{display: block;}

.latest_post_two_holder .latest_post_two_text a:hover {
    color: #008bd2!important;
}

/*.latest_post_two_holder>ul>li{
    padding: 0;
}*/

/*same hover for latest posts template andf blog category / landing page */

.latest_post_two_holder .latest_post_two_image, .blog_holder .post_image {
    overflow: hidden;
}

.latest_post_two_holder .latest_post_two_image img, .blog_holder .post_image img{
    transition: all .1s ease-in;
}

.latest_post_two_holder .latest_post_two_image img:hover, .blog_holder .post_image img:hover{
    transform: scale(1.03);
}


/* end latest poststemplate */

/* start why choose us template */
/* using !important to overwrite funky BG image stuff from VC  */
.vc_row.wpb_row.section.vc_inner.why-choose-row{
    background: #fff;
    margin-bottom: 30px!important;
    padding: 40px 20px;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);
}

.vc_row.wpb_row.section.vc_inner.why-choose-row h3{
    font-size: 30px;
    margin-bottom: 2em;
}

.vc_row.wpb_row.section.vc_inner.why-choose-row p{
    font-size: 16px;
    line-height: 1.8em;
    color: #898e90;
}

.vc_row.wpb_row.section.grey-bg{
    background: #f2f2f2;
    padding: 40px 0;
}

.section-title{
    padding: 0 0 40px;
    text-align:center;
}

.section-title-left{
    padding: 0 0 2em;
}

/* end why choose us template */

/* start grate template */

div.section.grate-background{
    /* using !important to overwrite funky BG image stuff from VC  */
    /* background: url('img/manhole-background-image.png') right -60px no-repeat; */
    /* background-size: auto!important; */

}

div.section.intro blockquote p{
    font-family: Cabin;
    font-size: 32px;
    line-height: 40px;
    color: #272725;
}

.black-intro-copy .intro-text p{
    font-size: 18px;
    color: #272725;
    line-height: 30px;
    margin-bottom: 2em;
} 

/* end grate template */

/* start CTA template */

.cta-block{
    background: #027dcb;
}

.cta-block p{
    color: #fff;
    margin-bottom: 0.5em!important;
    font-size: 30px;
}

.cta-block p .small{
    font-size: 20px;
}

.cta-block #callback{
    margin: 30px 10px 20px 0;
    font-size: 16px;
}

.cta-block #contact{
    margin: 30px 0 0 10px;
    font-size: 16px;
}
/* start CTA template */

/* start highlight row*/

.vc_row.wpb_row.section.highlight-products-row{
    background: #f2f2f2;
    padding: 0!important;
}

.vc_row.wpb_row.section.highlight-products-row .section_inner_margin{
    margin-top: -200px;
}

.highlight-products-row .wpb_single_image{
    margin-bottom: 20px!important
} 
.highlight-products-row h2{
    font-size: 30px;
    margin-bottom: 0;
}

.highlight-products-row .qbutton{
    padding: 20px auto;
    font-size: 16px;
}
.top-highlight .vc_column-inner {
   padding-bottom: 20px!important
}

.hero-row h1{
    color: #fff;
    font-size: 40px;
}

.highlight-products-row .wpb_column .wpb_wrapper{
    
}

.highlight-products-row .wpb_column > .vc_column-inner > .wpb_wrapper{
    padding: 50px 0;
    background: white;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);
}

.highlight-products-row .wpb_column > .vc_column-inner > .wpb_wrapper:hover{
    padding: 50px 0;
    background: white;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
}

.highlight-products-row .wpb_column > .vc_column-inner > .wpb_wrapper .vc_single_image-wrapper img, .products-row .vc_single_image-wrapper img{
    transition: all .1s ease-in;
}

.highlight-products-row .wpb_column > .vc_column-inner > .wpb_wrapper .vc_single_image-wrapper img:hover, .products-row .vc_single_image-wrapper img:hover{
    transform: scale(1.03);
}

/* end highlight row*/

/* start highlight icons*/

.highlight-icons-row{
/*    quick fix*/
    padding: 40px 0 !important;
    background: #f2f2f2;
}

.q_icon_with_title.large .icon_holder{
    height: 118px;
}

.q_icon_with_title.large .icon_holder img{
    width: 99px;
}
.q_icon_with_title.large h5{
    font-weight: bold;
    font-size: 18px;
}

.highlight-icons-row p{
    display: none;
}

.highlight-icons-row .q_icon_with_title .icon_text_inner{
    padding: 0;
}

.highlight-icons-row .q_icon_with_title .icon_title_holder{
    margin: 0;
}

/* end highlight icons*/

/*extra top padding*/


/*start intro row*/

div.section.intro{
    background-size: auto;
}

div.section.intro-left{
    background-position: left top;
}

div.section.intro-right{
    background-position: right top;
}

.intro-text h1{
    font-size: 40px;
    margin-bottom: 1em;
}

.black-copy .intro-text p{
    font-size: 18px;
    color: #272725;
    line-height: 30px;
    margin-bottom: 2em;
}

.intro-logos{
    padding-top: 2em;
}

.portfolio_page-template-default .intro .vc_row.wpb_row.section.vc_inner{
    padding-bottom: 100px;
}

.portfolio_page-template-default .intro .vc_row.wpb_row.section.vc_inner:last-child{
    padding-bottom: 0;
}

.intro .logos{
    margin: 25px 0 !important;
}


/*end intro row*/

/*start pages*/
.title img {
    height: 360px;
    width: auto;
    max-width: none;
}

.title_outer .title{
    background-color: #0098d8;
}

.title_outer .title,
.title_outer .title .title_holder{
    height: 200px !important;
}

.title_outer .title.has_background,
.title_outer .title.has_fixed_background,
.title_outer .has_background.title .title_holder, 
.title_outer .has_fixed_background.title .title_holder, 
.title_outer.with_image .title .title_holder{
    height: 360px !important;
}

.title h1{
    font-weight: bold;
    text-transform: none;
    margin: 0;
    margin-bottom: 0.5em;
}

.title.title_size_medium h1{
    font-size: 35px;
}

.title.title_size_large h1{
    font-size: 40px;
}

.title h1{
    color: #fff;
}

.title.position_center h1{
    margin-bottom: 1em;
}

.title.position_left .breadcrumb {
    position: relative; 
    height: auto;
    top: auto;
    right: auto;
}

.breadcrumb, .breadcrumb .current, .breadcrumb a {
    font-size: 12px;
}

.title .breadcrumb, 
.title .breadcrumb .current, 
.title .breadcrumb a,
.title .breadcrumb, 
.title .breadcrumb .current, 
.title .breadcrumb a {
    color: #fff;
}

/* start content with accordion */

.content-with-accordion .wpb_text_column h3{
    font-size: 40px;
    font-weight: bold;
}

.content-with-accordion p{
    font-size: 18px;
    font-weight: normal;
}

.content-with-accordion .qode-accordion-holder .qode-title-holder .qode-tab-title span.qode-tab-title-inner{
    font-size: 18px;
    font-weight: normal;
}

/*disable background colour*/
.content-with-accordion .qode-accordion-holder .qode-title-holder, .content-with-accordion .qode-accordion-holder .qode-title-holder.ui-state-hover{
    background: transparent;
}

.qode-accordion-holder .qode-accordion-content{
    padding: 0;
}

.content-with-accordion .qode-tab-title{
    position: relative;
/*    top: 1em;*/
    font-size: 18px;
    font-weight: bold;
    padding-left: 1.5em; /* text distance to icon */
    text-transform: uppercase;

}

.content-with-accordion .qode-tab-title:before {
    font-family: 'FontAwesome';
    content: '\f078';
    position: absolute;
    left: 0em; 
    top: 1.40em; /* depends on character, maybe use padding-top instead */
    font-size: 14px;
}

/*start content colours*/

/*all white*/

.all-white h2, .all-white p, .all-white h3, .all-white h4, .all-white h4:hover{color: #fff;}

/*black grey blue*/

.black-grey-blue h2{color: #1d1d1d;}
.black-grey-blue p, .black-grey-blue li{color: #898e90;}
.black-grey-blue h4,.black-grey-blue h4:hover{color: #0098d8!important;}


.white-blue h2,.white-blue p, .white-blue h2,.white-blue li{color: #fff;}
.white-blue h4, .white-blue h4:hover{color: #0098d8!important;}

/*end content colours*/

/* end content with accordion */

/*start full accordian*/

.full-accordion .qode-accordion-holder .qode-title-holder{
    border: 0;
}

.full-accordion .qode-accordion-holder .qode-title-holder.ui-state-active, .qode-accordion-holder .qode-title-holder.ui-state-hover,
.full-accordion .qode-accordion-holder .qode-title-holder.ui-state-active, .qode-accordion-holder .qode-title-holder{
    background: transparent;
}

.full-accordion  .qode-title-holder{
    margin-bottom: 0;
    color: #fff;
}

.full-accordion  .qode-tab-title .qode-tab-title-inner{
    font-size: 30px;
    color: #fff;
}

.qode-accordion-holder .qode-title-holder .qode-tab-title .qode-tab-title-icon{
    font-size: 18px;
}

.full-accordion .ui-state-active .qode-tab-title-icon .qode_icon_font_awesome:before{
    font-family: 'FontAwesome';
    content: '\f068'!important;
}

.full-accordion  .qode-accordion-content-inner{
    margin: 40px 0 50px;
}

.full-accordion  .qode-accordion-content-inner p{
    font-size: 18px;
}

/* dark version */

.full-accordion.dark-accordion .qode-title-holder, .full-accordion.dark-accordion .qode-tab-title-inner{
    color: #303030!important;
}

/*end full accordian*/

/*case studies page*/

.filter_holder ul li.active span, .filter_holder ul li:hover span {
    color: #008bd2!important;
}

h5.entry_title a{
    color: #fff;
}

/* about page */

/*body > div.wrapper > div > div > div > div.full_width > div > div.vc_row.wpb_row.section.vc_row-fluid.grey-bg.grid_section > div > div > div > div > div > div.qode-workflow.qode-workflow-animate.qode-appeared > div:nth-child(9) > span
*/
span.line:last-of-type{
    display: none!important;
}

/*solutions landing page*/

.centered-button .qbutton.large{
	display: table;
	margin: 40px auto;
}

/*product page*/

/*end pages*/

/* start products row */ 

.products-title{
    margin:1em 0 5em !important;
}

.products-row img {
    padding: 0 0 30px 0;    
}

.products-row h2 {
    font-size: 25px;
    font-weight: bold;
}

.products-row .wpb_text_column p  {
    position: relative;
    font-size: 16px;
    font-weight: 600;
    color: #1d1d1d;
    padding-left: 1.5em; /* text distance to icon */
    -webkit-transition:padding-left .3s;
    -moz-transition:padding-left .3s;
    -ms-transition:padding-left .3s;
    -o-transition:padding-left .3s;
    transition:padding-left .3s;
}

.products-row .wpb_text_column p:hover {
    position: relative;
    padding-left: 2em; /* text distance to icon */
    -webkit-transition:padding-left .3s;
    -moz-transition:padding-left .3s;
    -ms-transition:padding-left .3s;
    -o-transition:padding-left .3s;
    transition:padding-left .3s;
}

.products-row .wpb_text_column p a:hover{
    color: #1d1d1d;
}

.products-row-pdf .wpb_text_column p {
    margin: 20px 0;
}

.products-row .wpb_text_column p:before {
    font-family: 'FontAwesome';
    content: '\f054';
    position: absolute;
    font-size: 16px;
    font-weight: normal;
    left: 0em;
    color: #007dcb;
}
/*pdf icon*/
.products-row.pdf .wpb_text_column p:before {
    content: '\f1c1';
}

/* end products row */ 

/*start blog*/

.blog_holder article .post_info a:hover {
    color: #008bd2;
}

.blog_holder.masonry article .post_text .post_text_inner{
    padding: 0;
}

.blog_holder.masonry article .post_text .post_text_inner h5{
    margin: 2em 0 1em;
    font-size: 22px;
}

.blog_holder.masonry article .post_text .post_text_inner h5 a{
    color: #1d1d1d;
}

.blog_holder.masonry article .post_text .post_text_inner h5 a:hover{
    color: #008bd2;
}

.blog_holder article .post_text .post_text_inner {
    background-color: #f2f2f2;
}

.blog_holder article .post_info a, .blog_holder article .post_text h2 .date {
    color: #008bd2;
}

.blog_holder article .post_info {
    color: #A9A9A9;
}

/*end blog*/

/*start link with arrow*/

.link-with-arrow{
    padding: 0 2em 2em 1em;
    color: #fff;
    display: block;
}

.link-with-arrow:before {
        font-family: 'FontAwesome';
        content: '\f054';
        position: relative;
        font-size: 14px;
        left: -1em;
}

.link-with-arrow span {
    position: relative;
    left: 0;
    -webkit-transition:left .3s;
    -moz-transition:left .3s;
    -ms-transition:left .3s;
    -o-transition:left .3s;
    transition:left .3s;

}

.link-with-arrow:hover span {
    position: relative;
    left: 7px;
    -webkit-transition:left .3s;
    -moz-transition:left .3s;
    -ms-transition:left .3s;
    -o-transition:left .3s;
    transition:left .3s;

}

a.link-with-arrow:hover{
    color: #fff;
}

/*end link with arrow*/

/* start padding for non full width pages */

.content .container .container_inner.default_template_holder{
    padding: 40px 0;
}

/* start padding for non full width pages */

/*start back to top icon*/

#back_to_top {
    right: 15px;
    bottom: 25px;
}

#back_to_top span {
    border: 2px solid #272725;
    width: 30px;
}

#back_to_top span:hover {
    border: 2px solid #008bd2;
    background: #008bd2;
}

#back_to_top span i{
    color: #272725;
}

#back_to_top span i:hover{
    color: #fff;
}

/*end back to top icon*/

/* Start Responsive (mobile first) */
@media only screen and (min-width: 320px) {
    .vc_row.wpb_row.section.no-pad,
    .vc_row.wpb_row.section.vc_inner{
        padding:0;
    }
}
@media only screen and (min-width: 480px) {
    .four_columns>.column1, .four_columns>.column2, .four_columns>.column3, .four_columns>.column4 {
        width: 50%;
    }
    .footer_top_holder .widget_media_image {
        margin-bottom: 40px;
    }
}
@media only screen and (min-width: 768px) {
    .h1, h1 {
        font-size: 60px;
    }
    .content h1{
        font-size: 35px;
    }
    .h2, h2 {
        font-size: 30px;
    }

    .h3, h3 {
        font-size: 24px;
    }
    .content .container .container_inner.default_template_holder{
        padding: 150px 0;
    }
    .section-title{
        padding: 0 0 120px;
        text-align:center;
    }
    .vc_row.wpb_row.section.grid_section, 
    section.parallax_section_holder{
        padding:100px 0;
    }
    .parent-pageid-260 .vc_row.wpb_row.section.grid_section:not(.no-pad){
    	padding:75px 0;
    }
    .vc_row.wpb_row.section.black-bg{
        padding: 120px 0;
    }
    .vc_row.wpb_row.section.vc_inner.why-choose-row{
        padding: 100px 70px;
    }
    .vc_row.wpb_row.section.grey-bg{
        background: #f2f2f2;
    }
     .vc_row.wpb_row.section.grey-bg.sectors-content{
	 	padding-bottom: 0;
	 }
    div.section.intro blockquote p{
        font-size: 40px;
        line-height: 48px;
    }
    .breadcrumb, .breadcrumb .current, .breadcrumb a {
        font-size: 16px;
    }
    
    .footer_top{
        padding: 150px 0 100px;
    }
    .footer_top_holder{
        text-align: left; 
    }
    .footer_top_holder .footer_top [class*="footer_col"]{
        text-align: left;
    }
    .footer_top_holder .widget_nav_menu li {
        left: 0;
    }
    .footer_bottom_holder .container_inner{
        padding: 0;
    }

    .footer_bottom_holder .content p, .footer_bottom_holder .textwidget p{
        margin-bottom: 0!important;
    }
    /*repeated code due to cascade conflict*/
    .vc_row.wpb_row.section.no-pad,
    .vc_row.wpb_row.section.vc_inner{
        padding:0;
    }
    .content_bottom{
        padding: 0;
    }

    
}
@media only screen and (min-width: 1000px) {
    .q_logo {
        top: 50%;
        left: 0;
    }
    .header_fixed_right_area{
        top: 30%!important;
    }

    .equal-heights .section_inner,
    .equal-heights .section_inner .section_inner_margin ,
    .equal-heights .full_section_inner,
    .equal-heights .element_from_fade > div,
    .equal-heights .element_from_bottom > div,
    .equal-heights .parallax_section_inner_margin,
    .why-choose-row .section_inner,
    .why-choose-row .section_inner .section_inner_margin ,
    .why-choose-row .full_section_inner,
    .why-choose-row .element_from_fade > div,
    .why-choose-row .element_from_bottom  > div{
        display: flex;
        align-items: center;
        justify-content: center;
    }
}
/*ipad pro landscape*/
@media only screen and (min-width: 1024px) {
     
    
    /*columns*/

    .vc_col-sm-2, .vc_col-sm-4{
        padding: 0;
    }

    .vc_col-sm-6{
        padding: 0;
    }

    .four_columns>.column1, .four_columns>.column2, .four_columns>.column3, .four_columns>.column4 {
        width: 25%;
    }

    

    .footer_top_holder .widget_media_image {
        margin-bottom: 120px;
    }

}
/* laptop / desktop */
@media only screen and (min-width: 1224px) {

    header.menu_bottom .header_bottom_right_widget_holder .header_bottom_widget.widget_search form>div input[type=text]{
/*        padding: 23px 30px;
        width: 80%;
        margin-left: 0%;*/
    }
    #searchsubmit{
        right: 15px;
    }   
    .footer_top_holder .widget_text, .footer_top_holder .widget_nav_menu{
        padding-left: 140px;
    }
    .link-with-arrow{
        padding: 0 2em 0 1em; /* text distance to icon */
        display: inline;
    }

    .cta-block #callback{
        margin: 30px 10px 0 0;
    }
}

/*hack to hide search box on (min-width: 769px) and (max-width: 1000px)*/

@media only screen and (min-width: 769px) and (max-width: 1000px) {

    .has_header_fixed_right.stick.menu_bottom .header_inner_right{
        display: none;
    }

}

@media only screen and (min-width: 1001px) and (max-width: 1400px) {

	.sticky .header_inner_right{
        display: none;
    }
}

@media only screen and (min-width: 1001px) {

/*    nav.main_menu>ul>li>a:hover,
    .current-menu-item a,
    .current-menu-ancestor a,
    .current-menu-parent a{
        background:#f0f0f0!important;
    }

    .drop_down .second .inner>ul li a{
	    font-size: 14px;
	    color: #fff!important;
	    background: #141414!important;
	    text-transform: none;

	}

    nav.main_menu>ul>li>a:hover,
    .drop_down .second .inner>ul li.current-menu-item a,
    .drop_down .second .inner>ul li.current-menu-ancestor a,
    .drop_down .second .inner>ul li.current-menu-parent a{
        background:red!important;
    }

    .wrapper, body, .content, .content .container, .full_width {
	    background-color: red!important;
    }*/
    
    body .header_top_bottom_holder:after {
        border: none;
    }

}

@media only screen and (max-width: 1000px) {
    body header.menu_bottom.has_header_fixed_right .mobile_menu_button {
        height: 130px;
    }
}
