/*!
Theme Name: Hire Hunters
Theme URI: #
Author: max19
Author URI: #
Description: hire-hunters Wordpress theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wpthemes

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/*******************  custome css start here  ************************/
html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, sub, sup, var, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary { margin: 0; padding: 0; border: 0; font-size: 100%; font-weight: normal; vertical-align: baseline; background: transparent; font-size: 16px; }
article, aside, figure, footer, header, nav, section, details, summary { display: block; }
img, object, embed { max-width: 100%; }
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; color: #fea500; text-decoration: none; }
a:hover { color: #000000; }
a:focus { outline: none; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted #000; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
th { vertical-align: bottom; }
td { font-weight: normal; vertical-align: top; }
hr { display: block; height: 1px; border: 0; background: #cccccc; 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; }
 select::-ms-expand {display: none; }
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
select, input, textarea { font: 100% sans-serif; }
table { font-size: inherit; }
small { font-size: 85%; }
b, strong { }
td, td img { vertical-align: top; }
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
pre, code, kbd, samp {  font-family: 'TT Commons'; }
.clickable, label, input[type=button], input[type=submit], input[type=file], button { cursor: pointer; }
i span, i, em { font-style: italic; font-weight: 400; }
button, input, select, textarea { margin: 0; }
textarea { height: 210px; resize: none; }
/* make buttons play nice in IE */
button, input[type=button] { width: auto; overflow: visible; }
button:focus, textarea:focus, input:focus { outline: none; }
/* let's clear some floats
===================================================*/
.cf:before, .cf:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.cf:after { clear: both; }
.cf { zoom: 1; }
body, html { font-size: 16px; line-height: normal; color: #393939; background: #ffffff; font-weight: 400; font-family: 'Montserrat', sans-serif; }
* { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
/* ~~~~~ Typography ~~~~~ */
img { max-width: 100%; height: auto; }
a:focus, input:focus, textarea:focus, button:focus { text-decoration: none; outline: none }
a:focus, a:hover { text-decoration: none }
a { text-decoration: none; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
img { max-width: 100%; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; height: auto; }
li a, p a { color: #000000; }
li { font-weight: 300; }
/* ~~~~~ Input type ~~~~~ */
label { font-size: 14px; }
input[type="text"], input[type="email"], input[type="search"], input[type="tel"], input[type="number"], input[type="password"], input[type="url"], input[type="date"], select, textarea { font-family: 'Montserrat', sans-serif; font-weight: 400; width: 100%; font-size: 16px; padding: 15px 24px 15px; line-height: 16px; letter-spacing: -0.2px; border: none; background-color: transparent; color: #4c89bf; border-radius: 0; border: 1px solid transparent; background: #f3f1f4; box-shadow: none; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; overflow: hidden; margin-bottom: 10px; text-transform: capitalize; }
textarea.wpcf7-form-control.wpcf7-textarea { height: 210px;resize: none; }
input[type="text"]:focus, input[type="email"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="url"]:focus, input[type="date"]:focus, textarea:focus { }

input[type="button"], input[type="button"]:hover, input[type="text"]:focus, input[type="email"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="url"]:focus, input[type="date"]:focus, select:focus, textarea:focus { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;  width: 100%; border-color: #4c89bf; }

select, select:focus {-webkit-transition: all 0s ease-in-out; -moz-transition: all 0s ease-in-out; -o-transition: all 0s ease-in-out; transition: all 0s ease-in-out;}
form button, input[type="button"], input[type="submit"] { font-size: 16px; color: #fff; display: inline-block;background-color: #4c89bf;  padding: 18px 18px 18px; min-width: 186px; text-align: center; line-height: 16px; text-transform: uppercase; transition: all 0.5s ease-in-out; font-weight: 500; border: none; box-shadow: none; outline: 0;font-family: 'Montserrat', sans-serif; width: 100%; }
select { background-color: #ffffff; color: #4a4a4a; background-image: url(images/down-arrow.png); background-repeat: no-repeat; background-position: 96.6%; cursor: pointer; outline: none; font-family: 'Roboto', Arial, sans-serif; font-weight: 400; font-size: 11px; padding-right: 50px; height: inherit; background-size: 15px; }
select option { padding: 10px; line-height: 2; }
form button:hover, form button:focus, input[type="submit"]:focus, input[type="submit"]:hover { color: #ffffff;background: #f58220; outline: none;} 
input::-webkit-input-placeholder {color: #4c89bf; opacity: 1 !important; font-weight: 400; }
input::-moz-placeholder {color: #4c89bf;opacity: 1 !important;font-weight: 400;}
input:-ms-input-placeholder {color: #4c89bf;opacity: 1 !important; font-weight: 400;}
input:-moz-placeholder {color: #4c89bf; opacity: 1 !important; font-weight: 400;}
textarea::-webkit-input-placeholder {color: #4c89bf; opacity: 1 !important;font-weight: 400;}
textarea::-moz-placeholder {color: #4c89bf; opacity: 1 !important; font-weight: 400;}
textarea:-ms-input-placeholder { color: #4c89bf;font-family: 'Montserrat', sans-serif;opacity: 1 !important; font-weight: 400;}
textarea:-moz-placeholder { color: #4c89bf; font-family: 'Montserrat', sans-serif; opacity: 1 !important; font-weight: 400;}

bold, b { font-weight: bold; }
i, em { font-weight: 300; font-style: italic; font-size: inherit; font-size: 19px; }
.text-center { text-align: center; }
.cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.cf { display: inline-block; }
.white-bg { background-color: #ffffff; }
.black-bg { background-color: #000000; }
/* start commented backslash hack \*/
* html .cf { height: 1%; }
.cf { display: block; }
.color-white, .color-white h1, .color-white h2, .color-white h3, .color-white h4, .color-white h5, .color-white h6, .color-white span, .color-white a, .color-white strong, .color-white em, .color-white p, .color-white strong, .color-white span, .color-white i, .color-white em, .color-white b, .color-white li { color: rgba(255, 255, 255, 1); }
input, button { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
button { border: none; background: #2d2d2d; padding: 10px; color: #fff; }
ol li, ul li { padding: 0; font-size: 15px; line-height: 1.4; color: #393939; font-weight: 500; font-family: 'Montserrat', sans-serif; }
hr.border { border: none; height: 1px; background: #4a4a4a; width: 100%; display: block; }
select { -webkit-appearance: none; -moz-appearance: none; text-overflow: ''; appearance: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
select:-moz-focusring { color: transparent; text-shadow: 0px 0px 0px rgba(0, 0, 0, 0); }
input:focus, textarea:focus, select:focus { outline: 0 !important; }
select:-moz-focusring { color: transparent;text-shadow: 0 0 0 #000; }

@keyframes slideDown {
	0% { transform: translateY(-100%) }
	100% { transform: translateY(0%) }
}
@-webkit-keyframes slideDown {
	0% { -webkit-transform: translateY(-100%) }
	100% { -webkit-transform: translateY(0%) }
}
@-moz-keyframes slideDown {
	0% { -moz-transform: translateY(-100%) }
	100% { -moz-transform: translateY(0%) }
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-UltraLight.eot');
    src: url('fonts/Montserrat-UltraLight.eot?#iefix') format('embedded-opentype'),
        url('fonts/Montserrat-UltraLight.woff2') format('woff2'),
        url('fonts/Montserrat-UltraLight.woff') format('woff'),
        url('fonts/Montserrat-UltraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir 85';
    src: url('fonts/Avenir-Heavy.eot');
    src: url('fonts/Avenir-Heavy.eot?#iefix') format('embedded-opentype'),
        url('fonts/Avenir-Heavy.woff2') format('woff2'),
        url('fonts/Avenir-Heavy.woff') format('woff'),
        url('fonts/Avenir-Heavy.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir Next';
    src: url('fonts/AvenirNext-Regular.eot');
    src: url('fonts/AvenirNext-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/AvenirNext-Regular.woff2') format('woff2'),
        url('fonts/AvenirNext-Regular.woff') format('woff'),
        url('fonts/AvenirNext-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


/* Heading common start here  */
h1 { font-size: 48px; line-height: 1.2; color: #4c89bf; font-weight: 700; margin: 0 0 20px;  font-family: 'Montserrat', sans-serif; }
h1 span { background: #4c89bf; color: #fff;  font-weight: 200; font-family: 'Montserrat'; display: inline-block; margin-left: 7px; padding-left: 5px; padding-right: 5px; }
h2 { font-size: 32px; line-height: 1.2; margin: 0 0 20px; font-family: 'Montserrat', sans-serif;padding: 0;} 
h3 { font-size: 26px; line-height: 1.2; font-family: 'Avenir 85'; padding: 0; color: #4c89bf; margin: 0 0 20px; }
h4 { font-size: 24px; line-height: 1.2; font-family: 'Montserrat', sans-serif; padding: 0; margin: 0 0 15px; }
h5 { font-size: 22px; line-height: 1.2; padding: 0; color: #222222; font-family: 'Avenir 85'; font-weight: bold; margin: 0 0 15px; }
h6 { font-size: 18px; line-height: 1;font-family: 'Avenir Next';; margin:  0 0 15px; color: #fff; padding: 0; font-weight: normal; }
p { font-size: 16px; line-height: 1.6; color: #393939; font-weight: 400; margin: 0 0 24px; font-family: 'Montserrat', sans-serif;  }

.site-btn { font-size: 16px; background: #4c89bf; display: inline-block; min-width: 185px; text-align: center; padding: 17px 15px; line-height: 1.1; color: #fff; font-family: 'Avenir 85';font-weight: bold; }
.site-btn:hover, .site-btn:focus { background: #f58220; color: #fff; }

/* Heading common use end here  */

.menu-icon { display: none; cursor: pointer; color: #fff; text-transform: uppercase; text-align: center; font-weight: bold; line-height: 33px; font-size: 22px; padding: 10px 0; }
.menu-icon .menu-box { width: 42px; height: 38px; margin-right: 20px; padding: 5px 0 5px 5px; position: absolute; left: auto; top: 10px; right: 0; }
.menu-icon .menu-box span { width: 100%;height: 4px; margin-bottom: 6px; background: #ffffff; display: block; transition: all 0.5s; -webkit-transition: all 0.5s;}
.menu-icon.active span:nth-child(1) {transform: rotate(45deg) translateY(8px) translateX(6px); -webkit-transform: rotate(45deg) translateY(8px) translateX(6px);}
.menu-icon.active span:nth-child(2) { opacity: 0; }
.menu-icon.active span:nth-child(3) { transform: rotate(-45deg) translateY(-7px) translateX(6px); -webkit-transform: rotate(-45deg) translateY(-7px) translateX(6px); }
.enumenu_ul { list-style: none; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between;  flex-wrap: wrap; margin-left: auto; padding: 11px 25px; }
.enumenu_ul > li { vertical-align: top; padding-bottom: 0; position: relative; }
.enumenu_ul > li svg { display: none; }
.enumenu_ul > li:last-child { margin-right: 0; }
.enumenu_ul li a { font-size: 20px; color: #ffffff; display: block; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; font-weight: 400; padding: 8px 20px; position: relative; line-height: 1; }
.enumenu_ul li.current-menu-item a:after { opacity: 1; width: 100%; transition: all 0.5s ease-in-out; }
.enumenu_ul li.current-menu-item a:before { opacity: 1; width: 100%; transition: all 0.5s ease-in-out; }
.enumenu_ul li a:hover:after { opacity: 1; width: 100%; transition: all 0.5s ease-in-out; }
.enumenu_ul li a:focus:after { opacity: 1; transition: all 0.5s ease-in-out; }
.enumenu_ul li a:hover:before { opacity: 1; width: 100%; transition: all 0.5s ease-in-out; }
.enumenu_ul li a:focus:before { opacity: 1; transition: all 0.5s ease-in-out; }
.enumenu_ul li a:after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; border-bottom: 1px solid #fff; opacity: 0; width: 0%; transition: all 0.5s ease-in-out; }
.enumenu_ul li a:before { content: ''; position: absolute; right: 0; top: 0; border-bottom: 1px solid #fff; opacity: 0; width: 0%; transition: all 0.5s ease-in-out; }

.enumenu_ul > li ul { display: none }
.enumenu_ul ul li { width: 100%; margin: 0; list-style: none; position: relative; padding-bottom: 0; }
.enumenu_ul.desk ul { top: 100%; z-index: 999; list-style: none; left: 0px; background: #fff; position: absolute; min-width: 150px; }
/*Sub menu styles*/
.menu.submenu-ul-level1 li a { background: rgba(31, 26, 107, 0.8); color: #808080; padding-left: 90px; }
.enumenu_ul.desk li:hover > ul { display: block; opacity: 1; }
.enumenu_ul.desk .sb-menu .sb-menu { left: 100%; top: 0; }
.enumenu_ul.desk ul li a { padding: 10px 10px; display: block; color: #003b4a; font-size: 16px; text-align: center }
.enumenu_ul.desk ul li:hover > a { color: #003b4a; }
.enumenu_ul .arrow { position: absolute; right: calc(50% - 70px); top: 9px; width: 22px; height: 22px; background: url(./images/down-arrow.png)no-repeat center; cursor: pointer; z-index: 99; background-size: 12px; border-radius: 50%; transition: all 0.5s ease-in-out; }
.enumenu_ul .arrow.up { transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); }

.main-navigation { background: #4c89bf; margin-top: 54px; }
/*--------------------------------------------------------------
# Main menu 
--------------------------------------------------------------*/
.container { width: 1170px; max-width: 100%; margin: 0 auto; }

/*------header code css start here --------------*/
.headersticky .header-main { position: fixed; top: 0; z-index: 999; right: 0; left: 0; padding-top: 15px; animation: slideDown 0.5s linear 0s; -webkit-animation: slideDown 0.5s linear 0s; -moz-animation: slideDown 0.5s linear 0s; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.headersticky .main-navigation { margin-top: 11px; }
.header-main {  background: #1a5284; text-align: center; padding: 55px 0 0; transition: all 0.5s ease-in-out; }
.header-logo { display: inline-block;margin-bottom: 16px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; font-size: 40px; line-height: 1.2; font-weight: bold; }
.headersticky .header-logo { /*width: 200px;*/ transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; font-size: 30px; }
/*------header code css end here --------------*/

/*------welcome-hair-hunter code css start here --------------*/
.welcome-hair-hunter { background: #fff; padding: 80px 0 0; text-align: center; }
.hair-hunter-news { margin-bottom: 73px; padding: 0 50px;  }
.hair-hunter-news h1 { margin-bottom: 48px; }
.hair-hunter-news p { text-align: left; }
.site-heading { background: #4c89bf; border-left: 5px solid #f58220; color: #fff; text-align: left; padding: 15px 10px 11px 43px; margin-bottom: 34px; margin-left: -50px; margin-right: -50px; }

.meet-our-team { display: flex; -webkit-display: flex;  -ms-display: flex;  -moz-display: flex; margin: 55px 0 -18px 0; flex-wrap: wrap; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; }
.team-members { margin-right: 3.2%; width: 22.6%; margin-bottom: 20px; }
.team-members figure { border: 1px solid #000; margin: 0 0 20px;  background: #f9f9f9; }
.team-members h5 { margin-bottom: 10px; }
.team-members:last-child { margin-right: 0; }
.team-members:nth-child(4n+4) { margin-right: 0; }
.team-members cite { font-size: 14px; font-weight: 400; font-style: normal; font-family: 'Montserrat', sans-serif; }

.our-vision-block { display: flex; flex-wrap: wrap;  margin: 40px 0 0 0; }
.our-vision-content { width: calc(100% - 200px); padding-left: 40px; margin-top: -6px; }
.our-vision-content p { margin-bottom: 15px !important; }
.our-vision-block p { margin-bottom: 0; letter-spacing: -0.1px; }
.our-vision-content ul {  padding-left: 15px; margin-bottom: 12px; }
.our-vision-content ul li { text-align: left;  list-style: none;  position: relative; margin-bottom: 14px; line-height: 1.6; letter-spacing: 0.9px; font-size: 15px; }
.our-vision-content ul li:last-child { margin-bottom: 0; }
.our-vision-content ul li:before { content: ""; height: 4px; width: 4px; background: #393939; border-radius: 50%; position: absolute; left: -15px; top: 11px;}
.our-vision-block figure h5 { margin-top: 20px;  display: block;  }

.subscribe-newsletters { background: #f9f9f9; padding: 80px 0; margin-bottom: 80px; }
.subscribe-our-news { display: flex; flex-wrap: wrap; justify-content: space-between; }
.subscribe-form { width: 50%; background: #ffffff; text-align: center; padding: 66px 50px; box-shadow: 0px 4px 15.6px 4.4px rgba(203, 203, 203, 0.4); }
.subscribe-form h2 { color: #4c89bf; font-weight: 700; margin-bottom: 32px; }
.subscribe-form input[type="submit"] { margin-top: 3px; }
.subscribe-bg { width: 50%; background: #4c89bf; text-align: center; position: relative; padding-top: 32px;}
/* .subscribe-bg figure { position: absolute; left: 50%; top: 33px; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); } */
.subscribe-form .nsu-form label { display: none; }
.subscribe-form .nsu-form p { margin-bottom: 0; }
/*------welcome-hair-hunter code css end here --------------*/

/*------ faq-intestate-sec code css start here --------------*/
.faq-intestate-content .site-heading { margin-bottom: -3px; }
.faq-intestate-content { padding: 0 50px; }
.faq-intestate-content h1 { margin-bottom: 71px; }
.faq-intestate-content p { font-size: 15px; padding-top: 0px; text-align: left; margin-bottom: 13px; }

.search-box { display: flex; position: relative; margin-top: 71px; }
input[type="submit"].search-btn { position: absolute; right: 0; width: 80px !important; height: 58px; background: url(./images/search-icon.png) no-repeat center !important;top: 0px; background-size: 25px !important; font-size: 0; min-width: auto; border: 1px solid transparent; cursor: pointer;  }
input[type="submit"].search-btn:focus { border-color: #4c89bf; cursor: pointer; }
.search-btn input::-webkit-input-placeholder {color: #cccccc;opacity: 1 !important;font-weight: 400;}
.search-btn input::-moz-placeholder {color: #cccccc;opacity: 1 !important;font-weight: 400;}
.search-btn input:-ms-input-placeholder {color: #cccccc;opacity: 1 !important; font-weight: 400;}
.search-btn input:-moz-placeholder {color: #cccccc; opacity: 1 !important; font-weight: 400;}

.accordian-main {  padding-top: 50px; margin: 0 -50px; }
.faq-intestate-content p { margin-top: 41px; }
.faq-intestate-content p a { color: #4c89bf; }
.faq-intestate-content p a:hover { color: #393939; }
.accordian-main .accordian-col:first-child h5  { border-top: none; }
.accordian-col h5 { color: #4c89bf; border-top: 1px solid #dddddd;text-align: left; padding: 15px 80px 15px 50px; position: relative; cursor: pointer;margin-bottom:0;}
.accordian-main .accordian-col:last-child h5 { border-bottom: 1px solid #dddddd; outline: 0; background: #fff; }
.accoradin-title h5:after { content: ""; background: url(./images/down-arrow.png) no-repeat center; height: 15px; width: 20px; position: absolute; right: 37px; top: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); background-size: 18px; transition: all 0.5s ease-in-out; margin-top: -7px; } 
.accoradin-title.active h5:after {  transform: rotate(-180deg); transition: all 0.5s ease-in-out; right: 45px;}
.accordian-content { padding: 0 9.5% 0 6.5%;  text-align: left; display: none; }
.accordian-content p { padding-top: 3px; margin-top: 0 !important;letter-spacing: -0.1px;line-height: 1.75; }
.accordian-col.open .accordian-content { display: block; }

.search-box input[type="text"] { background: #fff; border: 1px solid #4c89bf; font-size: 15px; color: #cccccc; padding: 20px 86px 20px 20px; }
.ui-widget-content { border: 1px solid #4c89bf; padding: 25px; width: 100% !important; background: #fff;  margin-top: -2px; position: absolute !important;  left: 0 !important; top: 59px !important; z-index: 2; text-align: left; }
.ui-widget-content li { list-style: none; margin-bottom: 15px; color: #4c89bf; font-weight: 500;  font-size: 16px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
.ui-widget-content li:hover{ color: #393939; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; cursor: pointer;  background:rgba(13, 112, 65, 0.3); }
.ui-widget-content li.ui-state-focus { color: #393939;  background:rgba(13, 112, 65, 0.3); }
.ui-widget-content li:last-child { margin-bottom: 0;}
.search-box  input::-webkit-input-placeholder {color: #cccccc;opacity: 1 !important;font-weight: 400;}
.search-box  input::-moz-placeholder {color: #cccccc;opacity: 1 !important;font-weight: 400;}
.search-box  input:-ms-input-placeholder {color: #cccccc;opacity: 1 !important; font-weight: 400;}
.search-box  input:-moz-placeholder {color: #cccccc; opacity: 1 !important; font-weight: 400; } 
/*------ faq-intestate-sec code css start here --------------*/

/*------ newslatter-archive code css start here --------------*/
.newslatter-archive { text-align: center; background: #fff; padding: 80px 0;}
.newslatter-archive-block h1 { margin-bottom: 81px; }
.newslatter-archive-block { padding: 0 50px; }
.table { width: 100%; }
.table thead th { vertical-align: bottom; border: 1px solid #393939; background: #f9f9f9; padding: 36px 24px 36px 24px;font-size: 20px; color: #4c89bf;font-weight: 700; line-height: 1.1; }
.table thead tr th:first-child {width: 70%; text-align: left; }
.table thead tr th:nth-child(2) { width: 13%; text-align: center; }
.table thead tr th:nth-child(3) { width: 15%; text-align: center; }

.table tbody tr { border: 1px solid #393939; }
.table tbody tr td { padding: 22px 27px 22px; border-right: 1px solid #393939; font-size: 16px; color: #393939; text-align: left; font-weight: 500 }
.table tbody tr td:nth-child(2) {padding: 22px 15px; text-align: center; }
.table tbody tr td:nth-child(3) {padding: 22px 15px; text-align: center; }
.table tbody tr { padding: .75rem; vertical-align: top; border-top: 1px solid #dee2e6; }
.table tbody tr td a { color: #393939; font-weight: 500; }
.table tbody tr td a:hover{ color: #4c89bf; }

.hire-pagination { margin-top: 40px; display: flex; justify-content: center; align-items: center; }
.page-numbers.current { color: #4c89bf; font-weight: 700; }
.page-numbers { font-size: 16px;  color: #393939; line-height: 18px; font-weight: 500; border-bottom: 1px solid #000; display: inline-block; margin: 0 4px; }
.next.page-numbers { width: 30px; height: 30px; font-size: 0; background: #4c89bf; border-radius: 4px; position: relative; border-bottom-color: #4c89bf; margin-left: 20px; margin-right:0; }
.next.page-numbers:hover { background: #dddddd; border-bottom-color: #dddddd; }
.next.page-numbers:after { content: ""; position: absolute; background: url(./images/right-arrow.png) no-repeat center; background-size: 8px; height: 12px; width: 8px; top: 9px; right: 10px; }
.prev.page-numbers { width: 30px; height: 30px; font-size: 0; background: #dddddd; border-radius: 4px; position: relative; border-bottom-color: #dddddd;  margin-right: 20px; margin-left:0;}
.prev.page-numbers:hover { background: #4c89bf; border-bottom-color: #4c89bf; }
.prev.page-numbers:after { content: ""; position: absolute; background: url(./images/left-arrow.png) no-repeat center; background-size: 8px; height: 12px; width: 8px; top: 9px; left: 10px; }

/*------ newslatter-archive code css end here --------------*/

/*------ contact-us-sec code css start here --------------*/
.generic-sec { text-align: center; padding: 80px 0 64px; background: #fff; }
.contact-us-wrap { padding: 0 50px; text-align: left; }
.contact-us-wrap h1 { text-align: center; margin-bottom: 80px; }
.contact-form-map { display: flex; flex-wrap: wrap; -webkit-display: flex; -webkit-flex-wrap: wrap;  margin-bottom: 75px; margin-top: 41px; }
.contact-form { width: 50%; background: #ffffff; padding: 40px 27px; box-shadow: 0px 4px 15.6px 4.4px rgba(203, 203, 203, 0.4); }
.contact-map { width: 50%; position: relative;}
.contact-map iframe { position: absolute; left: 0; right: 0; width: 100%; height: 100%; }
.contact-us-wrap p strong a { color: #4c89bf; text-decoration: none; }

.contact-us-wrap .site-btn { margin: 35px auto 0; display: table; }
.contact-us-wrap p a { text-decoration: underline; }
.contact-us-wrap p a:hover { text-decoration: none; }
.contact-us-wrap label { font-size: 16px; color: #4c89bf; font-weight: 400; font-family: 'Montserrat', sans-serif; position: absolute; left: 25px; top: 18px; z-index: 2; pointer-events: none; line-height: 16px; }
.contact-us-wrap label.has-value { opacity: 0; visibility: hidden; }
.contact-us-wrap label i { color: #f80723; font-size: 20px; font-family: 'Montserrat', sans-serif; font-weight: 500; display: inline-block; margin-left: -2px; }
.contact-form ul li { list-style: none; position: relative; }
.contact-form span.wpcf7-not-valid-tip { color: #f00; font-size: 14px; font-weight: normal; display: block; position: relative; margin-bottom: 7px; margin-top: -6px;}
.contact-form div.wpcf7-validation-errors, .contact-form  div.wpcf7-acceptance-missing { display: none !important; }
.contact-form ul li .wpcf7-form-control-wrap.mathcaptcha-853 { display: flex; flex-wrap: wrap; align-items: center; margin-top: -4px; margin-bottom: 2px; }
.contact-form ul li .wpcf7-form-control-wrap.mathcaptcha-853 input { margin-left: auto; width: 71%; }
.contact-form ul li .wpcf7-form-control-wrap.mathcaptcha-853 .math-cal { margin-top: -13px; font-weight: 500; color: #4c89bf; letter-spacing: 1.4px; padding-left: 26px; }
.contact-form ul li .wpcf7-form-control-wrap.mathcaptcha-853 .math-cal i { color: #f80723; font-size: 20px; font-family: 'Montserrat', sans-serif; font-weight: 500; display: inline-block; margin-left: -2px; }
.contact-form div.wpcf7-mail-sent-ng, .contact-form div.wpcf7-aborted { border: none; color: red; margin-top: 0; padding: 0; text-align: center; line-height: 1.4; font-size: 14px; margin: 0;letter-spacing: -0.4px; }
.contact-form div.wpcf7-mail-sent-ok { border: none; margin-top: 0; text-align: center; color: #4c89bf; font-size: 14px; padding: 0; line-height: 1.4; margin: 0;
letter-spacing: -0.4px; }
/*------ contact-us-sec code css end here --------------*/

/*------ atest-newslatter code css start here --------------*/
.latest-newslatter { text-align: center; padding: 80px 0 36px; background: #fff; }
.latest-newslatter h1 {margin-bottom: 44px; }
.latest-newslatter p { text-align: left;  color: #393939; }
.latest-newslatter-block {  padding: 0 48px; }

.sbHolder { text-align: left; background-color: transparent; border: none; font-size: 16px; font-weight: 400; position: relative; padding: 18px 27px 18px; outline: 0; border: 1px solid #4c89bf; transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; margin-top: 75px; }
.sbSelector { outline: 0; font-weight: 500; }
.sbSelector a { color: #4c89bf; }
.sbToggle { right: 15px;  position: absolute;  top: 50%;  transform: translateY(-50%);  -moz-transform: translateY(-50%);  -ms-transform: translateY(-50%);  -webkit-transform: translateY(-50%);  background: url(./images/down-arrow.png) no-repeat center;height: 15px; background-size: 15px; width: 20px; transition: all 0.5s ease-in-out; outline: 0; cursor: pointer; }
.sbOptions li { width: 25% !important; list-style: none; margin-bottom: 20px; display: inline-block; }
.sbOptions li a:hover { color: #4c89bf; }
.sbOptions { background-color: #fff; border: solid 1px #4c89bf; list-style: none; left: -1px; margin: 0; padding: 0; position: absolute; width: 100.2% !important; z-index: 100; overflow-y: auto; top: 49px !important; text-align: left; padding: 35px 25px; height: 565px; }
.mCSB_scrollTools .mCSB_draggerRail { background: #4c89bf !important; }
.sbOptions .mCS-light { width: 100%; }
.sbOptions .mCS-light .mCS_no_scrollbar { width: 100%; display: flex; flex-wrap: wrap; }
.sbOptions .mCSB_container { display: flex;  flex-wrap: wrap; }

.latest-newslatter-list { display: flex;  -webkit-display: flex; -ms-display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; margin-top: 40px; }
.newslatter-list--child { width: 22.9%; margin-right: 2.7%; margin-bottom: 37px; }
.newslatter-list--child h6 { margin-bottom: 0; line-height: 1.4; font-family: 'Montserrat', sans-serif; }
.newslatter-list--child h6 a { color: #393939; display: block; font-weight: 500; text-align: left; letter-spacing: 0px; font-family: 'Montserrat', sans-serif; }
.newslatter-list--child h6:hover a { color: #4c89bf; }
.newslatter-list--child:hover h6 a { color: #4c89bf; }
.newslatter-list--child:hover .newslatter-list-bg:after { visibility: visible; transition: all 0.5s ease-in-out; transform: scale(1); }
.newslatter-list--child:hover .eye-icon { opacity: 1; visibility: visible; transition: all 0.5s ease-in-out;}
.newslatter-list--child:nth-child(4n+4) { margin-right: 0; }
.newslatter-list--child:last-child { margin-right: 0; }
.newslatter-list-bg { width: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; padding-bottom: 100%; display: block; margin-bottom: 14px; background: rgba(0,0,0,0.1); position: relative; text-align: center; }
.newslatter-list-bg:after { content: ""; position: absolute; left: 0; right: 0; width: 100%; height: 100%; background: #4c89bf; opacity: 0.78; visibility: hidden; transition: all 0.5s ease-in-out; transform: scale(0); } 
.newslatter-list-bg:hover:after { visibility: visible; transition: all 0.5s ease-in-out; transform: scale(1);  }
.newslatter-list-bg:hover .eye-icon { opacity: 1; visibility: visible; transition: all 0.5s ease-in-out;}
.eye-icon { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); margin: 0 auto; opacity: 0; visibility: visible; transition: all 0.5s ease-in-out; z-index: 1; }

.month-year-parent { position: relative; }
.month-year-select { text-align: left; background-color: transparent; border: none; font-weight: 500; font-size: 16px; color: #4c89bf !important; position: relative; padding: 18px 27px 18px; outline: 0; border: 1px solid #4c89bf; transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; display: block; }
.month-year-select:after { content: ""; right: 15px; position: absolute; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); background: url(./images/down-arrow.png) no-repeat center; height: 15px; background-size: 15px; width: 20px; transition: all 0.5s ease-in-out; outline: 0; cursor: pointer; }
.month-year-select.open:after {  transform: rotate(180deg); transform-origin: center;  margin-top: -8px; }
.drop-box-parent { display: none; position: absolute; left: 0; right: 0;  top: 57px;  width: 100%; background: #fff; z-index: 2; }
.drop-box-wrap { border: solid 1px #4c89bf; padding: 35px 27px; margin-top: -1px; text-align: left; overflow-x: auto;  white-space: nowrap; display: block; }
ul.year-box {  width: 24.7%; list-style: none; text-align: left; display: inline-block;  vertical-align: top; }
ul.year-box li { margin-bottom: 15px; font-size: 16px; font-weight: 500;font-family: 'Montserrat', sans-serif; color: #393939; }
ul.year-box li a.active { color: #4c89bf; }
ul.year-box li a:hover { color: #4c89bf; }

.newslatter-list--child.not-found { width: 100% !important; margin-bottom: 10px; }
.newslatter-list--child.not-found h6 { color: #4c89bf;  }
/*------ letest-newslatter code css end here --------------*/

/*------ newslatter-months code css end here --------------*/
.newslatter-months { background: #fff; padding: 80px 0 55px; position: relative; }
.newslatter-months-content { padding: 0 50px; }
.newslatter-months-content {min-height: 475px;}
.newslatter-months-content h5 { color: #4c89bf; }
.newslatter-months-content .site-heading  { margin-top: 73px; }
.newslatter-months-content p { margin-bottom: 21px; }
.newslatter-months-content p  a { text-decoration: underline; color: #1e29fa; }
.newslatter-months-content p  a.a-normal { text-decoration: none; color: #393939; }
.newslatter-months-content p  a:hover { color: #393939; } 
.newslatter-months-content h1 { text-align: center; margin-bottom: 81px; }
.newslatter-months-content h4 { position: relative; margin-bottom: 20px; font-family: 'Avenir 85'; font-weight: bold; }
.newslatter-months-content h6 { color: #393939; font-weight:700;}
.newslatter-months-content h4:after { content: ""; height: 8px; width: 8px; background: #4c89bf; position: absolute; left: -20px; top: 9px; }
.protectio-principles { display: flex; flex-wrap: wrap; padding-top: 35px; padding-bottom: 35px; } 
.protectio--child { width: 15.466667%; text-align: center; margin-right: 1.3%; }
.protectio--child:last-child { margin-right: 0; }
.protectio--child figure { background: #fff; text-align: center;box-shadow: 0px 4px 15.6px 4.4px rgba(203, 203, 203, 0.4); padding: 34px 0; margin-bottom: 24px; }
.protectio--child h6 { font-size: 14px; color: #393939; font-family: 'Montserrat', sans-serif; font-weight: 500;line-height: 1.5;padding: 0 10px; }
.newslatter-months-content ul { padding-left: 20px; }
.newslatter-months-content ul li { margin-bottom: 15px; }
.will-register-content ul { padding-left: 20px; }
.will-register-content ul li { margin-bottom: 15px; }
.will-register-content figure { margin: 0 0 25px; }

.reforming-on-wills { background: #f9f9f9; padding: 80px 0 55px; }
.reforming-wills-content { padding: 0 50px; }
.electronic-wills-wrap { display: flex; flex-wrap: wrap; justify-content: space-between; }
.wills-dtl { width: 60%; }
.wills-images { width: 35%; }
.electronic-wills-wrap h4 { color: #222222; position: relative; margin-bottom: 20px; }
.electronic-wills-wrap h4:after { content: ""; height: 8px; width: 8px;background: #4c89bf; position: absolute;left: -20px; top: 9px;}
.reforming-wills-content h4 { color: #222222; position: relative; margin-bottom: 20px; }
.reforming-wills-content h4:after { content: ""; height: 8px; width: 8px;background: #4c89bf; position: absolute;left: -20px; top: 9px;}
.reforming-wills-content p a { color: #1e29fa; text-decoration: underline; }
.reforming-wills-content p a:hover { color: #393939; }
.will-register-content p a { color: #1e29fa; text-decoration: underline; }
.will-register-content p a:hover { color: #393939; }

.credit-debit-surcharge { background: #fff; padding: 80px 0 55px;}
.credit-debit-card { padding: 0 50px; }
.credit-debit-wrap { display: flex; flex-wrap: wrap; justify-content: space-between; }
.credit-debit-dtl { width: 65%; }
.credit-debit-image { width: 30%; text-align: right; }

.will-register-sec { padding: 75px 0 55px; background: #fff; }
.will-register-content { padding: 0 50px; }
.will-register-content h5 { font-size: 20px; color: #4c89bf; font-family: 'Avenir Next'; }

.documents-legalise-parent { display: flex; flex-wrap: wrap; margin-bottom: 25px; }
.documents--child { width: 23.8%; margin-right: 1.5%; text-align: center; }
.documents--child figure { background: #fff; padding: 15px 0; margin-bottom: 25px; box-shadow: 0px 4px 15.6px 4.4px rgba(203, 203, 203, 0.4); text-align: center; min-height: 210px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.documents--child:last-child { margin-right: 0; }
.documents--child h6 { font-family: 'Montserrat', sans-serif; font-weight: 500; color: #393939; line-height: 1.6; padding: 0 15px; }

.sidebar-block .responsive-link { display: none; }
.sidebar-block { background:#fff; box-shadow: 0px 4px 15.6px 4.4px rgba(203, 203, 203, 0.4); padding: 45px 40px; width: 18%; position: absolute; right: 0; top: 152px;}
.sidebar-block h2 { font-weight: 700; color: #4c89bf; font-family: 'Avenir 85'; }
.sidebar-block ul { padding-left: 20px; }
.sidebar-block ul li { margin-bottom: 20px; }
.sidebar-block ul li a { color: #999999; font-size: 18px; line-height: 1; }
.sidebar-block ul li a:hover, .sidebar-block ul li a:focus { color: #4c89bf; }
.sidebar-block ul li:last-child { margin-bottom: 0; } 
.sidebar-block ul li.active a { color: #4c89bf; } 
.sidebar-block.sticky { position: fixed; right: 0; top: 172px; z-index: 222; }

.need-your-know { border: 1px solid #393939; margin-bottom: 30px;     padding-left: 0 !important; }
.need-your-know li { list-style: none; }
.need-your-know .full { border-bottom: 1px solid #393939; padding: 30px 25px; margin-bottom: 0; }
.need-your-know h5 { margin-bottom: 30px; font-size: 20px; color: #393939; font-family: 'Avenir Next'; }
.need-your-know h2 { color:#4c89bf; font-weight: bold; font-family: 'Avenir 85'; text-align: center; margin-bottom: 0; }
.need-your-know h5:last-child { margin-bottom: 0; }
.need-your-know .full p { margin-bottom: 28px; }
.need-your-know .half { display: flex;  flex-wrap: wrap; border-bottom: 1px solid #393939; justify-content: space-between; align-items: center;     margin-bottom: 0; }
.need-your-know .half .left-block { width: 75%; position: relative; padding: 25px 25px; }
.need-your-know .half .left-block br { display: none; }
.need-your-know .half .left-block::after { content: ""; position: absolute; right: 0; top: 0; bottom: 0; height: 100%; border-right: 1px solid #393939; }
.need-your-know .half p { margin-bottom: 0; }
.right-block { width: 25%; text-align: center; padding: 25px 25px; }
.need-your-know .half:last-child { border-bottom: none; }
/*------ newslatter-months code css end here --------------*/

/*------ footer-main code css start here --------------*/
.footer-main { background: #4c89bf; padding: 60px 0; text-align: center; }
.social-media {  display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; justify-content: center; padding-bottom: 26px; display: none; }
.social-media li { list-style: none; margin: 0 7px; }
.social-media li:first-of-type { margin-left: 0; }
.social-media li:last-of-type { margin-right: 0; }
.social-media li a { font-size: 22px;  display: inline-block; width: 38px; height: 38px; border: 1px solid #fff; border-radius: 50%;line-height: 37px; text-align: center; color: #fff; }
.social-media li a:hover {color: #f58220;  border-color: #f58220; }
.footer-content { max-width: 995px;  margin: 0 auto; }
.footer-menu { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; margin: 0 auto; padding-bottom: 22px; }
.footer-menu li { list-style: none; margin-right: 6.1%; }
.footer-menu li:last-child { margin-right: 0; }
.footer-menu li a { color: #fff; font-size: 16px;font-weight: 400; }
.footer-menu li a:hover { color: #f58220; }
.footer-content p { color: #fff; }
.footer-content h6 { color: #fff; font-size: 15px; }
.footer-content p {  font-size: 10px; line-height: 1.7; text-align: justify; }
/*------ footer-main code css start here --------------*/
.error-404.not-found { text-align: center;}
.error-404.not-found h1 { font-size: 12vw; color: #ffffff; line-height: normal; font-weight: 700; }
.error-404.not-found h3 { color: #4c89bf; }
header.page-header {text-align: center; padding-top: 35px; }
h2.entry-title a { color: #4c89bf; }
header.entry-header { text-align: center; margin-bottom: 35px; }
.has-post-thumbnail {width: 100%; text-align: center; display: inline-block; margin-bottom: 25px;  }

@media (max-width:1860px) { 
    .newslatter-months-content { width: 90%; }
}
@media (max-width:1600px) { 
    .newslatter-months-content { width: 85%; }
}
@media (max-width:1365px) { 
    .newslatter-months-content { width: 80%; }
}
    
@media (max-width:1200px) { 
    .container { max-width: 100%; width: 100%; padding: 0 15px; }

    .main-navigation { margin-top: 25px; }
    .header-main { padding-top: 25px; }
    /*.header-logo { width: 280px; }*/

    .site-heading { margin-left: -25px;  margin-right: -25px; }
    .faq-intestate-content { padding: 0; }
    .faq-intestate-content p { font-size: 15px;  padding-top: 0; }
    .contact-us-wrap { padding: 0 25px; }
    .accordian-content {  padding: 0 6.5% 0 3.5%; }
    .latest-newslatter-block { padding: 0; }
    .newslatter-archive-block { padding: 0 25px; }
    .newslatter-months-content { padding: 0 25px; width: 79.2%; }
    .reforming-wills-content { padding: 0 25px; }
    .credit-debit-card {  padding: 0 25px; }
    .will-register-content {  padding: 0 25px; }
    .faq-intestate-content { padding: 0 25px; }
    .accordian-main { margin: 0; }
    .accordian-col h5 { padding: 15px 80px 15px 25px; }
    .hair-hunter-news { padding: 0 25px; }
    .enumenu_ul { padding: 10px 20px; }
    .enumenu_ul li a { font-size: 18px; }
    .subscribe-form { padding: 40px 25px; }
    .sidebar-block { width: 20%; top: 80px; padding: 25px 20px; }
    .sidebar-block ul li { margin-bottom: 15px; }
    .sidebar-block ul li a { font-size: 16px; }
    .newslatter-months-content .site-heading {  margin-top: 0;  }
    .footer-menu li { margin-right: 3%; }
}

@media (max-width:1024px) {
    * {-webkit-appearance: none;border-radius: 0px;-webkit-border-radius: 0px;box-shadow: none;-webkit-box-shadow: none;-ms-box-shadow: none;-moz-box-shadow: none; }
    
}    

@media (max-width:991px) {
    h1 { font-size: 42px; }
    h2 {font-size: 28px; }
    h3 {font-size: 24px; }
    
    .faq-intestate-sec { padding: 60px 0; }
    .faq-intestate-content h1 { margin-bottom: 35px; }
    .site-heading { padding: 13px 10px 12px 30px; }
    .search-box { margin-top: 45px; }
    .accordian-main { padding-top: 35px; }
    .enumenu_ul { padding: 10px 0; }
    .enumenu_ul li a { font-size: 14px; padding: 8px 8px; }

    .welcome-hair-hunter { padding: 60px 0 0;}
    .generic-sec { padding: 60px 0; }
    .hair-hunter-news h1 { margin-bottom: 35px; }
    .hair-hunter-news { margin-bottom: 45px; }   
    
    .latest-newslatter-list { justify-content: space-between; }
    .subscribe-newsletters { padding: 60px 0; margin-bottom: 60px; }
    .newslatter-list--child { width: 48.5%; margin-bottom: 35px; }
    .newslatter-list--child:nth-child(2n+2) { margin-right: 0; }
    .contact-form ul li .wpcf7-form-control-wrap.mathcaptcha-853 .math-cal { padding-left: 10px; }
    .contact-form { padding: 30px 20px; }
    
    .subscribe-form { padding: 35px 20px; }
    .subscribe-bg { overflow: hidden; }
    .subscribe-bg figure { bottom: 0; top: auto; }
    .latest-newslatter { padding: 60px 0 35px; }
    .sbHolder { margin-top: 45px; }
    .sbOptions { width: 100.5% !important; }

    .newslatter-archive { padding: 60px 0;}
    .table tbody tr td:nth-child(2) { min-width: 160px;  }

    .reforming-on-wills { padding: 60px 0 35px; }
    .will-register-sec { padding: 55px 0 35px; }
    .newslatter-months-content h1 {  margin-bottom: 45px; }
    .credit-debit-surcharge { padding: 60px 0 45px; }
    .newslatter-months { padding: 0 0 45px; }
    .sidebar-block { padding: 35px 20px; }
    ul.year-box { width: 250px; }
    .accoradin-title h5:after { right: 10px;}
    .accoradin-title.active h5:after { right: 15px;}
    .accordian-col h5 {  padding: 15px 60px 15px 25px; }
    .accordian-col h5 br { display: none }
    .newslatter-months-content .site-heading { margin-top: 0; }
    .sidebar-block {  width: 96.9%; margin: 0 auto; top: auto; margin-bottom: 25px; position: relative; }
    .sidebar-block.sticky { position: relative;  right: 0; top: auto; }
    .newslatter-months-content { width: 100%; }
    .sidebar-block h2 { display: none; }
    .sidebar-block.sticky { position: fixed; right: auto; top: 166px;  z-index: 999; background: #fff; }
    .sidebar-block .responsive-link {  display: block; color:#4c89bf;position: relative; top: auto; padding: 15px 0; border-bottom: 1px solid #4c89bf;  font-weight: 500;}
    .sidebar-block ul { display: none; position: absolute!important; background: #fff; left: 0; right: 0; padding: 20px 15px; max-width: 100%; width:   100%;margin: 0 auto;padding-left: 35px; }
    .sidebar-block { width: 100%; position: relative; top: auto; padding-top: 0; padding-bottom: 0; background: transparent; box-shadow: none; padding:     0 15px; margin-bottom: 30px; }
    .responsive-link:after { position: absolute; right: 0; top: 50%; background-image: url(./images/down-arrow.png); background-position: center center; background-repeat: no-repeat; opacity: 1; content: ""; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); height: 15px; background-size: 15px; width: 20px; }
    .month-year-select { padding: 15px 40px 15px 15px; font-size: 15px; }
    .need-your-know h5 { font-size: 18px; }
    .need-your-know .half .left-block { width: 70%; }
    .right-block { width: 30%; }
    .documents--child h6 { font-size: 16px; padding: 0; }
    .drop-box-parent { top: 51px; }
    .drop-box-wrap { white-space: normal; overflow: inherit; height: 350px;  }
    .mCSB_outside + .mCSB_scrollTools {right: 10px !important; }
    .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {  bottom: 0 !important; } 
    .mCSB_container { width: 900px !important; white-space: nowrap;  }
    .newslatter-months-content { min-height: 585px; }    
    
    .footer-menu li {  margin-right: 2%; }
    .footer-menu li a { font-size: 15px; }
}


@media (max-width:767px) {
    
    h1 { font-size: 36px; }
    h1 span { letter-spacing: -0.9px; }
    h2 { font-size: 30px; }
    h3 { font-size: 24px; line-height: 1; }
    h4 { font-size: 22px; }
    h5 { font-size: 20px; }
    p { font-size: 15px; line-height: 1.5; margin: 0 0 20px; }      
    
.menu-icon .menu-box { margin-right: 15px; }    
.menu-open .menu-icon .menu-box { z-index: 999; }
.menu-open .menu-icon .menu-box span { background: #fff; }
.menu-open .site-logo { z-index: 99; }
.site-logo { position: absolute; left: 0; right: 0; margin: 0 auto; bottom: -12px; text-align: center; width: 200px; }
.site-logo img { width: 195px;margin: 0 auto; }
.menu-open .mobile-logo.site-logo { display: block; }
.menu-open .site-logo { display: none; }
.mobile-li .header-social-media { display: flex; justify-content: center; padding-top: 30px; }
.mobile-li .header-social-media li { padding: 0 15px; width: auto; }
.mobile-li .header-social-media li a {font-size: 26px; padding: 0; }
.mobile-li .header-social-media li a:hover { color: #0098a7; }
    
.header-main { padding: 15px 0; clear: both; display: table; width: 100%; position: fixed; left: 0; right: 0; top: 0; z-index: 99; height: 78px; }
.blank-div { margin-top: 80px; }
.headersticky .header-main { position: fixed; top: 0; z-index: 999; right: 0; left: 0; animation: none; -webkit-animation: none; -moz-animation: none; -webkit-animation-duration: none; animation-duration: none; -webkit-animation-fill-mode: none; animation-fill-mode:none;}
.header-main h6 { display: none; }
.headersticky .main-navigation { margin-top: 0; }
.header-main .container { clear: both; display: table; }
.header-logo { /*width: 200px;*/ margin-bottom: 0; float: left; font-size: 22px; padding-top: 12px }
.headersticky .header-logo { font-size: 22px; }
.main-navigation { margin-top: 0; }
.menu-icon .menu-box { top: 1px; }
.enumenu_ul { display: none; position: fixed; left: 0; right: 0; top: 0px; z-index: 9; background: #4c89bf; height: 100vh; flex-direction: column; align-items: center; justify-content: center; flex-wrap: wrap; padding: 130px 0; z-index: 99;}
.enumenu_ul li.current-menu-item a:before { display: none; }
.enumenu_ul li.current-menu-item a:after { display: none; }
.enumenu_ul li a:before, .enumenu_ul li a:after { display: none; }
.menu-open .header-logo { position: relative; z-index: 999; }
.sticky-header .enumenu_ul { top: 0; }
.enumenu_ul li a { font-size: 20px; color: #fff; }
.enumenu_ul li a:after { border-color: #fff; }
.menu-block { height: auto; }
.menu-icon {  display: block; padding: 0; position: absolute; right: 0; top: 22px; }
.services-detail a.pba-detail { border-bottom: 2px solid #d3d9da; }
.enumenu_ul > li { width: 100%; margin: 0px; padding: 0px; }
.enumenu_ul > li > a { display: block; text-align: center; padding: 10px }
.enumenu_ul { width: 100%; }
.enumenu_ul > li ul { background: #043b49; }
.enumenu_ul > li ul a { text-align: center; display: block; text-align: center; color: #000; padding: 12px 0 2px; }
.enumenu_ul ul li a { color: #fff; }
.enumenu_ul li a:hover:after { display: none; }

.enumenu_ul > li > a:hover, .enumenu_ul > li > a:focus { color: #f58220; }
.enumenu_ul li.current-menu-item a { color: #f58220; }
.enumenu_ul li.current-menu-item a:after { display: none; }
.headersticky .blank-div {height: 80px; }
/* Push Menu */


ol li, ul li { font-size: 15px; }
.contact-us-sec { padding: 40px 0; }
.contact-us-wrap h1 { margin-bottom: 25px; }
.contact-us-wrap { padding: 0; }
.contact-form-map { margin-bottom: 35px; }
.site-heading {margin-left: 0; margin-right: 0; padding: 12px 10px 12px 20px; }
.contact-form { width: 100%; padding: 25px 15px; }    
.contact-map { width: 100%; padding-bottom: 85%; }    

.faq-intestate-sec { padding: 35px 0 15px; }
.faq-intestate-content p, .faq-intestate-content .search-box {padding:0; }
.accordian-col h5 { padding: 15px 40px 15px 0; margin-bottom: 0; outline: 0; background: #fff !important; }
.accoradin-title h5:after { right: 0;}
.accoradin-title.active h5:after { transform: rotate(-180deg); -webkit-transform: rotate(-180deg); right: 10px; }
.ui-widget-content { padding: 20px; }
.ui-widget-content li { font-size: 15px; }
.faq-intestate-content p { margin-top: 25px; }
.accordian-main { padding-top: 25px; }
.accordian-content { padding: 0 15px; }

.hair-hunter-news h1 { margin-bottom: 25px; }
.welcome-hair-hunter {padding: 35px 0 15px; }
.hair-hunter-news { margin-bottom: 30px; padding: 0; }
.team-members { width: 48%; margin-bottom: 30px; }
.team-members:nth-child(2n+2) { margin-right: 0; }
.team-members figure { background: #fff; margin-bottom: 15px; }
.team-members:first-child figure { background: #f9f9f9; }
.our-vision-content {width: 100%; padding-left: 0; padding-top: 15px; }
.our-vision-content p {margin-bottom: 15px !important; }
.our-vision-block figure {  margin: 0 auto; }
.our-vision-content ul li { margin-bottom: 15px; }
.newslatter-list--child { margin-bottom: 25px; }

.subscribe-form { width: 100%; padding: 25px 15px;}
.subscribe-bg figure { position: relative; }
.subscribe-bg { width: 100%; padding: 30px 0 0px 0; }
.latest-newslatter-block {padding: 0; }
.sbHolder { margin-top: 30px; }
.latest-newslatter h1 { margin-bottom: 25px; }
.subscribe-newsletters { padding: 35px 0;margin-bottom: 35px; }
input[type="text"], input[type="email"], input[type="search"], input[type="tel"], input[type="number"], input[type="password"], input[type="url"], input[type="date"], select, textarea { font-size: 15px; padding: 14px 24px 14px; }
form button, input[type="button"], input[type="submit"] { font-size: 15px; padding: 16px 18px 16px; }
.sbHolder { font-size: 15px; padding: 15px 20px 15px; }
.latest-newslatter {  padding: 35px 0 25px; }
.faq-intestate-content h1 {  margin-bottom: 25px; }

.search-box {  margin-top: 25px; }
.faq-intestate-content p { margin-bottom: 20px; }
.search-btn { right: 0; height: 58px; }
.sbOptions li { width: 48% !important; }

.newslatter-archive { padding: 35px 0;}
.newslatter-archive-block { padding: 0; }
.newslatter-archive-block h1 { margin-bottom: 25px; }

.footer-main { padding: 35px 0 25px; }
.footer-menu li { margin-bottom: 10px; margin-right: 10px; display: inline-block; }
.footer-menu li:last-child { margin-right: 0; }
.footer-menu { display: block; }
.social-media { padding-bottom: 20px; }

.table thead th { padding: 25px 24px; font-size: 16px; }
.table tbody tr td { padding: 15px 15px; font-size: 15px; }

.newslatter-months { padding: 0 0 25px; }
.wills-dtl {width: 100%; } 
.wills-images { width: 100%; }
.credit-debit-dtl { width: 100%; }
.credit-debit-image { width: 100%; }
.credit-debit-image { width: 100%; text-align: left; }
.will-register-sec { padding: 25px 0 25px; }
.protectio--child { width: 32%; margin-bottom: 15px; }
.protectio--child:nth-child(3n+3) { margin-right: 0; }
.newslatter-months-content .site-heading { margin-top: 30px; }
.newslatter-months-content h1 {  margin-bottom: 30px; }
.newslatter-months-content { padding: 0; }
.newslatter-months-content h4:after { left: 0; }
.protectio-principles { padding-bottom: 0; }
.reforming-wills-content { padding: 0; }
.reforming-wills-content h4 { padding-left: 20px; }
.reforming-wills-content h4:after { left: 0px; }
.reforming-on-wills { padding: 35px 0 20px; }
.credit-debit-card { padding:0; }
.will-register-content { padding:0; }
.documents--child { width: 48%; margin-bottom: 15px; }
.documents--child figure { margin-bottom: 20px; }
.documents--child:nth-child(2n+2) { margin-right: 0; }
.newslatter-months-content p {  margin-bottom: 20px; }
.subscribe-form h2 { margin-bottom: 20px; }
.generic-sec { padding: 35px 0; }
.team-members h5 { margin-bottom: 5px; }

.newslatter-months-content h4 { padding-left: 25px; }


.drop-box-parent { top: 51px; }
ul.year-box { width: 24%; }
.drop-box-wrap { padding: 20px 15px; }
ul.year-box li { margin-bottom: 10px; font-size: 15px; }
.ui-widget-content { top: 49px !important; }
.faq-intestate-content { padding: 0; } 
.search-box input[type="text"] { padding: 15px 86px 15px 20px; line-height: 1.4; }
input[type="submit"].search-btn { height: 54px; }
.latest-newslatter-list { margin-top: 30px; }
.error-404.not-found { text-align: center; padding: 85px 0; }
.sidebar-block ul li { margin-bottom: 15px; }
.sidebar-block ul li a { font-size: 16px; }
.newslatter-months-content p { margin-bottom: 15px; }
.sidebar-block.sticky { top: 80px; z-index: 99; }
.need-your-know h5 { margin-bottom: 15px; }
.need-your-know .full p { margin-bottom: 15px; }
.need-your-know .full { padding: 15px 25px;  }
.need-your-know .half .left-block { padding: 15px 20px; }
.right-block { padding: 15px 20px; }
.need-your-know h5 { font-size: 15px; }
.headersticky .newslatter-months { padding-top: 90px; }
.footer-menu li a { font-size: 16px; }
    
}

@media (max-width:640px) {  
    .protectio--child { width: 48%; }
    .protectio--child:nth-child(2n+2) { margin-right: 0; }
    .protectio--child:nth-child(3n+3) {margin-right: 1.3%; }
    .contact-us-wrap p a { word-break: break-word; }
    .footer-content h6 { line-height: 1.3; }
    .contact-form ul li .wpcf7-form-control-wrap.mathcaptcha-853 .math-cal { padding-left: 0; }
    .latest-archives-listing { overflow-x: scroll; }
}  


@media (max-width:480px) { 
    h1 { font-size: 32px; }
    h2 { font-size: 24px; }
    h3 { font-size: 22px; line-height: 1; }

    .team-members  h5 { line-height: 1;}
    .team-members { width: 100%; margin-right: 0; }
    .newslatter-list-bg { padding-bottom: 65%; }
    .newslatter-list--child:last-child { margin-bottom: 0; }
    .newslatter-list--child { width: 100%; margin-right: 0; }
    .documents--child { width: 100%; margin-right: 0; }
    .protectio--child { width: 100%; margin-right: 0; }
    .protectio--child figure { margin-bottom: 15px; padding: 25px 0; }
    .protectio--child:nth-child(3n+3) { margin-right: 0; }
    .contact-map { padding-bottom: 100%; }
    ul.year-box { width: 24%; }
    .need-your-know h5 { font-size: 13px; }
    .right-block { padding: 7px 10px; }    
    .need-your-know .half .left-block {  width: 65%; }
    .right-block {  width: 35%; }
    .mCSB_container { width: 640px !important; }
}
@media (max-width:360px) { 
    .sbOptions { width: 100.5% !important; padding: 25px 20px; }
    .sbOptions li { width: 100% !important; }    
    .sbOptions { height: 515px; }
    ul.year-box li { font-size: 14px; }
    ul.year-box { width: 20%; }
    .mCSB_container {  width: 690px !important;  }
}

@media (max-height:376px) { 
    .sidebar-menu { height: 200px; overflow-y: auto; }
}
@media (max-height:360px) { 
    .enumenu_ul { padding: 100px 0; }
}

div#rightArrow {
    height: 20px;
    width: 20px;
    background: #000;
}
div#leftArrow {
    height: 20px;
    width: 20px;
    background: #000;
}