/*Reset*/
body { font-family: 'Open sans', sans-serif; color: #464646; }
h1, h2, h3 { margin: 0; font-weight: 700 }
h2 { font-size: 1.95em }
a { color: #015D87; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
a:hover  {  text-decoration: none; color: #015D87 }
a:focus, a:active  {  outline: none; text-decoration: none; color: #015D87 }
img {  max-width: 100%; height: auto }
ul {  margin: 0; padding: 0 }
li {  list-style: none; }
p {  font-size: 14px; line-height: 1.65em; color: #464646 }
.ptb-1em{padding:1em 0}.ptb-2em{padding:2em 0}.ptb-3em{padding:3em 0}.ptb-4em{padding:4em 0}.ptb-5em{padding:5em 0}.ptb-6em{padding:6em 0}.pt-1em{padding-top:1em}.pt-2em{padding-top:2em}.pt-3em{padding-top:3em}.pt-4em{padding-top:4em}.pt-5em{padding-top:5em}.pt-6em{padding-top:6em}.pb-1em{padding-bottom:1em}.pb-2em{padding-bottom:2em}.pb-3em{padding-bottom:3em}.pb-4em{padding-bottom:4em}.pb-5em{padding-bottom:5em}.pb-6em{padding-bottom:6em}.mr-8{margin-right:8px}.ml-8{margin-left:8px}.relative{position:relative}
input, textarea, select, button { -webkit-appearance: none; }
select::-ms-expand { display: none; } /* this removes the default select dropdown from ie browsers*/
/*layout*/
header.main-header { position: fixed; top: 0; left: 0; width: 100%; z-index: 999; background: rgba(255,255,255,0.95); -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.1); box-shadow: 0 2px 3px rgba(0,0,0,0.1); border-top: solid 8px #FF7903 }
.logged-in header.main-header { top: 31px }
.main_navigation .navbar-nav { float: right; }
.main_navigation .navbar-nav>li>a { text-transform: uppercase; font-size: 1.1em; color: #353535; }
.main_navigation .nav>li>a:hover, .main_navigation .nav>li>a:focus { background: none; color: #ff7903 }
.main_navigation .navbar { margin: 0; border: none; }
a.mPS2id-clicked, .page-id-11 li.current-menu-item a, a.mPS2id-clicked .mPS2id-highlight-last { color: #ff7903 !important; font-weight: bold; }
.navbar-brand { padding: 0 }

span.anchor { display: block; height: 158px; margin-top: -158px; visibility: hidden; }
.logged-in span.anchor { height: 142px; margin-top: -142px; }

.banner { background: url('../img/new-hero-banner.jpg') no-repeat center center; background-size: cover; position: relative; margin-top: 110px }
.banner>.container { min-height: 470px; position: relative; }
.banner .container>h1 { font-size: 3em; position: absolute; top: 47%; left: 0; line-height: 1.22em; -webkit-transform: translate(0,-47%); -ms-transform: translate(0,-47%); transform: translate(0,-47%); padding: 0 20px; width: 100%; color: #0069A9; font-weight: 700; max-width: 600px }
a.readmore { background: #0069A9; display: inline-block; padding: 0 4em; line-height: 42px; text-transform: uppercase; color: #fff; font-size: 13px; font-weight: 600; min-width: 192px; text-align: center; }
a.readmore:hover { background: #ff7903 }
a.readmore:after { content: 'more +'; display: inline-block; margin-left: 5px }
a.readmore.active:after { content: 'less -'; }

.widgetbox header, #services-block header { color: #393939; font-size: 2.4em; font-weight: 300; text-transform: uppercase; padding: 15px 0 20px; position: relative;; margin-bottom: 20px }
.widgetbox header:after, #services-block header:after { content: ''; display: inline-block; height: 6px; width: 46px; background: #FF7903; position: absolute; left: 0; bottom: 0 }
.middlebox { padding: 0 35px; border-left: solid 1px #959DA9; border-right: solid 1px #959DA9 }
.middlebox .widgetbox { padding-bottom: 30px }
.borderbox.first { padding-right: 20px; width: 31.33% }
.borderbox.last { padding-left: 35px }
.borderbox.middlebox { width: 35.33% }
.borderbox figure { min-height: 83px }
.borderbox a.readmore { margin-top: 2em }

.pandorabox, .pandorabox-2, .pandorabox-3 { display: none }

#trusted-network { background: #EBEBEB; text-align: center; padding: 3.0em 0 }
#trusted-network header { color: #FF7904; font-size: 2.0em; }
#trusted-network p { color: #000; font-size: 1.3em; margin: 0; padding-top: 6px }

/*service block*/
#services-block { position: relative; }
#services-block .container { position: relative; z-index: 100; }
.service-top_block .left_block, .service-top_block .right_block { position: absolute; height: 100%; display: block; width: 50%; top: 0 }
.service-top_block .bluebox { background: #0069A9 }
.service-top_block .imagebox { background-size: cover; background-repeat: no-repeat; background-position: left center }
.service-top_block .imagebox2 { background-size: cover; background-repeat: no-repeat; background-position: top center; }
.service-top_block .left_block { left: 0 }
.service-top_block .right_block { right: 0 }
#services-block header { color: #fff }
#services-block header:after { background: #fff }
.services_content ul { padding-top: 1.2em }
.services_content li { position: relative; color: #fff; padding: 0 0 13px 30px; font-size: 16px; }
.services_content li:before { position: absolute; color: #FF7903; left: 0; top: 0; content: '\f00c'; font-family: 'FontAwesome'; }


/*testimonial slider*/
.sliderbox { margin: 0 auto; max-width: 960px; text-align: center }
.sliderbox p { font-size: 17px; }
.sliderbox header { font-family: 'Playfair Display', serif; font-size: 1.35em; font-style: italic; color: #464646 }

.sliderbox .owl-dots { width: 100%; text-align: center; position: absolute; bottom: -40px }
.sliderbox .owl-dot { background: #ccc; height: 6px; width: 6px; border-radius: 50px; display: inline-block; margin-right: 3px }
.sliderbox .owl-dot { height: 7px; width: 7px; margin-right: 4px }
.sliderbox .owl-dot.active { background: #FF7903 }

footer { background: #545454; border-bottom: solid 10px #FF7903 }
.emergency_call span { display: block; font-weight: 600; font-size: 1.2em; color: #fff; }
.emergency_call span>a.phone { font-size: 2.2em; color: #FF7904; display: block; font-weight: 700 }
.emergency_call span>a.mail_me { color: #FF7904 }
.emergency_call span>a.mail_me:hover { color: #fff }
.footer_bottom li { display: inline-block; color: #fff; font-size: 13px; padding: 0 1.8em }
.footer_bottom li>a { color: #fff }
.footer_bottom li>a:hover { color: #FF7903; }
.footer_bottom li.first { padding-left: 0 }
.footer_bottom li.last { padding-right: 0 }


/*CONTACT PAGE*/
.innerbanner { background: #545454; border-top: solid 4px #0069AA; margin-top: 110px }
.innerbanner h1, .innerbanner p { color: #fff }
.innerbanner h1 { font-size: 1.8em; padding-bottom: 0.5em }
.innerbanner p { font-size: 17px; line-height: 26px }
.form_contact header { color: #0069a9; font-size: 1.3em; font-weight: 600; padding-bottom: 1.0em; }
.contact_dtls li { padding-bottom: 2em }
li.mainphone a { color: #0069a9; font-size: 1.85em; font-weight: 700 }
li.mainphone a>i, li.office_email a>i { margin-right: 12px; color: #0099CD; font-size: 22px; }
li.office_email a { color: #0069a9; font-size: 1.2em; }
li.office_email a:hover { color: #ff7903 }
.contact_dtls strong.block { display: block; color: #444; font-size: 18px; padding-bottom: 10px }
.contact_dtls p, .contact_dtls span { display: block; color: #575757; font-size: 15px }
.contact_form_box fieldset { padding-bottom: 20px }
.contact_form_box input[type="submit"] { background: #FF7903; display: inline-block; color: #fff; line-height: 46px; padding: 0 2em; border: none; font-size: 1.15em; text-transform: uppercase; font-weight: 600; -webkit-transition: background 0.4s ease; -o-transition: background 0.4s ease; transition: background 0.4s ease; }
.contact_form_box input[type="submit"]:hover { background: #0069aa }
.contact_form_box input[type="text"], .contact_form_box input[type="email"], .contact_form_box textarea { border: solid 1px #B3B3B3; height: 42px; padding: 10px; background: #fff; width: 100%; }
.contact_form_box textarea { height: 150px }
.google-map { min-height: 600px }

div.wpcf7-validation-errors { background: #c00; border: solid 2px #c00 !important; margin-left: 0; padding: 12px; color: #fff }
div.wpcf7-mail-sent-ok { background: #398f14; border: solid 2px #398f14; margin-left: 0; padding: 12px ; color: #fff }
span.wpcf7-not-valid-tip { color: #c00; display: block; padding-top: 8px; }

/*404 error page*/
.error404 .innerbanner { display: none }
.centercontent { margin: 0 auto; max-width: 500px }
.centercontent h1 { color: #FF7904; font-size: 2.3em; font-weight: 300; padding-bottom: 0.4em }
.centercontent p { color: #FF7904; line-height: 1.85em; font-size: 1.2em; }
.error_page { margin-top: 158px; }

/*Misc*/
.page-id-51 .entry-content p, .page-id-53 .entry-content p { margin-bottom: 2em }
.google-map { min-height: 550px }
ol>li { list-style: inherit; padding-bottom: 20px; }
.show_below_767px { display: none; }
span.what-we-do-txt { line-height: 1.65em;; margin-top: 10px; display: block; }
.borderbox p { margin-top: 10px; margin-bottom: 0; }


@media(max-width: 400px){
	.navbar-brand img { max-width: 250px !important; margin-top: 15px }
	#rc-imageselect, .g-recaptcha { -ms-transform:scale(0.85); transform:scale(0.85); -webkit-transform:scale(0.85); -ms-transform-origin:0 0; transform-origin:0 0; -webkit-transform-origin:0 0; }
	.innerbanner p { font-size: 14px !important }
	.innerbanner { padding-top: 2em !important; padding-bottom: 2em !important }
	.innerbanner .container>div { padding-left: 0 !important; padding-right: 0 !important }
}

@media(max-width: 590px){
	.navbar-brand img { max-width: 318px  }
	.navbar-toggle { margin-top: 32px !important }
	/*header or slide section*/
	span.anchor { display: block; height: 100px !important; margin-top: -100px !important; visibility: hidden; }
	.logged-in span.anchor { height: 130px !important; margin-top: -130px !important; }
	.banner, .innerbanner { margin-top: 100px !important; }
	.logged-in .banner, .logged-in .innerbanner { margin-top: 85px !important }
	header.main-header { min-height: 100px !important }

	.borderbox header { font-size: 1.8em }
	.only_below_tablet h1 { font-size: 1.6em !important }
}

@media(min-width: 591px) and (max-width: 767px){

}

@media (max-width: 767px) {
	.emergency_call { text-align: left; padding: 2em 0 0 }
	.footer_bottom li.first, .footer_bottom li.last { width: 100%; display: block; padding-left: 0; padding-bottom: 10px }
	.footer_bottom li.second { padding-left: 0 }
	.footer_bottom li.last { padding-top: 10px; padding-bottom: 0 }
	.banner h1 { font-size: 2.4em; }
	.firstName { margin-bottom: 20px }
	.show_below_767px { display: block; }
	.service-top_block.second { display: none }
	.service-top_block.first .left_block, .service-top_block.first .right_block { display: none }
	.service-top_block.first>.container { background: #0069A9 }
	.first_service_image, .second_service_image { margin-top: 2px }
	.innerbanner p { font-size: 15px }
	/*banner*/
	.banner { background: none; }
	.banner>.container { display: none }
	.only_below_tablet h1 { background: #0069aa; color: #fff; padding: 1.2em 20px; font-size: 1.8em; text-align: center; line-height: 1.35em }
}
@media (min-width: 768px) {
	.only_below_tablet { display: none }
	.error_page { min-height: 750px }
}

@media (max-width: 991px) {
	.container { width: 100%; padding-left: 20px; padding-right: 20px }
	/*reset*/
	.mmb-3em { margin-bottom: 3em }
	.mmb-2em { margin-bottom: 2em }
	/*Only for collapsing earlier navigation*/
	.navbar-header { float: none }
	.navbar-toggle { display: block; margin-top: 40px; margin-right: 0; padding: 5px 6px; }
	.navbar-collapse { background: none }
	.navbar-collapse.collapse { display: none!important }
	.navbar-nav { float: none!important; text-align: right; padding-right: 10px }
	.navbar-nav>li { float: none }
	.navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px }
	.navbar-text { float: none; margin: 15px 0 }
	.navbar-collapse.collapse.in { display: block!important; position: relative; z-index: 100 }
	.collapsing { overflow: hidden!important }
	/* up to here collapsing earlier navigation must work */
	/*collapsing animation*/
	.navbar-toggle .icon-bar:nth-of-type(3) { top: 1px }
	.navbar-toggle .icon-bar:nth-of-type(4) { top: 2px }
	.navbar-toggle .icon-bar { position: relative; -webkit-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; background: #0069a9 }
	.navbar-toggle.active .icon-bar:nth-of-type(2) { top: 6px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
	.navbar-toggle.active .icon-bar:nth-of-type(3) { background-color: transparent }
	.navbar-toggle.active .icon-bar:nth-of-type(4) { top: -6px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
	/*up to here collapsing hamburger menu animation and add some javascript on footer */
	/*header section*/
	header.main-header { min-height: 115px }
	.main-header .container { padding-left: 5px; padding-right: 5px }
	.main_navigation .navbar-nav>li>a { padding-right: 0 }
	span.anchor { display: block; height: 115px; margin-top: -115px; visibility: hidden; }
	.logged-in span.anchor { height: 145px; margin-top: -145px; }
	.banner, .innerbanner { margin-top: 115px; }
	.error_page { margin-top: 100px }

	.borderbox { float: none; margin: 0 auto; border: none; width: 100% !important; padding: 0 20px !important; margin-bottom: 3em }
	.borderbox.last { margin-bottom: 1em }
	.footer_bottom { padding-top: 2.5em }

	.service-top_block.first ul { padding-right: 20px; }
	.service-top_block.second ul { padding-left: 30px; }
}


@media (min-width: 992px) {
	.main_navigation .navbar-nav { margin-top:  30px }
	.main_navigation .nav>li:last-child>a { padding-right: 0 }
	header.main-header { min-height: 110px }
	.contact_content { min-height: 515px }
	.centercontent h1 { font-size: 4em }
}

@media(min-width: 768px) and (max-width:991px) {
	.navbar-nav { padding-right: 0 }
	.banner .container>h1 { font-size: 2.6em }
}

@media(min-width: 992px) and (max-width:1199px) {
	.container { width: 97% }
}

@media (min-width: 1200px) and (max-width: 1220px) {
	.container { width: 98% }
}