/* HTML5 Reset :: taken from http://html5reset.org/ */
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video, details, summary { margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent }
article, aside, figure, footer, header, hgroup, nav, section, details, summary { display:block }
img, object, embed { max-width:100% }
html { overflow-y:scroll }
ul { list-style:none }
blockquote, q {quotes:none;}
blockquote:before,  blockquote:after, q:before, q:after { content:''; content:none }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent }
del { text-decoration:line-through }
abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help }
table { border-collapse:collapse; border-spacing:0 } /* tables still need cellspacing="0" in the markup */
th { font-weight:bold; vertical-align:bottom }
td { font-weight:normal; vertical-align:top }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0 }
input, select { vertical-align:middle }
pre { white-space:pre; white-space:pre-wrap; white-space:pre-line; word-wrap:break-word }
input[type="radio"] { vertical-align:text-bottom }
input[type="checkbox"] { vertical-align:bottom }
.ie7 input[type="checkbox"] { vertical-align:baseline }
.ie6 input { vertical-align:text-bottom }
select, input, textarea { font:99% sans-serif }
table { font-size:inherit; font:100% }
small { font-size:85% }
strong { font-weight:bold }
sub, sup { font-size:75%; line-height:0; position:relative }
sup { top:-0.5em }
sub { bottom:-0.25em }
pre, code, kbd, samp { font-family: monospace, sans-serif }
.clickable, label, input[type=button], input[type=submit], input[type=file], button { cursor:pointer }
button, input, select, textarea { margin:0 }
button { width:auto; overflow:visible }
.ie7 img { -ms-interpolation-mode:bicubic }
.clearfix:before, .clearfix:after { content:"\0020"; display:block; height:0; overflow:hidden }
.clearfix:after { clear:both }
.clearfix { zoom:1; clear:both }

/* Defaults */
div, header, nav, section { position:relative }
.hidden { position:absolute; top:-999em; left:-999em; width:0; height:0; font-size:0; line-height:0; text-indent:-999em; overflow:hidden }
.clear { clear:both }
a { text-decoration:none; cursor:pointer }

/* Message */
.success { background-color: #62bc62; padding:8px 15px; color:#333; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); font-weight:bold; margin-top:18px }

/* Body and Wrap */
body { font-size:14px; color:#636466; line-height:18px; background:url(../img/layout/tile_body.png); font-family: raleway,sans-serif; font-style: normal; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: none }
.jPanelMenu-panel { background:url(../img/layout/tile_body.png) !important }
.wrap { width:auto; padding:0 15px; margin:0 auto }

/* Header */
header .top_wrap { padding:0 }
header .top { height:37px; background:#00A3DD }
header .top .con_info { height:32px; padding:5px 15px 0 15px; color:#fff; text-align:center; z-index: 1; }
header .top .con_info .number { color: #fff; font-size: 20px; padding: 0px 3px; }
header .top .con_info .time { display:none }
header .top .share { display:none }

header { min-height:131px; border-top:5px solid #00A3DD; background:url(../img/layout/tile_header.png) }
header h3 { padding:20px 0 15px 0; width:220px }
header .social { display:none; font-size: 15px; }
header .social .divider { margin: 0px 8px; }
header .btn_menu img { display:block; position:absolute; bottom:23px; right:18px }

/* Nav */
nav { height:40px; background:#00A3DD }
nav ul { width:100%; padding-top:10px; margin:auto }
nav li { float:left; background:url(../img/layout/sep_nav2.png) center right no-repeat; padding: 0 16px 0 16px; position:relative }
nav .current { float: left; background: url(../img/layout/nav-arrow.png) 5% 100% no-repeat, url(../img/layout/sep_nav2.png) center right no-repeat; padding: 0 18px 0 18px; position: relative; }
nav li:last-child { background:none; }

nav li a { font-size:14px; color:#fff; text-transform: uppercase; }
nav li ul.dropdown { position:absolute; left:-999em; background:#00A3DD; z-index:100000; width:190px }
nav li a:hover { text-decoration: underline; }
nav li:hover ul.dropdown { left:0; top:17px }
nav li ul.dropdown li { float:none; background:none; padding:5px 10px }

/* Slider */

/* main */
#main { padding:20px 0 5px }

#main .box { overflow:hidden }
#main .box .box_content { margin-left:15px; background:#FFF; padding:20px 10px }
#main .box .box_bit_1 { width:15px; height:51px; position:absolute; top:0; left:0; background:url(../img/layout/bg_box.png) }
#main .box .box_bit_2 { width:15px; height:11000px; position:absolute; top:51px; left:0; background:#FFF }

#main article .box { margin-bottom:25px }
#main article .logos { display:block; margin:0 auto; margin-bottom:25px }

#main aside .box { margin-bottom:15px }
#main aside .box .box_content { padding-bottom:0; padding-right:0 }
#main aside .box .box_content_small { height:103px }
#main aside .box .box_content_large { height:241px }
#main aside .box .box_phone { background:#FFF url(../img/layout/bg_box_phone.png) bottom right no-repeat }
#main aside .box .box_bank { background:#FFF url(../img/layout/bg_box_bank.png) bottom right no-repeat }
#main aside .box .box_arrow { background:#FFF url(../img/layout/bg_box_arrow.png) bottom right no-repeat }
#main aside .box .box_content h3 { color:#000000; font-size:20px; margin-bottom:10px; }
#main aside .box .box_content a { display:block; position:absolute; bottom:13px; left:10px; font-size:15px; color:#020202; background:url(../img/layout/bg_arrow.png) bottom right no-repeat; padding-right:17px }
#main aside .card_payments { text-align:center; margin-bottom:10px }
#main aside .card_payments h4 { color:#636466; font-size:16px; margin-bottom:10px; text-align:center }

/* Content styles */
.content { line-height:18px; font-size:14px; }

.content p { margin:8px 0 16px; font-size:15px; }
.content p.intro { font-size:15px; line-height:20px; margin-top:0 }
.content.box_content p:first-child { font-size: 16px; }
.box_content p:first-child { font-size: 16px; }
.content p:first-child { font-size: 16px; }

.content a { color:#636466; font-weight:bold; text-decoration:underline }
.content blockquote { font-style:italic }
.content h1, .content h2, .content h3, .content h4 { font-weight: 600; margin: 0 0 0; font-size: 24px; color: #6a6c69; line-height: 30px; }
.content h5 { font-weight:bold; color: #6a6c69; line-height: 30px; }
.content ul { padding-left:15px; margin:10px 0 16px }
.content ul li { list-style:disc }
.content ol { padding-left:15px; margin:10px 0 16px }
.content ol li { list-style:decimal }

.content .logo_table { margin:18px 0 }
.content .logo_table td { border:1px solid #CCC; padding:10px; vertical-align:middle; height:80px }
.content .logo_table td.logo_image { text-align:center }

.content .form div.input_wrap { padding:8px; margin-bottom:12px; background:#EEE }
.content .form label { display:block; margin-bottom:3px }
.content .form input[type="text"] { display:block; padding:5px; border:1px solid #CCC; width:95% }
.content .form textarea { border:1px solid #CCC; padding:5px; width:95% }
.content .form .error { color:#F00 }

/* Footer */
footer { background:url(../img/layout/tile_footer-2.png); padding:20px 0; color:#FFF }
footer .info p { margin-bottom:16px }
footer .info a { color:#FFF }
footer .info .address { border-bottom:1px solid #616263 }
footer .info .address, footer .info .blurb { margin-bottom:16px }
footer .info .address .small { font-size:11px }

footer .call_back .box { overflow:hidden; color:#040404; text-shadow:0 1px 1px #FFF; margin-bottom:16px }
footer .call_back .box .box_content { background:#C4C5C7; margin-left:24px; padding:10px 24px 10px 0 }
footer .call_back .box .box_bit_1 { width:24px; height:44px; position:absolute; top:0; left:0; background:url(../img/layout/bg_box_grey.png) }
footer .call_back .box .box_bit_2 { width:24px; height:5000px; position:absolute; top:44px; left:0; background:#C4C5C7 }
footer .call_back .box .box_content h3 { font-size:20px; margin-bottom:8px }
footer .call_back .box .box_content p { margin-bottom:8px }
footer .call_back .box .box_content .text_wrap { padding:0 12px 0 0 }
footer .call_back .box .box_content .input_text { display:block; margin-bottom:8px; width:100%; padding:7px 6px; border:none; color: #00A3DD; }
footer .call_back .box .box_content .btn_send { display:block; width:70px; height:27px; border:0; background:url(../img/layout/btn_send.png) no-repeat; cursor:pointer; float:right }

footer .hotfoot { clear:both; text-align:center }
footer .hotfoot a { color:#CCCCCC; text-decoration:underline }

/* Side panel menu */
#jPanelMenu-menu { background:#e0dfe0 }
#jPanelMenu-menu li { border-bottom:1px solid #F2F2F2; border-right:1px solid #F2F2F2 }
#jPanelMenu-menu li a { display:block; background:#e0dfe0; padding:10px; font-size:14px; font-weight:bold; color:#7e7f82; text-shadow:0 1px 1px #FFF }
#jPanelMenu-menu li .dropdown li { border:none }
#jPanelMenu-menu li .dropdown a { font-size:13px; padding:7px 10px 7px 30px }

/* Home page */
._home #main .box .box_content .home_box { margin-right:14px }
._home #main .box .box_content .home_box_1 { margin-bottom:16px }
._home #main .box .box_content .home_box .box_over { font-size:13px; line-height:20px; color:#FFF; padding:18px 20px 18px 20px; background:#69BBE5 url(../img/home/box_grad-2.png) top left repeat-y;  }
._home #main .box .box_content .home_box .box_over h2 { color:#FFF; font-size:24px; margin-bottom:14px }
._home #main .box .box_content .home_box .box_over p { margin-bottom:13px }
._home #main .box .box_content .home_box .box_over a { display:inline-block; color:#FFF; text-decoration:none; font-size:15px; font-weight:normal; padding-right:15px; background:url(../img/home/arrow.png) top right no-repeat }
._home #main .box .box_content .home_box .box_over a span { text-decoration:underline }

/* Tax tables */
.content table td div.left { padding-right:20px }
.content table td h3 { font-size:13px; padding-bottom:5px }

table.results{ border: 1px solid #999; margin:10px 0; }
table.resultsNoHor { border: 1px solid #999; margin:10px 0; }
.results  { margin:0; font-size: 12px; color: #666666; }
.results th { font-size:14px; }
.results th, .results td { border: 1px solid #999; padding:5px; }
.resultsNoHor th, .resultsNoHor td { border-right:none; border-bottom: 1px solid #999; border-top: 1px solid #999; padding:5px; }
.resultsLeft { border-left: 2px solid #999; padding:5px;}
.resultsNone { border:none; }

@media (min-width:361px) {
/* Header */
header .top .con_info .time { display:inline }
header h3 { width:250px }
}

@media (min-width:560px) {
/* Header */
header .top .con_info { width:404px; height:32px; padding:5px 18px 0 0; text-align:right; float:right }
header .top .share { display:block; padding:5px 5px 0 0; float:left; z-index:20000 }
header .top .share img { display:inline-block; padding-left:8px }

header .social { display:block; position:absolute; bottom:30px; right:70px; color:#000; font-weight: bold; }
header .social a { color:#000 }
header .social img { position: relative; display: inline-block; padding-left: 1px; bottom: -6px; }
header .social a:nth-child(1) img { padding-left: 12px; }
header .social .follow-us-on { margin-right: 15px; }


/* Slider */
#slider { display: block; height: 500px; background: url(../img/layout/tile_slider.png); overflow: hidden; position: relative; float: left; width: 100%; margin-bottom: 20px; }
#slider .slider-overlay-container { background: url(../img/slides/slide_overlay.jpg) top right no-repeat; position: absolute; top: 0; left: 0; width: 100%; height: 100%;  }
#slider .slider-overlay-container .underlay-image { position: absolute; top: 0; left: 0; width: 50%; height: 100%; background: url(../img/slides/slide_overlay.jpg) top right no-repeat; background-size: cover; }
#slider .slider-overlay-container .overlay-image { position: absolute; top: 0; left: 0; width: 50%; height: 100%; background: #000000; opacity: 0.7; background-size: cover; }
#slider .wrap { height:100%; }
#slider .slides { width: 50%; height: 100%; float: right; position: relative; top: 0; right: 0; }
#slider .slides img { width: 100% !important; height: 100% !important; object-fit: cover; object-position: center; }
#slider .slides_overlay { width: 50%; height: 100%; padding-right: 0px; position: relative; top: 0; left: 0px; z-index: 2000; float: left; }
#slider .slides_overlay .inner { background-size: cover !important; position: absolute; float: left; width: 100%; top: 0; left: 0; height: 100%; }
#slider .slides_overlay .inner .text { height: 100%; padding: 125px 0 153px 0px; color: #FFF; position: absolute; top: 0; display: none; float: left; box-sizing: border-box; }
#slider .slides_overlay .inner .text h3 { font-size:32px; margin-bottom:12px }
#slider .slides_overlay .inner .text p { font-size:23px; line-height:36px }
#slider .slides_overlay .inner .text .btn_find_out_more { display:block; position:relative; left:0; top: 30px; }
#slider .buttons_wrap { height:13px; position:absolute; bottom: 50px; z-index:2001 }
#slider .buttons_wrap li { width:15px; height:13px; float:left; padding-right:9px }
#slider .buttons_wrap li a { display:block; width:15px; height:13px; background:url(../img/slides/dots.png) top right }
#slider .buttons_wrap li.activeSlide a { background-position:0 -13px }

#slider .slider-overlay { position: absolute; top: 0; left: 0; width: 100%;._home #main .box .box_content .home_box .box_over a height: 100%; background:url(../img/slides/slider-overlay.png) top right; z-index: 9; }


/* main */
#main aside .box { width:48.5% }
#main aside .box_small { float:right }
#main aside .box_large { float:left }

/* footer */
footer .info .address { width:48.5%; float:left; border-bottom:none }
footer .info .blurb { width:48.5%; float:right }

/* Home page */
._home #main .box .box_content .home_box_1 { background:url(../img/home/image_1.jpg) no-repeat scroll right center / auto 100%; }
._home #main .box .box_content .home_box_2 { background:url(../img/home/image_2.jpg) no-repeat scroll right center / auto 100%; }
._home #main .box .box_content .home_box .box_over { width:400px; padding:18px 48px 18px 20px; background:url(../img/home/box_over-2.png) no-repeat scroll left center / 100% 100%;  }
}


@media (min-width:831px) {
/* main */
#main .article_wrap { float:left; width:100%; margin-right:-260px }
#main article { margin-right:275px }
#main article .box .box_content { min-height:360px; position: relative; float: left; }

#main aside { float:left; width:260px }

#main aside .box { width:auto }
#main aside .box_small { float:none }
#main aside .box_large { float:none }

.content .form input[type="text"] { width:50% }
.content .form textarea { width:50% }

/* footer */
footer .info_wrap { float:left; width:100%; margin-right:-260px }
footer .info { margin-right:275px }
footer .callback { float:left; width:260px }

footer .info .address { width:41%; float:left }
footer .info .address .inner { padding-right:20px }
footer .info .blurb { width:59%; float:left }
footer .info .blurb .inner { padding-left:28px; border-left:1px solid rgba(255,255,255,0.5) }
}

@media (min-width:900px) {
/* Header */
header .top_wrap { padding:0 15px }
header .top { position:absolute; right:0; top:0; background:none }
header .top .con_info { background:#00A3DD url(../img/layout/bg_con_info-2.png) top left no-repeat }
header .top .share { padding:10px 5px 0 0; float:right }

header h3 { padding:20px 0 15px 0px; width:auto }
header .social { right:18px }
}

@media (min-width:1010px) {
/* Body and Wrap */
.wrap { width:980px }
}

/* FOOTER POLICIES */
footer ul { margin-bottom: 16px; }
footer li { float: left; margin-right: 9px; position: relative; }
footer li:after { content: '|'; position: absolute; right: -6px; }
footer li:last-child:after { display: none; }

/* RECAPTCHA */
.g-recaptcha { margin-bottom: 20px; }
@media only screen and (max-width: 380px) {
    .g-recaptcha > div { -webkit-transform: scale(0.84);-moz-transform: scale(0.84);-ms-transform: scale(0.84);-o-transform: scale(0.84);transform: scale(0.84); -webkit-transform-origin: 0 0;-moz-transform-origin: 0 0;-ms-transform-origin: 0 0;-o-transform-origin: 0 0;transform-origin: 0 0; }
}

@media only screen and (max-width: 831px) {
    #slider { display: none !important; }
    .slides_overlay { display: none !important; }
    .slides { display: none !important; }
}


/* Single Banner */
#SingleBanner { position: relative; float: left; width: 100%; margin-bottom: 40px; }
#SingleBanner img { position: relative; float: left; width: 100%; }
#SingleBanner .overlay { position: absolute; top: 0; left: 0px; width: 100%; height: 100%; }

/* Team Members */
#Boxes .each-box { background-repeat: no-repeat !important; background-position: 104% !important; margin-top: 20px; margin-right: 0px; position: relative; float: left; width: 100%; height: auto !important; display: flex; }
#Boxes .each-box:last-child { margin-bottom: 20px; }
#Boxes .each-box .link { display: block; }
#Boxes .each-box .link a { font-size: 17px !important; }
#Boxes .each-box:nth-child(odd) .tax-services { display: none; }
#Boxes .each-box:nth-child(even) .accountancy-services { display: none; }


#Boxes .each-box a { padding-right: 45px; }
#Boxes .each-box .box_over { width: 386px !important; padding: 15px 20px 15px 20px !important; background: #459fdc !important; height: auto !important; position: relative; float: left; }
#Boxes .each-box .image-container { position: relative; float: left; width: 237px; background-position: top !important; background-size: cover !important; }
#Boxes .each-box .image-container .arrow { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('/theme/img/team/blue-arrow.png'); background-position: left; background-repeat: no-repeat; }

@media only screen and (max-width: 640px) {
    #Boxes .each-box { flex-direction: column-reverse; }
    #Boxes .each-box .box_over { width: 100% !important; padding: 15px 15px 15px 15px !important; box-sizing: border-box; }
    #Boxes .each-box .image-container { position: relative; float: none; width: 237px; height: 250px; margin: auto; }
    #Boxes .each-box .image-container .arrow { display: none; }
}

@media only screen and (max-width: 680px) {
    header .social { display: none; }
}
@media only screen and (max-width: 831px) {
    .article_wrap { position: relative; float: left; width: 100%; background: #fff; }
}

/* MODALS */
.modal-open { cursor: pointer; }
.modals { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 3147483645; display: none; }
.modal { display: none; }
.modals .modal { z-index: 30; position: relative; pointer-events: auto; background: #ffffff; width: calc(100% - 60px); max-width: 800px; margin: 0 auto; border-radius: 4px; }
.modals .modal-blocker { background: #000000; opacity: 0.8; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
.modals .modal-outer { position: relative; display: flex; width: 100%; height: 100vh; align-items: center; }
.modals .modal-container { width: 100vw; overflow: auto; max-height: 100vh; position: relative; }
.modals .modal-inner { padding: 60px 0;  position: relative; }
.modals .modal-close { cursor: pointer; padding: 10px; z-index: 1; background: transparent; position: absolute; top: 5px; right: 5px; border: 0; }
.modals .modal-content { padding: 30px 30px 40px; }
.modals .modal-blocks { margin: 0 -30px; }
[data-modal-open] { cursor: pointer; }
.modals .modal-btn { margin-top: 32px; }

@media (max-width: 750px) {
    .modals .modal-content { padding: 30px 15px 40px; }
    .modals .modal-blocks { margin: 0 -15px; }
    .modals .modal-inner { padding: 50px 0; }
    .modals .modal { width: calc(100% - 30px); }
}