@import url('https://fonts.googleapis.com/css2?family=Montserrat+Alternates:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
/*
Theme Name: Be Heard
Author: Be Heard
Tags: responsive, fixed width
*/

/*
font-family: "Poppins", serif;
font-family: 'Open Sans';
font-family: 'Gotham';
*/

* { margin: 0px; padding: 0px; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:none; box-sizing: border-box; -webkit-box-sizing: border-box; }
html, body { width: 100%; font-size: 16px; line-height: 1.4; color: #000; font-family: "Montserrat", sans-serif; font-weight: 400; background: #fff; }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; }

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display: block; }
.container { padding: 0 15px; margin: 0 auto; max-width: 1140px; position: relative; }

input[type=checkbox]{ -webkit-appearance: checkbox; margin: 0px 0 0 0px; display: inline-block; vertical-align: top;}
button, input, textarea, select { -webkit-appearance: none; -webkit-border-radius: 0px; }


[href^="tel"] { cursor: text; }
[href^="tel"]:hover { text-decoration:none !important; }

textarea::input-placeholder,input::input-placeholder { opacity: 1; } 
textarea::-moz-placeholder,input::-moz-placeholder{ opacity: 1; } 
textarea:-ms-input-placeholder,input:-ms-input-placeholder{ opacity: 1; }
textarea::-webkit-input-placeholder,input::-webkit-input-placeholder { opacity:100; }  

.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }

input, textarea { font-weight: 400; transition: all 0.3s; -webkit-transition: all 0.3s; font-family: 'Gotham'; border-radius:0px !important; -webkit-border-radius:0px  !important; -ms-border-radius:0px  !important; }
input[type="text"]:focus,
input[type="url"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,	
input[type="password"]:focus,
 textarea:focus { outline: none; }
input.wpcf7-validates-as-required {  }
input.wpcf7-validates-as-required:focus { }

/* common */
a { color: #223482; outline: none; transition: all 0.3s; -webkit-transition: all 0.3s; text-decoration: none; }
a:hover { }
img { border: 0px; outline: none; display: block; max-width: 100%; text-decoration: none; }
ul,ol { margin-bottom: 20px; padding: 0 0 0 20px; list-style: none; }
.clear { clear: both; overflow: hidden; }
h1, .h1 ,h2, .h2 ,h3, .h3 ,h4, .h4 ,h5, .h5 ,h6, .h6 { margin-bottom: 15px; line-height: 1.2; font-family: "Montserrat Alternates", sans-serif; color: #634788; font-weight: 500; } 

h1, .h1 { font-size: 40px; font-weight: 500; }
h2, .h2 { font-size: 40px; font-weight: 500; line-height: 1.2; }
h3, .h3 { font-size: 30px; }
h4, .h4 { font-size: 25px; }
h5, .h5 { font-size: 20px; }
h6, .h6 { font-size: 16px; }

p { padding-bottom: 25px; line-height: 1.5; }
p a { color:#223482; }
p a:hover { text-decoration:underline; }

ul.listing li { padding: 0 0 10px 10px; position: relative; line-height: 30px; }
ul.listing li:before { content:'.'; position:absolute; left:0; top:0; }

.field, .wpcf7-text, textarea { display: block; border-radius:0; -webkit-border-radius:0; -ms-border-radius:0; width: 100%; height: 43px; font-size: 10px ; padding: 10px 20px 10px 15px; background:#eeeeee; border: 1px solid #fff; color:#000; }
textarea { padding: 13px 15px; height: 95px; resize: none; }
.wpcf7 form .wpcf7-response-output { margin: 1em 0.5em 2em; padding: 0.5em 1em; }

a.close, a.mobilemenu { display: none; }

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
 textarea:focus { outline:none; }

.flex-wrap { display: flex; flex-wrap: wrap; }
.v-center { align-items:center; }
.v-bottom { align-items:flex-end; }
.h-center { justify-content:center; }
.h-end { justify-content:flex-end; }
.space-between { justify-content:space-between; }

.btn-primary { padding: 0 20px; height: 40px; display: inline-flex; align-items: center; justify-content: center; font-family: "Montserrat Alternates", sans-serif;  font-size: 16px; font-weight: 500; color: #fff; border-radius: 10px; background: #634788; }
.btn-primary:hover { background: rgba(127, 189, 190, 1); }

body.active { overflow: hidden; }

/* wrapper */
#wrapper { padding-top: 120px; width: 100%; min-height: 100%; position: relative; overflow: hidden; }
.wrapper, .centering { width: 100%; max-width: 1230px; padding: 0 15px; margin:auto; position: relative;}  


/* header-part */
#header-bar { width: 100%; z-index:999; transition: ease 0.7s; position: absolute; left:0; top:0px; background-color: #fff; }
#header-bar .centering { height: 120px; align-items: center; justify-content: space-between; }
#header-bar #menu ul { margin: 0; padding: 0; display: flex; flex-wrap: wrap; }
#header-bar #menu ul li { padding: 0 10px; font-family: "Montserrat Alternates", sans-serif; font-size: 14px; font-weight: 500; }
#header-bar #menu ul li:first-child { padding-left: 5px; }
#header-bar #menu ul li a { padding-bottom: 6px; color: #634788; border-bottom: 2px solid transparent; }
#header-bar #menu ul li.current-menu-item a, #header-bar #menu ul li a:hover { border-color: rgba(127, 189, 190, 1); }
#header-bar .right { font-family: "Montserrat Alternates", sans-serif; font-size: 14px; font-weight: 500; }
#header-bar .login { margin-right: 15px; color: #634788; }

#header-bar .center { order: 1; }
#header-bar .logo { order: 2; }
#header-bar .right { order: 3; width: 100%; max-width: 365px; text-align: right; }

#header-bar .menu_trigger { margin: auto; width: 50px; height: 50px; text-align: center; font-size: 20px; line-height: 50px; font-weight:700; color:#fff; display: none; vertical-align: top; position: absolute; right: 15px;text-transform: uppercase; }
#header-bar .menu_trigger span.icon { border-radius: 50%; width: 50px; height: 50px; position: absolute; right: 0; top: 0; transition:all 0.3s; display: block; margin-bottom: 0px; }
#header-bar .menu_trigger span.icon span { transition: all 0.3s; width: 25px; height: 3px; border-radius: 5px; content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: rgba(127, 189, 190, 1); }
#header-bar .menu_trigger span.icon span:after,
#header-bar .menu_trigger span.icon span:before { transition: all 0.3s; width: 25px; height: 3px; content: ''; position: absolute; left: 0; top: -10px; border-radius: 5px; background: rgba(127, 189, 190, 1); }
#header-bar .menu_trigger span.icon span:after { top: 10px; }
#header-bar .menu_trigger.open span.icon span { background: transparent; } 
#header-bar .menu_trigger.open span.icon span:before { top: 0; transform: rotate(45deg); }
#header-bar .menu_trigger.open span.icon span:after { top: 0; transform: rotate(-45deg); }
#header-bar .social { display: none; }


	/* nav-bar */
	.nav-bar {  width: 100%; display: none; text-align: center; z-index: 999; position: relative; left:0; top:100%; border-bottom: 3px solid #aa8c04; background: linear-gradient(to right, #292b3f 0%, #104a6f 100%); }
	#header-bar .nav-bar .wrapper { padding: 0 15px; }
	.nav-bar ul { margin:0; padding:0; list-style: none; line-height:0;}
	.nav-bar li { display: inline-block; vertical-align: top; font-size: 16px; line-height: 20px; font-weight: 600; position: relative; text-transform: uppercase;  }
	.nav-bar li a { padding: 15px 10px; color: #fff; display: block; }
	.nav-bar li .submenu_trigger { display: none; }
	.nav-bar li a.active { color: #ffffff; }
	.nav-bar li:after { width: 2px; height: 18px; content: ''; position: absolute; left: -3px; top: 50%; margin-top: -9px; background: #fff; }
	.nav-bar li:first-child:after { display: none; }
	.nav-bar .sub-menu li:after { display: none; }
	.nav-bar li li.current-menu-item > a,
	
	.nav-bar .sub-menu li { display: block; width: 100%; }
	.nav-bar .sub-menu { min-width: 200px; position: absolute; top: 100%; left: 0; z-index: 999; text-align: left; opacity: 0; visibility: hidden; transition: all 0.3s; -webkit-transition: all 0.3s; background: #e2d3b2; box-shadow: 4px 4px 4px rgba(0,0,0,0.2); }
	.nav-bar .sub-menu li { padding: 0; display: block; }
	.nav-bar .sub-menu li a { padding: 10px 15px; display: block; }
	.nav-bar li li.current_page_item a { background: #000; }
	.nav-bar .book-button a { background: linear-gradient(to right,  #fe812c 0%,#f4b624 27%,#fe812c 50%,#f4b624 73%,#fe812c 100%); }
	.nav-bar .book-button a:hover { background: linear-gradient(to right,  #f4b624 0%,#fe812c 27%,#f4b624 50%,#fe812c 73%,#f4b624 100%); }
	.nav-bar .book-button:after { display:none; }
	
	@media only screen and (min-width: 768px) {
		.nav-bar li:hover .sub-menu { opacity: 1; visibility: visible; }
		.nav-bar li:hover > a ,
		.nav-bar li > a:hover { color: #fff; background: #000; text-decoration: none; }
		.nav-bar li:hover li a { color: #6b4e0f; }
		.nav-bar li:hover li a:hover { background: #ca9f3f; color: #6b4e0f; }
	}


	@-webkit-keyframes stickyhead{
		0%{opacity:0;-webkit-transform:translateY(-100%) }
		100%{opacity:1;-webkit-transform:translateY(0)} 
	}	
	@-moz-keyframes nav-bar{ 
		0%{opacity:0;-moz-transform:translateY(-100%)}
		100%{opacity:1;-moz-transform:translateY(0)}
	}
	@keyframes stickyhead{
		0%{opacity:0;-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}
		100%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
	}
	
	#header-bar.stickyhead { z-index: 9999; position: fixed; -webkit-animation:stickyhead ease-in-out 0.4s 0.1s both;-moz-animation:stickyhead ease-in-out 0.4s 0.1s both;animation:stickyhead ease-in-out 0.4s 0.1s both; box-shadow:0px 4px 4px rgba(0,0,0,0.2);}
	.stickyhead .header_sec .logo { max-width: 182px; }
	.stickyhead .header_sec .center { min-height: 100px; padding: 15px 60px 15px 20px; }

	.stickyhead .top-bar { padding: 4px 0; }
	.stickyhead .header_sec .contact_detail .contact { padding: 0px 0 0px 40px; font-size: 15px; background-size: 25px; }
	.stickyhead  .header_sec .contact_detail .contact.email { padding-right: 30px; background-size: 27px; }
	.stickyhead .header_sec .contact_detail .contact.phone { margin-left: 14px; }
	.stickyhead .header_sec .inner { height: 85px; }
	.stickyhead .header_sec .menu_trigger span.icon span { width: 46px; height: 6px; }
	.stickyhead .header_sec .menu_trigger span.icon span:after, .stickyhead  .header_sec .menu_trigger span.icon span:before { width: 46px; height: 6px; top: -14px; }
	.stickyhead  .header_sec .menu_trigger span.icon span:after { top: 14px; }
	.stickyhead .header_sec .menu_trigger.open span.icon span:after, .stickyhead  .header_sec .menu_trigger.open span.icon span:before { top: 0; }
	
	@media only screen and (min-width: 768px) {
		/* .sticky_added .header_sec { margin-top: 50px; } */
	}

/* inner-banner-bar */
.inner-banner-bar { width: 100%;  min-height: 260px; display: flex; justify-content: center; align-items: center; position: relative; background-position: center center; background-size:cover; background-repeat: no-repeat; }
.inner-banner-bar h1 { color: #fff; position: relative; z-index: 99; }
.inner-banner-bar video { position: absolute; left: 0; width: 100%; height: 100%; object-fit: cover; }

/* content-part */
#content-part { width: 100%; position: relative; overflow: hidden;  }

	/* slider bar */
	.slider-bar { width: 100%; }
	.slider-bar .centering { height: 470px; display: flex; align-items: center; justify-content: center; z-index: 999; }
	.slider-bar .item { padding: 0 10px; position: relative; background-repeat: no-repeat; background-size: cover; }
	.slider-bar .content { text-align: center; }
	.slider-bar h2 { color: #000; font-size: 24px; line-height: 1.35; font-weight: 400; }
	.slider-bar span { margin-top: 8px; padding-left: 16px; padding-top: 3px; display: inline-block; font-size: 10px; font-weight: 500; background: url(images/lock-img.png) no-repeat left center; }
	.slider-bar .content h1 { margin-bottom: 15px; }
	.slider-bar .item video { position: absolute; left: 0; width: 100%; height: 100%; object-fit: cover; }
	
	/* work bar */
	.work-bar { padding: 65px 0; width: 100%; text-align: center; }
	.work-bar .row { margin: 0 -10px; }
	.work-bar .item { padding: 0 10px; width: 25%; counter-increment: custom; }
	.work-bar .content { padding: 100px 12px 22px; height: 100%; border: 2px solid #634788; border-radius: 10px; position: relative; display: inline-block; background-color: rgba(242, 242, 242, 0.5); }
	.work-bar .content:before { content: counters(custom, ".") " "; width: 53px; height: 53px; margin-right: 10px;  background: rgba(127, 189, 190, 1); color: #fff; border-radius: 50%; display: flex; align-items: center;font-size: 24px; font-weight: 700; justify-content: center; font-family: "Montserrat Alternates", sans-serif; position: absolute; top: 26px; left: 50%; transform: translateX(-50%); }
	.work-bar h3 { font-size: 20px; font-weight: 700; }
	.work-bar p { padding-bottom: 0; }
	.work-bar h2 { margin-bottom: 25px; }
	.work-bar.resources .content:before { display: none; }
	.work-bar.resources span { margin-bottom: 10px; display: inline-block; }
	.work-bar.resources .content { padding: 30px 12px 20px; height: 100%; }
	.work-bar.resources { padding: 35px 0 55px; }

	/* feature bar */
	.feature-bar { padding: 45px 0px; width: 100%; background-color: rgba(249, 249, 249, 1); }
	.feature-bar .left { width: 38%; }
	.feature-bar .right { width: 50%; }
	.feature-bar .centering { max-width: 1040px; align-items: center; justify-content: space-between; }
	.feature-bar h2 { text-align: center; }
	.feature-bar.about span { color: rgba(99, 71, 136, 1); font-size: 20px;  font-family: "Montserrat Alternates", sans-serif; font-weight: 500; }
	.feature-bar.about .right { position: relative; }
	.feature-bar.about .right:before, .feature-bar.about .right:after { content: ''; position: absolute; width: 32px; height: 28px; background-repeat: no-repeat; }
	.feature-bar.about .right:before { left: -53px; top: 64px; background-image: url(images/left-q.svg); }
	.feature-bar.about .right:after { right: -40px; bottom: 35px; background-image: url(images/right-q.svg); }

	/* listeners bar */
	.listeners-bar { padding: 75px 0px; width: 100%; text-align: center; }
	.listeners-bar .row  { margin: 0 -10px 20px; }
	.listeners-bar .item { padding: 0 10px; width: 25%; }
	.listeners-bar .content { text-align: left; }
	.listeners-bar h2 { margin-bottom: 22px; }
	.listeners-bar .image { margin-bottom: 10px; overflow: hidden; border-radius: 10px; }
	.listeners-bar .image img { transition: all 0.3s; cursor: pointer; }
	.listeners-bar .image img:hover { transform: scale(1.1); }
	.listeners-bar .top strong { font-size: 18px; color: rgba(0, 0, 0, 1); }
	.listeners-bar .top { display: flex; flex-wrap: wrap; }
	.listeners-bar .top ul { margin: 0; padding: 0 0 0 12px; display: flex; align-items: center; }
	.listeners-bar .top ul li { padding: 0 2px; }
	.listeners-bar .bottom span { display: block; font-style: italic; }
	.listeners-bar .bottom small  { font-size: 14px; font-style: italic; }

	/* listeners bar */
	.talk-bar { padding: 45px 0px 55px; width: 100%; text-align: center; background-color: rgba(249, 249, 249, 1); }
	.talk-bar h3 { color: #000; font-size: 24px; line-height: 1.3; font-weight: 400; font-family: "Montserrat", sans-serif; }
	.talk-bar .row { padding: 40px; border-radius: 10px; box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2); background-color: #fff; }
	.talk-bar .content { margin-bottom: 25px; display: flex; flex-wrap: wrap; justify-content: space-between; }
	.talk-bar .column { padding: 16px 66px; width: 49%; border: 1px solid rgba(206, 206, 206, 1); border-radius: 5px; text-align: left; position: relative; }
	.talk-bar .column:before { content: ''; position: absolute; left: 23px; width: 16px; height: 25px; top: 50%; transform: translateY(-50%); background-repeat: no-repeat; }
	.talk-bar .column.audio:before { background-image: url(images/audio-icon.svg); }
	.talk-bar .column.video:before { width: 24px; height: 15px; background-image: url(images/video-icon.svg); }
	.talk-bar .column:after { content: ''; position: absolute; right: 23px; width: 26px; height: 26px; top: 50%; transform: translateY(-50%); background: url(images/arrow-button.svg) no-repeat; }
	.talk-bar .centering { max-width: 1040px; }
	.talk-bar .column strong { display: block; color: #000; font-size: 20px; font-family: "Montserrat Alternates", sans-serif; font-weight: 700; }
	.talk-bar .column span { display: block; color: #000; }
	.talk-bar ul { margin: 0; padding: 0; display: flex; justify-content: center; }
	.talk-bar ul li { padding: 0 10px; }
	.talk-bar ul li a { padding: 9px 20px; display: inline-block; border-radius: 10px; color: rgba(55, 65, 81, 1); background-color: rgba(229, 231, 235, 1); }
	.talk-bar ul li a.active { color: #fff; background-color: rgba(99, 71, 136, 1); }
	.talk-bar .intro { margin-bottom: 15px; overflow: hidden; }

	/* service bar */
	.service-bar { padding: 26px 0 40px; width: 100%; }
	.service-bar .centering { max-width: 830px; }
	.service-bar .column { margin-bottom: 40px; display: flex; flex-wrap: wrap; }
	.service-bar .icon { width: 53px; margin-right: 22px; }
	.service-bar .content { margin-top: 15px; width: calc(100% - 75px); }
	.service-bar ul { margin: 0; padding: 0; }
	.service-bar ul li { margin-bottom: 10px; color: #000; font-size: 20px; }
	
.service-bar ul li a {
    color: #634788;
    border-bottom: 1px solid #7FBCBE;
}

	.service-bar h4 { color: rgba(99, 71, 136, 1); font-weight: 700; font-size: 20px; }
	.service-bar #section4 { width: 100%; }
	.service-bar .intro { padding-bottom: 15px; }
	.service-bar .intro p { font-size: 20px; line-height: 1.4; }
	.service-bar .support_box { margin: 0 -200px 0 0; font-family: "Montserrat", sans-serif; display: flex; flex-wrap: wrap; justify-content: space-between; }
	.service-bar .support_box .col { width: calc(50% - 55px); }
	.service-bar .support_box ul { list-style: none; margin: 0; padding: 0; }
	.service-bar .support_box li { width: 100%; font-size: 20px; line-height: 1.4; padding-bottom: 9px; margin: 0; }
	.service-bar .support_box h5 { color: #000; font-weight: 700; font-family: "Montserrat", sans-serif; }




	.service-bar .row { margin: 0 -25px; width: 795px; display: flex; flex-wrap: wrap; justify-content: space-between; }
	.service-bar .row .box { margin-bottom: 30px; padding: 0 25px; width: 25%; display: inline-block; }
	.service-bar .row .content { width: 100%; color: rgba(0, 0, 0, 1); font-style: italic; font-size: 14px; }
	.service-bar .row a { display: inline-block; }
	.service-bar .row .content strong { font-style: normal; font-weight: 700; }

	/* contact bar */
	.contact-bar { padding-bottom: 80px; width: 100%; }
	.contact-bar .image { margin: 20px 0 50px; }
	.contact-bar .image img { border-radius: 10px; }
	.contact-bar .contact-from { margin: auto; max-width: 590px; }
	.contact-bar .wpcf7-form-control { height: 50px; border-radius: 10px !important; background-color: rgba(238, 238, 238, 1); }
	.contact-bar textarea.wpcf7-form-control { height: 220px; }
	.contact-bar label { font-family: "Montserrat Alternates", sans-serif; font-size: 24px; font-weight: 400; }
	.contact-bar .wpcf7-submit { padding: 0 20px; height: 40px; border-radius: 10px; color: #fff; font-size: 16px; font-family: "Montserrat Alternates", sans-serif; font-weight: 600; cursor: pointer; border: 0; background-color: rgba(99, 71, 136, 1); }

/* footer-part */
#footer-part { width: 100%; background-color: rgba(31, 41, 55, 1); }

	/*footer_sec*/
	.footer_sec { width: 100%; position: relative; }
	.footer_sec .centering { padding: 40px 0 20px; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(156, 163, 175, 1); }
	.footer_sec .right { font-family: "Montserrat Alternates", sans-serif; font-size: 14px; font-weight: 500; }
	.footer_sec #menu ul li { padding: 0 20px; font-family: "Montserrat Alternates", sans-serif; font-weight: 500; }
	.footer_sec #menu ul li a { color: #fff; }
	.footer_sec #menu ul li a:hover, .footer_sec #menu ul li.current-menu-item a { color: rgba(127, 189, 190, 1); }
	.footer_sec #menu ul { margin: 0; padding: 0; display: flex; flex-wrap: wrap; }
	.footer_sec .btn-primary { color: rgba(99, 71, 136, 1); background: #fff; }
	.footer_sec .btn-primary:hover { color: #fff; background: rgba(127, 189, 190, 1); }
	.footer_sec .login { margin-right: 15px; color: #fff; }

	/* copyright_sec */
	.copyright_sec { width: 100%; padding: 30px 0px;  margin: auto; text-align: center; position: relative; z-index: 1; }
	.copyright_sec .copyright { color: rgba(156, 163, 175, 1); font-size: 13px; line-height:1.2; font-weight: 400; letter-spacing: 0.04em; }
	.copyright_sec .copyright p { display: inline; font-size: 12px; line-height: 1.2; padding:0; } 
	.copyright_sec .copyright a:hover { text-decoration:underline; } 
	.copyright_sec .copyright p a { color: rgba(156, 163, 175, 1);  }
	.copyright_sec .copyright p a:hover { color:  #fff; text-decoration: underline; }
	.copyright_sec ul { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; }
	.copyright_sec ul li { padding: 0 5px; }
	.copyright_sec ul li a { font-size: 28px; color: rgba(156, 163, 175, 1); }
	.copyright_sec ul li a:hover { color: #fff; }

#back-to-top { display: block; position: fixed; bottom: 40px; right: 15px; font-size:0; line-height:0; z-index: 9999; width: 50px; height: 50px; cursor: pointer; border-radius: 50%; transition:all 0.3s; border: 1px solid #aa8c04; background: #fff url(images/btt.png) center center no-repeat; background-size:15px auto; }
#back-to-top:hover { opacity: 0.70; }

.wpcf7-not-valid-tip { display: none !important; }
.wpcf7-not-valid { border-color: #f00 !important; }
div.wpcf7-response-output { margin:10px 0; padding:0; font-size: 14px; line-height: 14px; color: #f00; border:0; }
div.wpcf7-mail-sent-ok { color: #398f14; }

/* content-bar-bar */
.content-bar { padding: 60px 0 60px; width: 100%;  }
.content-bar .centering { max-width: 830px; }
.content-bar.listeners { padding: 50px 0 0; text-align: center; }
.content-bar.listeners p { color: #000; font-size: 24px; }
.content-bar.listeners { }

.error404 .content-bar { padding: 170px 0 50px; text-align:center; min-height:500px; }
.error404 .content-bar h2 { display: table; margin-left: auto; margin-right: auto; }

/* blog-bar */
.blog-bar { padding-top: 40px; }
.blog-bar .left_sidebar { width: 70%;  border-right: 1px solid rgba(0,0,0,0.2); padding: 0 30px 0 0; }
.blog-bar .right_sidebar { width: 30%;  }
.blog-bar .centering { display: flex; flex-wrap: wrap; }
.blog-bar .post_list { margin: 0 -20px; display: flex; flex-wrap: wrap; }
.leftBlogBox .postLoop img { width: 100%; height: auto; }
.leftBlogBox .postLoop .image { margin-bottom: 22px; }
.leftBlogBox .postLoop .details { }
.leftBlogBox .postLoop .date { font-size: 20px; }
.search-no-results .blog-bar .post_list { margin: 0; }


/* Alignment */ 
.alignleft { display: inline; float: left; margin-right: 1em !important; }
.alignright { display: inline; float: right; margin-left: 1em !important; }
.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }
img.alignleft, img.alignright, img.aligncenter { margin-bottom: 1.625em; }
table, th, td { border: none }
table { border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; margin: 0 0 1.6em; table-layout: fixed; /* Prevents HTML tables from becoming too wide */ width: 100%; }
caption, th, td { font-weight: normal; text-align: left; }
th { border-width: 0 1px 1px 0; }
td { border-width: 0 1px 1px 0; vertical-align: top; }
td img { width: 100%; max-width: 100%; vertical-align: top; margin: 0px; height: auto; }
th, td { padding: 0.4em; }
th { font-size: 24px; letter-spacing: 1px; line-height: 28px; }
td img.alignnone { margin: 0px }
blockquote { /*font-style: italic;*/  font-weight: normal; margin: 0 2%; }
blockquote em, blockquote i, blockquote cite { font-style: normal; }
blockquote cite { color: #666; letter-spacing: 0.05em; text-transform: uppercase; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

#blogWrapper { width:auto; overflow:hidden; }
#BlogCntr { margin-top: 12px; margin-bottom: 25px; width: 100%; position: relative; float: left; position: relative; z-index: 9; }

/* left blog box */
.leftBlogBox { padding: 0; margin-top: 60px; width: 73%; border-right: 1px solid rgba(0,0,0,0.2); padding-right: 30px; position: relative; background: #fff; }
.leftBlogBox h1 { padding-bottom: 40px; }
.leftBlogBox .postLoop { padding: 0 20px; margin-bottom: 30px; width: 50%; }


/* comment form */
.leftBlogBox #commentform { width: 100%; }
.leftBlogBox #commentform input[type="text"], .leftBlogBox #commentform input[type="email"], .leftBlogBox #commentform textarea, .leftBlogBox #commentform input[type="url"] { border: 1px solid #000 !important; background: none; padding: 7px 10px; box-sizing: border-box; color: #000; font-size: 15px; border-radius: 0px; -webkit-appearance: none; -webkit-border-radius: 0px; resize: none; margin: 0; width: 535px; }
.leftBlogBox #commentform input[type="submit"] { width: auto; padding: 5px; border: none; background: #dfb643; color: #fff; cursor: pointer; border-radius: 0; font-size: 16px; }
.leftBlogBox #commentform input[type="submit"]:hover, .leftBlogBox #commentform p.form-submit input[type="submit"]:hover { background: #0c4c8f; }
.leftBlogBox #commentform p.form-submit input[type="submit"] { width: auto; padding: 8px 15px; border: none; background: #1c2a77; color: #fff; cursor: pointer; margin-left: 100px; }
.leftBlogBox #respond h3 { padding-bottom: 20px; }
.leftBlogBox #commentform input[type="url"].error,.leftBlogBox #commentform input[type="text"].error, .leftBlogBox #commentform input[type="email"].error, .leftBlogBox #commentform textarea.error { border: 1px solid #f00!important }
.leftBlogBox div.error { display: none !important }
.leftBlogBox h3#comments, .leftBlogBox #respond h3, h2.comments-title, h3#reply-title { border-bottom: 1px solid #000; font-size: 24px; font-weight: normal; line-height: 29px; margin-bottom: 10px; padding-bottom: 10px; color: #000; }
.leftBlogBox #comments { clear: both; margin-bottom: 10px }
.leftBlogBox #comments footer { border: none }
.leftBlogBox .commentlist, .leftBlogBox .comment-list { list-style: outside none none; margin-top: 10px !important; margin-bottom: 10px; }
.leftBlogBox .commentlist li { color: #34343f; font-size: 20px; line-height: 30px; list-style: outside none none; overflow: hidden; }
.leftBlogBox .comment-list li { color: #34343f; font-size: 20px; line-height: 20px; list-style: outside none none; overflow: hidden; }
.leftBlogBox img.avatar { float: left; margin: 3px 10px 10px 0; width: 50px; border: 1px solid #cccccc; max-width: 100%; height: auto; display: block }
.leftBlogBox .commentlist cite.fn, .leftBlogBox cite.fn { color: #dfb643; font-size: 16px; }
.leftBlogBox span.says { font-size: 16px; }
.leftBlogBox .commentlist a.url, .leftBlogBox .commentlist cite.fn, .leftBlogBox a.url, .leftBlogBox cite.fn { font-style: normal; text-decoration: none; font-size: 20px; }
.leftBlogBox .comment-awaiting-moderation { font-size: 16px; line-height: 21px; color: #000; font-style: normal }
.leftBlogBox .commentmetadata a { color: #000; cursor: default !important; font-size: 13px; line-height: 16px; }
.leftBlogBox .commentlist p, .leftBlogBox .comment-list p { clear: both; font-size: 15px; line-height: 19px; }
.comment-content p { padding-bottom: 5px; } #commentform p { padding-bottom: 15px !important; font-size: 16px; margin-bottom: 0; } #commentform .comment-form-cookies-consent { display: none; }
.leftBlogBox .comment-list .comment-metadata { font-size: 16px; color: #000; }
.leftBlogBox .comment-reply-link { font-size: 16px; text-decoration: none }
.leftBlogBox .comment-reply-link:hover { text-decoration: none; color: #dfb643; } #cancel-comment-reply-link { color: #000; text-decoration: none; font-size: 20px; line-height: 25px } #cancel-comment-reply-link:hover { text-decoration: underline }
.leftBlogBox .reply { padding: 0px 0 15px; }
.leftBlogBox .reply a { color: #000 }
.leftBlogBox #respond { margin-top: 10px;/*overflow: hidden;*/width: auto; padding: 0px }
.leftBlogBox #cancel-comment-reply-link:hover { color: #dfb643; text-decoration: none }
.leftBlogBox .commentlist ul.children, .leftBlogBox .comment-list ol.children { /*margin-left: 25px;*//*float:left*/}
.leftBlogBox label.screen-reader-text { display: none }
.leftBlogBox #searchform { width: 100%; margin: 0 auto; }
.leftBlogBox .page-header { padding: 6px 0; padding-top: 20px; } 
#commentform label { float: left; width: 100px; font-size: 16px; line-height: 21px; padding: 6px 0; }
#commentform label.error { display: none!important }

/* pagination */
.leftBlogBox .wp-pagenavi { width: 100%; margin: 25px 0 0px 0; text-align: center; }
.leftBlogBox .wp-pagenavi a, .wp-pagenavi span { font-size: 14px; color: #000; border: 1px solid #7b7b7b; display:inline-block; vertical-align: top; }
.wp-pagenavi a, .wp-pagenavi span { border-color: #1c2a77; padding: 5px 7px }
.wp-pagenavi span.current { border-color: #1c2a77; font-weight: normal; color: #fff; background: #1c2a77}
.leftBlogBox .wp-pagenavi a:hover, .wp-pagenavi a:hover { background: #1c2a77; color: #fff; border-color: #1c2a77; }
.wp-pagenavi span.pages:hover, .wp-pagenavi span.pages { border-color: #7b7b7b; }

/* right blog box */
.rightBlogBox { padding: 0 0 0 20px; width: 27%; position: relative; background: #fff;}
.rightBlogBox ul { margin-bottom: 0;  }
.rightBlogBox .widget {	text-align: left;	margin-bottom: 25px;	overflow: hidden}
.rightBlogBox .widget#block-7 { margin: 0; }
.rightBlogBox .widget h3 { font-size: 25px; line-height: 30px; font-weight:700; padding-bottom: 10px; }
.rightBlogBox h3.widgettitle {	margin-bottom: 10px;	text-align: center;	font-size: 34px;	text-align: left;	text-transform: capitalize;	line-height: 40px;	padding-bottom: 0px}
.rightBlogBox .wp-block-search__label { display: none; }
.rightBlogBox .wp-block-search__inside-wrapper { display: flex; flex-wrap:wrap; width: 100%; margin: 0 auto; }
.rightBlogBox .wp-block-search__inside-wrapper input[type="search"] { min-width: unset; width: calc(100% - 80px); border: 1px solid #7b7b7b; height: 30px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; padding: 5px; margin: 0px; }
.rightBlogBox .wp-block-search__inside-wrapper .wp-block-search__button { width: 80px; color: #fff; border: none; height: 30px; text-transform: capitalize; font-weight: bold; cursor: pointer; background: #1c2a77; color: #fff; margin: 0; } 
.rightBlogBox .wp-block-search__inside-wrapper .wp-block-search__button:hover { background: #1c2a77; color: #fff; }
.rightBlogBox ul li {  padding-bottom: 5px; width: 100%; }
.rightBlogBox ul li a { color: #000; text-decoration: none; text-transform: capitalize; outline: none }
.rightBlogBox ul li.current-cat a { color: #1c2a77; font-weight:700; }
.rightBlogBox ul li a:hover { text-decoration: none; color: #1c2a77; }
.mobilesidebar { display: none; }
.desktopsidebar { display: block }

/* single page */
.search-form .screen-reader-text { display: none }
.search-form input[type='Search'] { border-radius: 0px; padding: 5px; font-size: 14px; line-height: 19px; float: left; border: solid 1px #1c2a77  ; color: #000; width: calc(100% - 85px); width: -ms-calc(100% - 85px); width: -webkit-calc(100% - 85px); width: -moz-calc(100% - 85px); -webkit-appearance: none; -webkit-border-radius: 0px; height: 33px; margin: 0; }
.search-form input[type='submit'] { width: 80px; text-align:center; float: left; background: #1c2a77  ; border-radius: 0px; font-size: 15px; line-height: 20px; border: none; color: #fff; cursor: pointer; -webkit-appearance: none; -webkit-border-radius: 0px; padding: 4px 10px; margin-right: 0px; height: 33px; border: solid 1px #1c2a77  ; }
.search-form input[type='submit']:hover { background: #1c2a77; border: solid 1px #1c2a77; }
/*.search-form input[type='Search']:focus { border: solid 1px #000!important }*/
.leftBlogBox .singleimage { width: 100%; margin-bottom: 15px; }
.leftBlogBox .singleimage img { max-width: 100%; height: auto; width: 100% }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none; }	 	

.search .search-form { display: none; }

/*keyframes*/
@-webkit-keyframes stickyhead{
	0%{opacity:0;-webkit-transform:translateY(-100%)}
	100%{opacity:1;-webkit-transform:translateY(0)}
}

@-moz-keyframes stickyhead{
	0%{opacity:0;-moz-transform:translateY(-100%)}
	100%{opacity:1;-moz-transform:translateY(0)}
}
@keyframes stickyhead{
	0%{opacity:0;-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}
	100%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
}
.wpcf7-spinner { display: none !important; }

.tabs li { display: inline-block; }
.tab-content{ display: block; height: 0; overflow: hidden; opacity: 0; transition: all 1s; }
.tab-content.current { height: auto; display: inherit; opacity: 100; transition: all 1s; }

@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}