/*
Theme Name: Mapping Jordan
Theme URI: 
Author: Web Team
Author URI: 
Description:All about Jordan 
Version: 1.0
Text Domain:mapping_jordan 

*/


/******** MJ Website ********/

@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css');
@import url('https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css');
@import url('fonts/fabric-icons.css');
@import url('https://fonts.googleapis.com/css2?family=El+Messiri:wght@400;500;600;700&family=Raleway:wght@300;400;500;700;800;900&display=swap');


:root{
	--clr_light : #f7d194;
	--clr_dark : #632801;
	
	--ls_l:5px;
	--ls_m:3px;
	--ls_s:1px;
	
	--br_l:10px;
	--br_m:6px;
	--br_s:4px;
	
	--ff_t:'El Messiri', sans-serif;
	--ff_c:'Raleway', sans-serif;
	
	--ta_s : all 0.65s;
}



html{
	scroll-behavior: smooth;	
}

html, body {
    font-size: 100% !important;
    letter-spacing: var(--ls_m);
    overflow-x: hidden;
}

svg{max-width:100%!important;}

*{ margin:0; padding:0; border:none; outline:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;box-sizing:border-box;}
*:focus{ outline:none !important;}

a{ color:var(--clr_dark); transition:var(--ta_s);}
a:hover{ text-decoration:none;opacity:0.85;}

input[type="submit"], button{ cursor:pointer;}

img{ max-width:100%; height:auto;}

.responsive-img { width:100%;}

.mb35p{ margin-bottom:35px;}
.mb30p{ margin-bottom:30px;}
.mb25p{ margin-bottom:25px;}
.mb20p{ margin-bottom:20px;}
.mb15p{ margin-bottom:15px;}
.mb10p{ margin-bottom:10px;}
.mb5p{ margin-bottom:5px;}

.mt35p{ margin-top:35px;}
.mt30p{ margin-top:30px;}
.mt25p{ margin-top:25px;}
.mt20p{ margin-top:20px;}
.mt15p{ margin-top:15px;}
.mt10p{ margin-top:10px;}
.mt5p{ margin-top:5px;}



.w100p{ width:100% !important;}
.wa{ width:auto !important;}

.dib{ display:inline-block !important; float:none !important;}

.br3{-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
.br5{ -webkit-border-radius:5px; -moz-border-radius:5px;border-radius:5px; }
.br10{  -webkit-border-radius:10px; -moz-border-radius:10px;border-radius:10px;}

.brtr5{  -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;}
.brtr10{  -webkit-border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0;border-radius:10px 10px 0 0;}

.brbl5{ -webkit-border-radius:0px 0px 5px 5px; -moz-border-radius:0px 0px 5px 5px;border-radius:0px 0px 5px 5px; }
.brbl10{  -webkit-border-radius:0px 0px 10px 10px; -moz-border-radius:0px 0px 10px 10px;border-radius:0px 0px 10px 10px;}

.oh{ overflow:hidden !important;}


.br100{ -webkit-border-radius:100%; -moz-border-radius:100%;border-radius:100%; }

body p, body a, body span, body form, body ul, body ol { font-size:16px;}

.op90, .op70{ transition:opacity 0.5s;}
.op90:hover{/* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";

  /* IE 5-7 */
  filter: alpha(opacity=90);

  /* Netscape */
  -moz-opacity: 0.9;

  /* Safari 1.x */
  -khtml-opacity: 0.9;

  /* Good browsers */
  opacity: 0.9;}
  
  
  .op70:hover{/* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";

  /* IE 5-7 */
  filter: alpha(opacity=70);

  /* Netscape */
  -moz-opacity: 0.7;

  /* Safari 1.x */
  -khtml-opacity: 0.7;

  /* Good browsers */
  opacity: 0.7;}
  

.nbr{ -webkit-border-radius:0px!important; -moz-border-radius:0px !important;border-radius:0px!important; }
.nbs{  -webkit-box-shadow:none !important;  -moz-box-shadow:none !important;box-shadow:none !important;}
.nbdr{ border:none !important;}
.nb{ background:none !important;}

.npt{ padding-top:0px !important;}
.npr{ padding-right:0px !important;}
.npb{ padding-bottom:0px !important;}
.npl{ padding-left:0px !important;}


body{font-family: var(--ff_c);
}

.f-right{ float:right !important;}
.f-left{ float:left !important;}

/*--------------------------------------------------------------
Alignments
--------------------------------------------------------------*/

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

h1, h2, h3, h4, h4, h5, h6 {
	font-weight: bold;	
	font-family: var(--ff_t);

}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h1 span, h2 span, h3 span, h4 span, h5 span, h6 span, h1 p, h2 p, h3 p, h4 p, h5 p, h6 p { font-size: inherit!important;} 

.container{max-width:min(1200px,97%);}

/********************************************* Website *************************************************/

#main_header{
	position:fixed;
	width:100%;
	left: 0;
	top:0;
	z-index: 10;
}

#main_header,
#main_header nav{
	background:none!important;
	transition: var(--ta_s);
}
#main_header nav .web_logo{
	position:relative;
	width: 282px;
	min-height: 46px;
}

	
#main_header nav .web_logo img{
	transition: opacity 0.5s;
	position: absolute;
	top: 0;
	left: 0;
	width: 269px!important;
	max-width: 269px!important;
}

#main_header nav .web_logo img:last-child{
	opacity:0;
}

#main_header.hdr_fixed nav .web_logo img:last-child{
	opacity:1;
}

#main_header.hdr_fixed nav .web_logo img:first-child {
	opacity:0!important;
}


#main_header.hdr_fixed nav {
    background: rgb(247 209 148 / 95%)!important;
    box-shadow: rgba(0,0,0,0.20) 0 0 50px 0!important;
}


.parallax_el {
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

#top_banner {
	height: 108vh;
}


.sec_overlay{
	position: relative;
	z-index: 1;
	padding: 16vw 0 18vw;
}

.sec_has_yellow_txtr_bg
{
	padding: min(16vw, 50px) 0 min(18vw, 100px);
}

#top_banner.sec_overlay{
	padding:0!important;
}

#web_footer.sec_overlay{
	padding-bottom:0!important;
}

.sec_overlay:after{
	content:'';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background:var(--clr_dark);
	opacity: 0.65;
	z-index:-1;
}

.web_header > nav{
	padding:30px 0;
}

.web_header nav ul li a{
	color:#fff;
	font-family: 'El Messiri', sans-serif;
	padding:7px 15px!important;
	margin: 0 1px;
	border-radius:var(--br_s);
	border:3px solid transparent;
	font-weight: bold!important;
	white-space: nowrap!important;
}

.web_header nav ul li a:hover,
.web_header nav ul li a.active,
.web_header nav ul li.current_page_item a{
	border-color:var(--clr_light);
	color:#fff!important;
}

.web_header.hdr_fixed nav ul li a{
	color: var(--clr_dark)!important;
	transition: var(--ta_s);
	
}

.web_header.hdr_fixed nav ul li a:hover,
.web_header.hdr_fixed nav ul li a.active,
.web_header.hdr_fixed nav ul li.current_page_item a {
    border-color: var(--clr_dark);
    color: var(--clr_dark)!important;
}

#top_banner .container .banner_text{
	min-height:100vh;
	display: flex;
	flex-direction:column;
	align-items: center;
	justify-content: center;
}

.banner_text h1,
.banner_text h2 {
    color: var(--clr_light);
    font-size: 50px;
    text-align: center;
    margin-top: max(-22vw, -200px);
}
.banner_text p{
	font-size:26px;
	line-height: 1.35;
	color:#fff;
	max-width:834px;
	margin: 20px auto 35px;
	text-align: center;
}


.web_btn{
	border-radius:var(--br_m);
	font-size: 16px;
	letter-spacing: var(--ls_m);
	font-family: var(--ff_t);
	font-weight: bold;
	padding: 15px 45px;
	transition: var(--ta_s);
	text-transform: uppercase;
	text-decoration: none;
	display: inline-block;	
}

.web_btn_s {
	font-size:13px;
	padding: 10px 30px;
	border-radius:var(--br_s);
}

.web_btn:hover{
	opacity:0.85;
}

.web_btn.web_btn_light{
	background:var(--clr_light);
	color:var(--clr_dark);
}


.web_btn.web_btn_light_border{
	background:transparent;
	color:var(--clr_light);
	border:2px solid var(--clr_light);
}

.web_btn.web_btn_light_border:hover{
	background:var(--clr_light)!important;
	opacity: 1!important;
	color:var(--clr_dark)!important;
	border:2px solid var(--clr_light)!important;
}



.web_btn.web_btn_dark{
	background:var(--clr_dark);
	color:var(--clr_light);
}



.web_btn.web_btn_dark_border{
	background:transparent;
	color:var(--clr_dark);
	border:2px solid var(--clr_dark);
}

.web_btn.web_btn_dark_border:hover{
	background:var(--clr_dark)!important;
	opacity: 1!important;
	color:var(--clr_light)!important;
	border:2px solid var(--clr_dark)!important;
}

.banner_text .web_btn{
	margin:60px 0 120px;
}

.scroll_show_content_bb{
	border:4px solid var(--clr_light);
	color: #fff;
	padding: 8px 5px;
	font-size: 14px;
	display: inline-flex;
	align-items:center;
	justify-content: center;
	text-align: center;
	border-radius: 4px;
	min-height: 50px;
	cursor: pointer;
	text-decoration: none!important;
	transition: var(--ta_s);
	position: relative;
	z-index: 2!important;
}
.scroll_show_content_bb i
{
    width: 12px;
	transition: var(--ta_s);
}

.scroll_show_content_bb:hover i{
	transform: translateY(5px);
}


.sec_has_graphic{
	position:relative;
}



.graphic_div{
	position:absolute;
	left: 0;
	width: 100%;
	height: 250px;
	display: flex;
	z-index: 2;
	
}

.graphic_div img{
	width:100%;
}

.top_graphic_div {
    top: 0;
    align-items: flex-end;
    margin-top: -246px;
}

.bot_graphic_div {
    bottom: 0;
    align-items: flex-start;
    margin-bottom: -246px;
}

.bot_graphic_div img{
	transform: scaleY(-1);
}

.sec_has_yellow_txtr_bg{
	background-image:url("images/yellow_txtr_bg.jpg");
	background-repeat: repeat-y;
	background-position: center top;
	background-size: 100% auto;
	background-color:var(--clr_light);
}

#jh_mapping
{
	scroll-margin-top:150px;
}


.sec_title_block{
	text-align: center;
	padding-bottom: 100px;
}

.sec_title_block h2{
	font-size:65px;
	line-height: 2;
	letter-spacing: var(--ls_m);
}

.sec_title_block p{
	font-size:25px;
	line-height: 35px;
	color:var(--clr_dark);
	letter-spacing: var(--ls_s);
	max-width: 600px;
	margin:30px auto 0;
}

.sec_has_yellow_txtr_bg h2,
.sec_has_yellow_txtr_bg h3,
.sec_has_yellow_txtr_bg h4{
	color:var(--clr_dark);
}

.scroll_show_content_bb{
	color:#fff!important;
}

.map_sec_bg{
	position:relative;
}
.map_sec_bg > img{
    position: absolute;
    bottom: -40px;
    left: 0;
	transition: var(--ta_s);
}

.map_sec_bg .map_img_blk{
    position: relative;
    margin: 0 55px 0 97px;
    min-height: 300px;
	background-color: var(--clr_dark);
  	box-shadow: 0px 35px 65px 0px rgba(0, 0, 0, 0.22);
	border-radius: var(--br_m);
	transition: var(--ta_s);
	display: flex!important;
	align-items: center!important;
	justify-content: center!important;
}
.map_sec_bg .map_img_blk > img{
    height: 300px;
    object-fit: cover;
    object-position: center top;
    border: 2px solid var(--clr_dark);
    border-radius: var(--br_m);
	opacity: 0.9;
	transition: var(--ta_s);
}

.map_sec_content
{
	padding: 0 0 0 97px;
	display: flex;
	align-items: flex-start ;
	justify-content:center;
	flex-direction: column;
	height: 100%;
}


.map_content:hover .map_sec_bg > img{
	transform: scale(0.9);
}

.map_content:hover .map_sec_bg .map_img_blk{
	transform: scale(1.1);
}

.map_sec_content h3{
	font-size: 30px;
	margin-bottom: 25px;
}

.map_sec_content p{
	font-size: 18px;
	letter-spacing: var(--ls_m);
	font-weight: 500;
}

.map_sec_content .web_btn_s{
	margin-top:20px;
}

#article_sec{
    background-image: url(images/article_bg.jpg);
}

.sec_has_dark_overlay .sec_title_block h2{
	color:var(--clr_light);
}

.map_content_paths_ud {
	padding: 220px 0;
	flex-direction: row-reverse;

}

.map_content_paths_ud .map_sec_bg{
	position:relative;
}

.map_content_paths_ud .map_sec_bg:before,
.map_content_paths_ud .map_sec_bg:after {
    content: '';
    background-image: url(images/map_path.png);
    width: 92px;
    height: 258px;
    background-size: 100% auto;
    background-repeat: no-repeat;
    position: absolute;
    left: -40px;
}

.map_content_paths_ud .map_sec_bg:before{
	bottom:100%;
}

.map_content_paths_ud .map_sec_bg:after{
	top:100%;
	transform: scaleX(-1);
}

.map_content_paths_ud:last-child .map_sec_bg:after{
	display:none!important;
}

.map_content_paths_ud:last-child{
	margin-bottom:0px!important;
	padding-bottom: 120px!important;
}

.artcl_content {
    background-image: url(images/s_b_bg.png);
    background-position: center top;
	background-size: cover;
    padding: 90px 40px 40px;
    text-align: center;
    margin-top: -75px;
    position: relative;
    z-index: 2;
}

.s_artcl_blk{
	margin: 0 15px;
	border-radius:var(--br_l);
	overflow: hidden;
	transition: var(--ta_s);
  	box-shadow: 0px 35px 65px 0px rgba(0, 0, 0, 0.22);
	margin-bottom: 60px;

}

.s_artcl_blk a{
	display:block;
	opacity: 1!important;
	text-decoration: none!important;
}

.s_artcl_blk span.web_btn{
	opacity:0.75!important;
}

.s_artcl_blk:hover{
	transform: scale(1.05);
}

.sb_f_img {
	background: var(--clr_light);	
}

.sb_f_img img{
	opacity:0.7;
	transition: var(--ta_s);
}

.s_artcl_blk:hover .sb_f_img img{
	opacity:1!important;
	transform: scale(1.2);
}

.s_artcl_blk:hover span.web_btn{	
    opacity: 1!important;
}


body:not(.page-template-home_page) .s_artcl_blk:hover span.web_btn{	
	background: var(--clr_light)!important;
    color: var(--clr_dark)!important;
    border: 2px solid var(--clr_light)!important;
}


.artcl_content h4 a,
.artcl_content h4{
	font-size: 11px;
	text-transform: uppercase;
	font-weight: 900;
	color: var(--clr_dark)!important;
	opacity: 0.75;
	font-family: var(--ff_c);
}

.artcl_content h4 {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.artcl_content h4 ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}
.artcl_content h4 ul li{
	margin:0 2px;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: 900;
}


.artcl_content h4 ul li:after {
    content: ", ";
	padding-right: 3px;
}

.artcl_content h4 ul li a{
	font-size: 11px;
	text-transform: uppercase;
	font-weight: 900;
}

.artcl_content h3{
	font-size: 28px;
	font-weight: bold;
	color: var(--clr_dark)!important;
	transition: var(--ta_s);
}
.artcl_content h4 span
 {
    min-width: 80px;
}

.article_content{
	margin:15px 0 25px;
}

.article_content p{
	color:#111111!important;
}

.see_more_btn{
	padding-top:100px;
}

.sb_meta_inner
{
    display: flex;
}

#blog_sec{
	padding-bottom:120px;	
}

.single_blog_col  {
  border-radius:var(--br_l);
  overflow: hidden;
  margin-bottom: 90px;
  box-shadow: 0px 35px 65px 0px rgba(0, 0, 0, 0.22);
  transition: var(--ta_s);
}

.single_blog_col:nth-child(even) a > .row{
	flex-direction: row-reverse;
}

.s_blog_img {
    background: var(--clr_dark);
    width: 100%;
    overflow: hidden;
}
.single_blog_col a{
	opacity:1!important;
	text-decoration: none!important;
}

.single_blog_col a > .row > .col-lg-6{
	padding:0px!important;
}

.single_blog_col a > .row > .col-lg-6 .s_blog_content{
	height:100%;
	padding: 0 60px;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-direction: column;
	background:rgb(99 40 1 / 87%);
}

.s_blog_img img {
    object-fit: cover;
    object-position: center top;
    opacity: 0.8;
	transition: var(--ta_s);
	min-height: 530px;
}
.s_blog_content h3{
	font-size:35px;
	color: var(--clr_light);
	margin-bottom: 15px;
}

.sb_meta {
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 900;
    color: var(--clr_light)!important;
    font-family: var(--ff_c);
    background: rgb(255 255 255 / 9%);
    padding: 5px 10px;
    border-radius: var(--br_s);
    margin-bottom: 25px;
	display: flex;
}

.sb_meta span{
	min-width:86px;
}

.sb_meta ul {
    list-style: none;
    padding-left: 6px;
    margin: 0;
    display: flex;
	flex-wrap: wrap;
}
.artcl_content h4 ul li:last-child:after,
.sb_meta ul li:last-child:after{
	display:none;
}

.sb_meta ul li:after {
    content: ", ";
    padding-right: 3px;
}

.sb_content{
	margin-bottom:50px;
	color:#fff;
}

.sb_content p{
    color: #fff;
    letter-spacing: 2px;
    line-height: 2;
    font-size: 18px;
}

.single_blog_col:hover{
	transform: scale(1.05);
}

.single_blog_col:hover .s_blog_img img{
	transform: scale(1.1);
	opacity: 1;
}

.single_blog_col:hover .web_btn_s{
    background: var(--clr_light)!important;
    opacity: 1!important;
    color: var(--clr_dark)!important;
    border: 2px solid var(--clr_light)!important;
}

#podcast_sec {
    background-image: url(images/podcast_bg.jpg);
}
.s_audio_p_list,
.s_audio_p{
	max-width:860px;
	margin:0 auto;
}

.audio_palyer {
    border-style: solid;
    border-width: 2px;
    border-color: rgb(247, 209, 148, 0.35);
    border-radius: 10px;
    background-color: rgba(99, 40, 1, 0.902);
    overflow: hidden;
    padding: 25px;
    margin-bottom: 40px;
}

.audio_palyer .mejs-container{
	width:100%!important;
	height: auto!important;
	min-width: inherit!important;
}

.audio_palyer .mejs-container,
.audio_palyer .mejs-container *{
	background:none!important;
	font-family: var(--ff_c);
}

.audio_palyer .mejs-controls{
	position:static!important;
	background:none!important;
	padding: 0!important;
	align-items: center!important;
	justify-content: space-between!important;
}

.audio_player_top
{
    display: flex;
    justify-content: space-between;
    align-items: center;
	color:var(--clr_light);
}


.audio_player_top h2 {
	font-size:27px;
}
.audio_player_top{
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom:2px solid rgb(247 209 148 / 40%);
}

.audio_palyer .mejs-time {
    padding: 0 20px!important;
    height: 40px!important;
    display: flex;
    align-items: center;
}

.audio_palyer .mejs-time span {
    color: var(--clr_light)!important;
    font-size: 23px!important;
    font-weight: 900!important;
    letter-spacing: var(--ls_l);
    transform: translateY(-2px);
}

.audio_palyer .mejs-time-buffering,
.audio_palyer .mejs-time-current,
.audio_palyer .mejs-time-float,
.audio_palyer .mejs-horizontal-volume-total,
.audio_palyer .mejs-time-float-corner,
.audio_palyer .mejs-time-float-current,
.audio_palyer .mejs-horizontal-volume-current,
.audio_palyer .mejs-time-loaded,
.audio_palyer .mejs-time-hovered,
.audio_palyer .mejs-time-loaded,
.audio_palyer .mejs-time-marker,
.audio_palyer .mejs-time-total {
    height: 16px!important;
    border-radius: 50px!important;
}
.audio_palyer .mejs-volume-button,
.audio_palyer .mejs-playpause-button
{
    transform: scale(1.5);
}

.audio_palyer .mejs-horizontal-volume-slider {
    width: 96px;
    margin-left: 20px;
}

.audio_palyer .mejs-horizontal-volume-total {
    width: 100%;
    top: 10px;
}

.audio_palyer .mejs-horizontal-volume-total,
.audio_palyer .mejs-time-total {
    overflow: hidden!important;
    background: rgb(249 214 154 / 30%)!important;
}


.audio_palyer .mejs-time-loaded {
    background: rgb(249 214 154 / 35%)!important;
}
.audio_palyer .mejs-horizontal-volume-current,
.audio_palyer .mejs-time-current {
    background: var(--clr_light)!important;
}

.audio_palyer .mejs-time-handle,
.audio_palyer .mejs-time-float{
	display:none!important;
}

.podcast_person span{
	font-weight:900;
	text-transform: uppercase;
	font-size: 13px;
}

div.pictures_sites{
	margin:0 -2px!important;
}

div.pictures_sites > .col-md-3{
	padding:0 2px!important;
	margin-bottom: 4px!important;
}

.ps_s_img {
	height:320px;
	border-radius: var(--br_l);
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	transition: var(--ta_s);
	background: var(--clr_dark);
	isolation: isolate;
	z-index: 1;
}

.zoom_img_ps{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	z-index: 2;
}

.zoom_img_ps:before {
    width: 53px;
    height: 53px;
    color: var(--clr_light);
    background: var(--clr_dark);
    border-radius: 100px;
    line-height: 46px;
    text-align: center;
    font-size: 19px;
    border: 3px solid;
    transform: translateY(-20px);
	transition: var(--ta_s);
	opacity: 0.75;
}

.ps_s_img h3{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	background:rgb(88 36 2 / 89%);
	color: var(--clr_light);
	padding:18px 15px;
	font-size: 14px;
	font-weight: 500;
	text-align: center;
	text-transform: uppercase;
	margin: 0;
	font-family: var(--ff_c);
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	transition: var(--ta_s);
}

.ps_s_img img {
    object-fit: cover;
    object-position: center top;
    height: 320px;
	opacity: 0.5;
	transition: var(--ta_s);
}

.ps_s_img:hover{
	transform: scale(1.15);
	box-shadow: rgba(0,0,0,0.40) 0 0 55px 0;
	z-index: 8;
	
}

.ps_s_img:hover img{
	transform: scale(1.15);
	opacity: 0.95;
}

.ps_s_img:hover .zoom_img_ps:before{
	transform: scale(1.05) translateY(-18px);
	opacity: 0.9;
}
.image_popup_wrap{
	z-index: 999;
	opacity: 0;	
	display: none;
	animation: popup_close_animate 0.5s forwards;
}

.image_popup_wrap,
.overlay_popup,
.img_popup_main{
	position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
	transition: var(--ta_s);
}


.image_popup_wrap.active_img_popup{
	animation: popup_overlay_animate 0.5s forwards;
	animation-direction: normal!important;
	
}

body.active_popup{
	overflow: hidden!important;	
}

@keyframes popup_close_animate{
	from{opacity:1;}
	to{opacity:0;}
}

@keyframes popup_overlay_animate{
	from{opacity:0;}
	to{opacity:1;}
}


@keyframes popup_image_animate_show {
	from{transform:scale(0);}
	to{transform:scale(1);}
}

@keyframes popup_image_animate_hide {
	from{transform:scale(1);}
	to{transform:scale(0);}
}


.overlay_popup{
    background: rgb(17 7 0 / 87%);
	opacity: 0;	
}

.image_popup_wrap.active_img_popup .overlay_popup{
	/*animation: popup_overlay_animate 0.5s forwards;	*/
	opacity: 1;
}

.img_popup_main{
	display:flex;
	align-items: center;
	justify-content: center;	
}

.img_popup_inner {
	width:auto;
	max-width: min(1030px, 90%);
	position: relative;
	z-index: 1;
	transition: var(--ta_s);
	border-style: solid;
	border-width: 15px;
	border-color: rgb(247 209 148 / 5%);
	border-radius:var(--br_l);
	overflow: hidden;
	transform: scale(0);
	animation: popup_image_animate_hide 0.5s forwards;
}


.image_popup_wrap.active_img_popup .img_popup_inner 
{
	animation: popup_image_animate_show 0.5s forwards;
}


.img_popup_inner .popup_img_short_description {
    position: absolute;
    width: 100%;
    padding: 20px;
    font-style: italic;
    background: #632801e0;
    font-size: 16px;
    color: var(--clr_light);
    z-index: 1;
    left: 0;
    bottom: 0;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: var(--ls_s);
}

.img_popup_inner .popup_img_short_description p:last-child{
	margin-bottom:0px;
}

.img_popup_inner img{
	width:100%;
}

.close_popup_img {
    position: absolute;
    right: 20px;
    top: 0;
    background: var(--clr_light);
    color: var(--clr_dark);
    cursor: pointer;
    width: 40px;
    text-align: center;
    height: 45px;
    font-weight: 900;
    border-radius: 0 0 50px 50px;
    line-height: 47px;
    box-shadow: rgb(0 0 0 / 35%) 0 10px 20px 0;
	transition: var(--ta_s);
}

.close_popup_img:hover{
	height: 40px;
	line-height: 40px;
}

#pic_sites{
	padding-bottom:80px;
}

#resources_sec{	
	background-image: url(images/resources_bg.jpg);
}

#web_footer{	
	background-image: url(images/resources_bg.jpg);
}

.single_r_blk {
    background-image: url(images/yellow_txtr_bg.jpg);
    background-size: cover;
    padding: 40px;
    border-radius: var(--br_l);
    background-position: center;
    display: flex;
    flex-direction: column;
    margin: 0 10px;
    margin-bottom: 42px;
	align-items: center;
	transition: var(--ta_s);
}

.single_r_blk a {
    display: flex;
    flex-direction: column;
	align-items: center;	
	text-decoration: none!important;
}

.single_r_blk *{
	transition: var(--ta_s);
}

.single_r_blk:hover,
.single_r_blk:hover a{
	transform: scale(1.1);
}

.single_r_blk:hover .web_btn {
    background: var(--clr_dark)!important;
    opacity: 1!important;
    color: var(--clr_light)!important;
    border: 2px solid var(--clr_dark)!important;
}

.single_r_blk a > i{
	margin-bottom:25px;
	font-size:50px;
	color:var(--clr_dark);
}

.single_r_blk .total_resources{
	margin-bottom:15px;
	font-size:15px;
	font-weight: 600;
	color:var(--clr_dark);
}

.single_r_blk .total_resources strong{
	margin-bottom:15px;
	font-size:18px;
	font-weight: 900;
	color:var(--clr_dark);
}
.r_content{
	margin-bottom:35px;
}
.r_content p {
    color: #111;
    font-size: 13px;
    line-height: 22px;
    font-weight: 500;
    letter-spacing: var(--ls_s);
	margin-bottom: 0px;
}


.phone_number_li{
    display: flex;
    flex-direction: column;
}

.contact_blk{
	max-width:360px;
	margin: 0 auto;
	text-align: center;
}
.contact_blk h3 {
	font-size:28px;
	line-height: 40px;
	margin-bottom: 50px;
}
.contact_social_icons ul{
	display:flex;
	align-items: center;
	justify-content: center;
	list-style: none;
	margin: 0;
	padding: 0;
}

.contact_social_icons ul li{
	margin: 0 8px;
}

.contact_social_icons ul li a {
    width: 50px;
    height: 50px;
    border-radius: 100px;
    color: var(--clr_light);
    background: var(--clr_dark);
    font-size: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none!important;
    text-indent: 2px;
}

.contact_email_us .web_btn{
    padding: 15px 55px;
}

#contact_sec{
	padding-bottom:100px;
}
.contct_row > div:first-child{
	position:relative;
}

.contct_row > div:first-child:after {
    content: '';
    background-image: url(images/sec_sep_v_c.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    width: 2px;
    height: 300px;
    position: absolute;
    right: 0;
    top: -40px;
}


footer.sec_has_bot_graphic.sec_has_top_graphic {
    padding-bottom: 0px!important;
}

.footer_main_row{
	color:var(--clr_light);
	margin-bottom: 70px;
}

.footer_col h3{
	font-size:18px;
	font-weight:900;
	text-transform: uppercase;
	font-family: var(--ff_c);
	letter-spacing: var(--ls_l);
	margin-bottom: 30px;
}

.footer_menu ul{
	list-style: none;
	padding: 0;
	margin: 0;
}

.footer_menu ul li a{
	color:var(--clr_light);
	text-decoration: none;
	line-height: 34px;
	font-weight: 500;
}

#web_footer.sec_overlay:after{
	opacity: 0.8;
}

.footer_newsletter_from p{
	font-size: 20px;
	font-weight: 500;
}

.footer_main_row .contact_social_icons ul {
    justify-content: flex-start;
}

.footer_logo_si
{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.footer_logo_si > img{
	margin:25px 0 60px 0;	
}

.footer_logo_si .contact_social_icons ul li {
    margin: 0 7px;
}

.footer_logo_si .contact_social_icons ul li a {
    width: 35px;
    height: 35px;
    color: var(--clr_dark);
    background: var(--clr_light);
    font-size: 21px;
    text-indent:4px;
}

.footer_logo_si .contact_social_icons ul{
	margin-bottom:25px;
}

.coyright_text {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: var(--ls_s);
}

.footer_col_has_sep {
    position: relative;
    padding-left: 50px;
}


.footer_col_has_sep:before,
.footer_col_has_sep:after{
    content: '';
    background-image: url(images/footer_sep.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    width: 2px;
    height: 450px;
    position: absolute;    
    top: -40px;
}
.footer_col_has_sep:before{
	left: 0;
}
.footer_col_has_sep:after{
    right:50px;
}

.newsletter_form input[type="email"] {
	width:100%;
	background: rgb(247 209 148 / 25%);
	color:var(--clr_light);
	padding: 0 20px;
	height: 50px;
	border-radius: var(--br_m);
	margin-bottom: 20px;
	margin-top: 30px;
	letter-spacing: var(--ls_m);
	font-size: 14px;
}

.newsletter_form input[type="email"]:placeholder-shown{
	color:var(--clr_light);
}

.newsletter_form form  input[type="email"]::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color:var(--clr_light);
  opacity: 1; /* Firefox */
}

.newsletter_form form  input[type="email"]:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color:var(--clr_light);
}

.newsletter_form form  input[type="email"]::-ms-input-placeholder { /* Microsoft Edge */
  color:var(--clr_light);
}

.fot_bot_col{
	display:flex;
	flex-direction: column;
	align-items: center;
}

#top_banner.inner_page_top_sec{
    height: 720px!important;
	background-image: url("images/top_banner_image_inner.jpg");
}

#top_banner.inner_page_top_sec .container .banner_text {
    height: 610px!important;
    min-height: 610px!important;
}

.web_breadcrumbs > span > span {
    display: inline-flex;
    padding: 6px 10px;
    border-radius: var(--br_s);
    background: rgb(108 55 19 / 78%);
}

.web_breadcrumbs	{
	list-style:none;
}

.web_breadcrumbs a{
	opacity:0.8;
}

.web_breadcrumbs a:hover{
	opacity:1;
}


.web_breadcrumbs > span > span > span,
.web_breadcrumbs > span > span a{
	padding:0 4px;
	color:var(--clr_light);
	text-decoration: none;
	text-transform: uppercase;
	font-weight:bold;
	font-size: 14px;
}

.web_breadcrumbs > span > span a:after {
    content: '/';
    position: relative;
    left: 4px;
}


.inner_page {
	padding:60px 0 60px!important;
}


.featured_a_col{
	margin:0 15px;
	margin-bottom: 80px;
	border-radius: var(--br_l);  
  	box-shadow: 0px 35px 65px 0px rgba(0, 0, 0, 0.13);
	overflow: hidden;
	position: relative;
	transition: var(--ta_s);
}

.featured_a_col a{
	color:var(--clr_light);
	text-decoration: none!important;
	position: relative;
}

.featured_a_col a .featured_text{
	position: absolute;
	right:20px;
	top:20px;
	background: var(--clr_dark);
	color:var(--clr_light);
}

.featured_a_col a .web_btn{
	white-space: nowrap;
}

.f_a_content_tilte {
    background-image: url(images/single_featured_article_text_bg.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 30px;
	width: 100%;
}

.fa_content_btn {
    display: flex;
    align-items: center;
	justify-content: space-between;
}

.fa_content_btn p{
	margin-bottom:0px;
}

.f_a_content_tilte h2{
	color:var(--clr_light)!important;
}

.featured_a_col a .featured_text {
  position: absolute;
  right: 30px;
  top: 30px;
  background: var(--clr_dark);
  color: var(--clr_light);
  z-index: 1;
  border-radius: var(--br_m);
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 900;
  padding: 5px 8px;
}

.featured_a_col a{
	display: block;
	opacity: 1!important;
	background:var(--clr_light);
}
.featured_a_col:hover{
	transform: scale(1.035);
}

.featured_a_col a > img{
	transition: var(--ta_s);
	opacity: 0.75;
	width: 100%;
}
.featured_a_col:hover a > img{
	transform:scale(1.2);
	opacity: 1!important;
}

.featured_a_col:hover .web_btn{
    background: var(--clr_light)!important;
    opacity: 1!important;
    color: var(--clr_dark)!important;
    border: 2px solid var(--clr_light)!important;
}

.f_a_content_tilte .sb_meta {
    background: none;
    padding: 0;
    margin-bottom: 5px;
    display: block;
    opacity: 0.8;
}

.article_lp .artcl_content {
    background-image: url(images/s_b_bg_dark.png);
}

.article_lp .artcl_content h4,
.article_lp .artcl_content h3 {
    color: var(--clr_light)!important;
}

.article_lp .artcl_content h4 span{
	min-width:65px;
}

.article_lp .article_content p{
    color: #fae6c5!important;
}

.article_lp .s_artcl_blk {
    margin-bottom: 54px;
}

.nav_pagination{
	display:flex;
	align-items: center;
	justify-content: space-between;
	background:rgb(112 45 0 / 10%);
	border:2px solid rgb(112 45 0 / 24%);
	padding: 20px;
	margin: 0 12px;
	border-radius:var(--br_l);
}

.nav_pagination ul {
	display:flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 0;
	list-style: none;	
}

.nav_pagination ul li {
	padding:0 5px;
}

.nav_pagination ul li *{
	font-weight:bold;
	color:var(--clr_dark);
}
.nav_pagination ul li .current,
.nav_pagination ul li a{
	width:30px;
	height: 30px;	
	border-radius:var(--br_m);
	line-height: 30px;
	text-align: center;
	display: block!important;
	transition: var(--ta_s);
	color:var(--clr_dark)!important;
}

.nav_pagination ul li a{
	font-weight:bold;
	text-decoration: none!important;
}

.nav_pagination ul li .current,
.nav_pagination ul li a:hover {
	background:var(--clr_dark)!important;
	color:var(--clr_light)!important;
}

.web_btn.web_btn_s.web_btn_dark_border.no_prev_pages,
.web_btn.web_btn_s.web_btn_dark_border.no_next_pages{
	opacity:0.3!important;
	cursor: default!important;
}

.web_btn.web_btn_s.web_btn_dark_border.no_prev_pages:hover,
.web_btn.web_btn_s.web_btn_dark_border.no_next_pages:hover {
	background:none!important;
	color:var(--clr_dark)!important;
}


.mob_tab_v{
		display:none!important;
	}
	
	.mob_tab_h{
		display:block!important;
	}

.nav_pagination {
  margin-top: 30px;
}

.comma_span_cat_names{
	display:inline-block;
}

.comma_span_cat_names:after{
	content:', ';
}

.comma_span_cat_names:last-child:after{
	content:'';
}

.ad_m_i {
    border-radius: var(--br_l);
    box-shadow: 0px 35px 65px 0px rgba(0, 0, 0, 0.13);
	overflow: hidden;
	margin-bottom: 80px;
}

.ad_m_i img{
	width:100%;
}
.comment-list li,
.ad_blk  {  	
	background:rgb(112 45 0 / 10%);
	border:2px solid rgb(112 45 0 / 24%);
	padding: 35px;
	border-radius:var(--br_l);
	margin-bottom: 24px;
}
.ad_t_c ul li,
.ad_t_c ul,
.ad_blk_inner{
	display:flex;
	align-items: center;
	justify-content: space-between;
}

.ad_t_c ul{
	padding: 0;
	margin: 0;
	list-style: none;
}

.ad_t_c ul li:first-child{
	margin-right:10px;
	padding-right: 10px;
}

.ad_t_c ul li:first-child:after {
    content: '|';
    transform: translate(10px, 1px) scale(1.25);
}

.ad_commnts,
.ad_t_c ul li{
	text-transform: uppercase;
	color:var(--clr_dark)!important;
	letter-spacing: var(--ls_s);
}
.ad_commnts span,
.ad_commnts span a,
.ad_t_c ul li span{
	font-size:14px;
	font-weight:800;
	color:var(--clr_dark)!important;
}
.ad_commnts i,
.ad_t_c ul li i{
	font-size:18px;
	margin-right: 5px;
}

.ad_blk_content > h3:first-child,
.ad_blk_content > h2:first-child{
	margin-top:0px;
}
.ad_blk_content > h4,
.ad_blk_content > h3,
.ad_blk_content > h2{
	font-size:30px;
	margin-bottom: 20px;
	margin-top: 40px;
}

.ad_blk_content > h3{
	font-size:28px;
}

.ad_blk_content > h4{
	font-size:26px;
}

.ad_blk_content > p{
	margin-bottom:25px;
	line-height: 28px;
	text-align: justify;
}

.ad_blk_content > p > img,
.ad_blk_content > img{
	margin-top:40px;
	border-radius: var(--br_l);
    box-shadow: 0px 35px 65px 0px rgba(0, 0, 0, 0.13);
	overflow: hidden;
	margin-bottom:20px;
}

.ad_blk_content > ul{
	list-style:none;
	padding: 0;
	margin: 40px 0 20px;
	line-height: 28px;
}

.ad_blk_content > ul > li{
	position:relative;
	padding-left: 30px;
	margin-bottom: 5px;
}

.ad_blk_content > ul > li:before {
    font-family: 'FabricMDL2Icons';
    content: "\EF7D";
    position: absolute;
    left: 0;
    top: 0;
    color: var(--clr_dark);
}

.comments_sec_sep{
	margin:50px 0;
}

.comments-title{
	font-size: 24px;
}

.comments-title a{
	color:var(--clr_dark);
}

.comment-list{
	list-style:none;
	padding: 0;
	margin:35px 0 0  0;	
}

.comment-list li{
	border-radius:var(--br_m)!important;
	padding: 17px!important;
}

.c_pot_content_meta{
	width:100%;
}

.c_pot_content_meta_top,
.c_p_a_c_m{
	display:flex;
	align-items: flex-start;
	justify-content: space-between;
}

.c_pot_content_meta_top{
	align-items:center;
	border-bottom: 2px solid rgb(99 40 1 / 30%);
	margin-bottom: 15px;
	padding-bottom: 15px;
}


.c_pot_content_meta_top h3{
	font-size:18px;
	font-weight:bold;
	margin: 0;
	color:#3b1800;
}

.c_pot_content_meta_top .c_post_date{
	font-weight:900;
	color: var(--clr_dark);
	font-size: 13px;
	text-transform: uppercase;
}

.c_p_a_c_m .c_post_author{
	min-width:70px;
}

.c_p_a_c_m .c_post_author i {
    font-size: 35px;
    color: var(--clr_light);
    background: var(--clr_dark);
    border-radius: 100px;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-indent: 4px;
}

.c_pot_content_meta_bot p {
    font-style: italic;
    font-size: 14px;
    line-height: 23px;
    font-weight: 500;
    color: #3b1800;
    letter-spacing: var(--ls_s);
    text-align: justify;
}

.reply_link{
	text-align:right;
}

.reply_link a {
    font-family: var(--ff_c)!important;
    font-size: 10px;
    padding: 6px 10px;
}



.commets_post_sec_form form{
	display:flex;
	flex-direction: column;
	align-items: flex-start;
	margin-top: 30px;
}

#commentform input[type="text"],
#commentform input[type="email"],
#commentform textarea,
.commets_post_sec_form form input[type="text"],
.commets_post_sec_form form input[type="email"],
.commets_post_sec_form form textarea{
	width: 100%;
	margin-bottom:20px;
	background:rgb(90 44 1 / 9%);
	border-radius:var(--br_s);
	padding: 15px 20px;
	color:var(--clr_dark);
	font-size: 14px;
	font-weight:500;
	letter-spacing: var(--ls_m);
}

#commentform textarea,
.commets_post_sec_form form textarea{
	height:120px;
	resize: none;
}
#commentform input[type="text"]::placeholder,
#commentform textarea::placeholder,
.commets_post_sec_form form textarea::placeholder, 
.commets_post_sec_form form input::placeholder 
{
  color:var(--clr_dark);
  opacity: 1; 
}

#commentform input[type="text"]:-ms-input-placeholder,
#commentform textarea:-ms-input-placeholder,
.commets_post_sec_form form textarea:-ms-input-placeholder,
.commets_post_sec_form form input:-ms-input-placeholder { 
  color:var(--clr_dark);
}
#email-notes,
.commets_post_sec_form .logged-in-as > a,
.comment-form-cookies-consent{
	display:none!important;
}


.commets_post_sec_form .required-field-message {
    color: #632801ab;
    font-weight: 700!important;
    letter-spacing: var(--ls_s)!important;
    display: inline-block!important;
}

.ad_blk_comment #comments
{
    scroll-margin-top: 155px;
}

.comment_waiting_approval
 {
    font-size: 11px;
    margin: 0;
    padding: 5px 8px;
    background: #6328012e;
    border-radius: 5px;
    font-weight: 700;
    letter-spacing: var(--ls_s);
    font-style: normal;
}

.wdgt_title {
	font-family: var(--ff_c)!important;
	font-size:14px;
	font-weight:900;
	text-transform: uppercase;
	padding: 20px!important;
}

.wdgt_sep{
	margin:50px 0;
}

.social_share_wdgt ul{
	justify-content: flex-start;
}

.social_share_wdgt ul li{
	margin:0 8px 0 0!important;
}

.social_share_wdgt .a2a_kit a span {
    border-radius: 100px!important;
    display: flex!important;
    align-items: center!important;
    justify-content: center!important;
	transition: var(--ta_s);
}

.social_share_wdgt .a2a_kit a span svg{
	width:35px!important;
}

.ar_ct_list ul{
	list-style:none;
	margin: 0;
	padding: 0;
}

.ar_ct_list ul li a{
	color:var(--clr_dark);
	text-decoration: none!important;
	margin-bottom:10px;
	padding-bottom: 10px;
	border-bottom:2px dotted rgb(90 44 1 / 30%);
	display: block;
	font-weight: 600;
}

.ar_ct_list ul li a:hover{
	transform: translateX(5px);
	border-bottom:2px dotted rgb(90 44 1 / 100%);
}
.top_nav a,
.top_nav {
	display:flex;
	align-items: center;
	justify-content: space-between;
}

.top_nav a {
	font-size:12px;
	color:var(--clr_dark);
	font-weight:900;
	padding:10px 17px;
	border:2px solid var(--clr_dark);
	border-radius: var(--br_m);
	text-decoration: none;
	text-transform: uppercase;
}

.top_nav a:hover {
	background:var(--clr_dark);
	color:var(--clr_light);
}

.bt_prv {
    padding-left: 30px!important;
}

.bt_prv i
{
    font-weight: 900;
    transform: rotate(-90deg) translate(3px, -14px) scale(1.5);
}

.top_nav
 {
    margin-bottom: 50px;
 }

.b_l_p_w{
	padding:0 24px;
}

.ps_cats_nav {
    background: rgb(112 45 0 / 10%);
    border: 2px solid rgb(112 45 0 / 24%);
    padding: 10px;
    border-radius: var(--br_l);
	margin-bottom: 40px;
}

.ps_cats_nav ul 
{
	display: flex;
    align-items: center;
    justify-content: center;
	list-style:none;
	margin: 0;
	padding: 0;
	flex-wrap: wrap;
}

.ps_cats_nav ul li {
	margin: 10px;
}
.ps_cats_nav ul li a{
    background:none;
    color: var(--clr_dark);
    border-radius: var(--br_m);
    font-size: 12px;
	text-decoration: none!important;
    text-transform: uppercase;
    font-weight: 900;
    padding: 10px 15px;
	border:2px solid var(--clr_dark);
	white-space: nowrap;
	display: block;
}

.ps_cats_nav ul li a:hover,
.ps_cats_nav ul li a.active_cat {
	border-color:var(--clr_dark);
	background: var(--clr_dark);
    color: var(--clr_light);
}

.contact_info_col{
	height:100%;
	padding-left:120px;
	position: relative;
}
.contact_info_col:before

 {
    content: '';
    background-image: url(images/sec_sep_v_c.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    width: 2px;
    height: 100%;
    position: absolute;
    left: 60px;
    top: -40px;
}

.contact_info_col ul{
	list-style:none;
	padding:0;
	margin: 0;
}

.contact_info_col ul li{
	margin-bottom:45px;
}

.contact_info_col h4{
	font-size:18px;
	font-weight:900;
	text-transform: uppercase;
	font-family: var(--ff_c);
	margin-bottom: 15px;
}

.contact_info_col > ul > li > a{
	font-weight:500;	
}


.phone_number_li a{
	font-size:20px;
	text-decoration:none;
	font-weight:600;
}


.contact_info_col .contact_social_icons ul {
    justify-content: flex-start;
    transform: scale(0.8);
    transform-origin: left;
}

.contact_info_col .contact_social_icons ul li{
	margin:0 8px 0 0!important;
}

.audio_palyer.featured_img_podcast {
    position: relative;
    border: none!important;
    padding: 0!important;
    padding-top: 120px!important;
    min-height: 485px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.podcast_player_info {
    position: relative;
    z-index: 2;
    padding: 0 20px 20px;
    background-image: -moz-linear-gradient( 90deg, rgb(111,55,20) 30%, rgba(255,255,255,0) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(111,55,20) 30%, rgba(255,255,255,0) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(111,55,20) 30%, rgba(255,255,255,0) 100%);
}


.podcast_player_info .audio_player_top h2{
	color:var(--clr_light);
}

.podcast_overlay{
	content: '';
	position: absolute;
	background-image:url('images/bg_podcat_page_featured.png');
	background-repeat: repeat-x;
	background-size:100%;
	background-position: center bottom;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.podcast_overlay img{
	opacity:0.8;
	object-fit: cover;
	object-position: center top;
	width: 100%;
	height: 100%;
}

.equilizer {
    width: 30px;
    transform: scaleY(-1);
    min-width: 30px;
}
.bar {
  fill: var(--clr_light);
  width: 18px;
	height: 10px;
}

.single_podcast.active_podcast .bar {
  animation: equalize 4s 0s infinite;
}

.single_podcast.active_podcast .bar:nth-child(1) {
  animation-delay: -1.9s;
}

.single_podcast.active_podcast .bar:nth-child(2) {
  animation-delay: -2s;
}

.single_podcast.active_podcast .bar:nth-child(3) {
  animation-delay: -2.3s;
}

.single_podcast.active_podcast .bar:nth-child(4) {
  animation-delay: -2.4s;
}

@keyframes equalize {
  0% {
    height: 60px;
  }
  4% {
    height: 50px;
  }
  8% {
    height: 40px;
  }
  12% {
    height: 30px;
  }
  16% {
    height: 20px;
  }
  20% {
    height: 30px;
  }
  24% {
    height: 40px;
  }
  28% {
    height: 10px;
  }
  32% {
    height: 40px;
  }
  36% {
    height: 60px;
  }
  40% {
    height: 20px;
  }
  44% {
    height: 40px;
  }
  48% {
    height: 70px;
  }
  52% {
    height: 30px;
  }
  56% {
    height: 10px;
  }
  60% {
    height: 30px;
  }
  64% {
    height: 50px;
  }
  68% {
    height: 60px;
  }
  72% {
    height: 70px;
  }
  76% {
    height: 80px;
  }
  80% {
    height: 70px;
  }
  84% {
    height: 60px;
  }
  88% {
    height: 50px;
  }
  92% {
    height: 60px;
  }
  96% {
    height: 70px;
  }
  100% {
    height: 80px;
  }
}



.s_audio_p {
    max-width: 860px;
    margin: 0 auto;
}

.podcast_list_wrap  {
    background: rgb(112 45 0 / 10%);
    border: 2px solid rgb(112 45 0 / 24%);
    padding: 20px;
    border-radius: var(--br_l);
    margin-bottom: 24px;
}

.all_pod_cast_wrap{
	max-height:442px;
	padding-right: 26px;
	overflow: hidden;
}

.scroll_not_active.all_pod_cast_wrap{
	padding-right:0px!important;
}




/*!
 * Scrollbox v4.0.0
 * (c) 2013-2017, Max Invis1ble
 * Licensed under MIT (https://opensource.org/licenses/mit-license.php)
 */
.scrollbox-wrapper {
  position: relative;
}
.scrollbox-wrapper .scrollbox-overflowed {
  overflow: hidden;
}
.scrollbox-wrapper > :first-child {
  -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
          backface-visibility: hidden;
  will-change: scroll-position;
}
.scrollbox-rail,
.scrollbox-bar {
  display: none;
  position: absolute;
  z-index: 2;
}
.scrollbox-horizontal-rail,
.scrollbox-horizontal-bar {
  bottom: 0;
  left: 0;
	display: none!important;
}
.scrollbox-vertical-rail,
.scrollbox-vertical-bar {
  top: 0;
  right: 0;
}
.scrollbox-rail-in,
.scrollbox-bar-in {
  display: block;
}
.scrollbox-horizontal-bar {
  -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
          backface-visibility: hidden;
  will-change: left;
}
.scrollbox-vertical-bar {
  -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
          backface-visibility: hidden;
  will-change: top;
}
.scrollbox-rail {
  background-color: var(--clr_dark);
  border-radius: var(--br_m);
  opacity: 0.22;
}
.scrollbox-bar {
  background-color: var(--clr_dark);
  border-radius: var(--br_m);
	opacity: 1!important;
}
.scrollbox-bar:hover {
  background-color: var(--clr_dark);
}
.scrollbox-bar.scrollbox-bar-captured {
  background-color: var(--clr_dark);
}
.scrollbox-horizontal-rail {
  height: 3px;
}
.scrollbox-vertical-rail {
  width: 3px;
	right: 3px;
}
.scrollbox-horizontal-bar {
  min-width: 20px;
  height: 9px;
}
.scrollbox-vertical-bar {
  min-height: 10px;
  width: 9px;
}


.single_podcast{	
    border-radius: var(--br_m);
	display:flex;
	align-items: center;
	justify-content: space-between;
	border: 2px solid var(--clr_dark)!important;
	margin-bottom: 20px;
}

.single_podcast,
.single_podcast *{
	color:var(--clr_dark)!important;
	fill:var(--clr_dark)!important;
	transition:var(--ta_s);
}
.all_pod_cast_wrap .single_podcast:hover,
.single_podcast.active_podcast,
.single_podcast.active_podcast *{
	background: var(--clr_dark);
	color:var(--clr_light)!important;
	fill:var(--clr_light)!important;
}

.all_pod_cast_wrap .single_podcast:hover,
.all_pod_cast_wrap .single_podcast:hover *{
	color:var(--clr_light)!important;
	fill:var(--clr_light)!important;
}

.single_podcast h2{
	display:flex;
	align-items: center;
	font-size:14px;
	font-weight: 900;
	font-family: var(--ff_c);
	text-transform: uppercase;
	margin-bottom: 0px;
	padding:10px 15px;
}

.single_podcast .play_pause {
    background: none!important;
    display: block;
    height: 50px;
    width: 50px;
	font-size: 18px;
}
.single_podcast .play_pause .play_current_video{
	display:block!important;
}

.single_podcast .play_pause .pause_current_video{
	display:none!important;
}


.single_podcast.active_podcast .play_pause .pause_current_video{
	display:block!important;
}
.single_podcast.active_podcast .play_pause .play_current_video{
	display:none!important;
}

.pp_an{
	display:flex;
	align-items: center;
}


.all_resources_cate {
	padding: 15px;
    background: rgb(112 45 0 / 10%);
    border: 2px solid rgb(112 45 0 / 24%);
    border-radius: var(--br_l);
    margin-bottom: 24px;
}

.all_resources_cate ul {
    list-style: none;
    margin: 0;
    padding: 0;
    max-height: calc(100vh - 234px);
    overflow: auto;
}

.all_resources_cate ul li a{
	display:flex;
	align-items: center;
	justify-content: space-between;
	padding: 7px 10px;
    border: 2px solid rgb(112 45 0 / 50%);
    border-radius: var(--br_m);
    margin-bottom:15px;
	text-decoration: none!important;
}

.all_resources_cate ul li a,
.all_resources_cate ul li a *{
	transition: var(--ta_s);
}

.all_resources_cate ul li a:hover,
.all_resources_cate ul li a.selected_r_cat{
	background:var(--clr_dark)!important;
	color:var(--clr_light)!important;
}

.all_resources_cate ul li a:hover *,
.all_resources_cate ul li a.selected_r_cat *{
	color:var(--clr_light)!important;
}

.all_resources_cate ul li h2{
	display:flex;
	align-items: center;
	margin-bottom: 0px;
	text-transform: uppercase;
	font-weight: 900;
	font-family: var(--ff_c);
	font-size: 14px;
}

.all_resources_cate ul li h2 i{
	font-size:28px;
	margin-right:8px;
}

.all_resources_cate ul li .cat_resourses_count{
	color:var(--clr_dark)!important;
	font-weight:900;
}

.all_resources_cate ul li:last-child a{
	margin-bottom:0px!important;
}

.single_resource_item{
	margin-bottom:24px;
}

.single_resource_item a{
	background:var(--clr_dark)!important;
	color:var(--clr_light)!important;
	border-radius: var(--br_l);
	display:flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 20px;
	position: relative;
	min-height: 150px;
	text-decoration:none!important;
	opacity: 1!important;
	overflow: hidden;
}

.single_resource_item a,
.single_resource_item a *{
	color:var(--clr_light)!important;
}

.single_resource_item a:hover{
	transform: scale(1.05);
}

.single_resource_item a i {
    font-size: 140px;
    position: absolute;
    left: -12px;
    top: 23px;
    opacity: 0.11;
	transition: var(--ta_s);
}

.single_resource_item a:hover i{
	transform: scale(1.35);
}

.single_resource_item a h3{
	font-size: 21px;
}

.single_resource_item a span{
	font-family: var(--ff_t)!important;
	text-transform: uppercase;
	display: block;
	text-align: right;
	position: relative;
	margin-bottom: 5px;
	transition: var(--ta_s);
}

.single_resource_item a span:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: -3px;
    width: 0px;
    height: 2px;
    display: block;
    background: var(--clr_light);
	transition: var(--ta_s);
}

.single_resource_item a:hover span:after{
	width: 100px;
} 

.main_grid_resources .col-lg-3{
	width:27%!important;
}

.main_grid_resources .col-lg-9{
	width:73%!important;
}

.resources_items_nav.nav_pagination {
    padding: 15px!important;
}


.wpcf7-form-control-wrap textarea[aria-invalid="false"],
.wpcf7-form-control-wrap input[aria-invalid="false"]{
	margin-bottom: 15px!important;	
}

.wpcf7-form-control-wrap textarea[aria-invalid="true"],
.wpcf7-form-control-wrap input[aria-invalid="true"]{
	margin-bottom: 0px!important;	
}

.wpcf7-not-valid-tip {
    margin-bottom: 15px!important;
    background: #dc3232!important;
    color: var(--clr_light)!important;
    padding: 5px 8px!important;
    font-size: 12px!important;
    font-weight: 700!important;
    border-radius: 5px!important;
}

.wpcf7-response-output {
	padding: 5px 8px!important;
    font-size: 12px!important;
    font-weight: 700!important;
    border-radius: 5px!important;
	margin-bottom: 15px!important;
	border: none!important;
}

.wpcf7 form.sent .wpcf7-response-output {
	background: #46b450!important; /* Green */
}

.wpcf7 form.spam .wpcf7-response-output {
	background: #f56e28!important; /* Orange */
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
	background: #ffb900!important; /* Yellow */
}

.contact_info_col > ul > li > a {
    color: var(--clr_dark)!important;
}

.podcast_author_equilizer{
    display: flex;
    align-items: center;
}
.podcast_author_equilizer .pp_an {
    position: absolute;
    top: 0;
    transform: scale(9);
    transform-origin: left center;
    opacity: 0.35;
    left: calc(50% - 105px);
}


div[data-player_state="playing"] .podcast_author_equilizer .pp_an .bar {
    animation: equalize 4s 0s infinite;
}


div[data-player_state="playing"] .podcast_author_equilizer .pp_an .bar:nth-child(2) {
    animation-delay: -2s;
}


div[data-player_state="playing"] .podcast_author_equilizer .pp_an .bar:nth-child(3) {
    animation-delay: -2.3s;
}


div[data-player_state="playing"] .podcast_author_equilizer .pp_an .bar:nth-child(4) {
    animation-delay: -2.4s;
}

.s_audio_p[data-player_state="paused"]{
	display:none!important;
}

.s_audio_p[data-player_state="playing"],
.s_audio_p.latest_podcast_loaded[data-player_state="paused"]{
	display:block!important;
}

.no_wave_effect {
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
    position: absolute;
    width: 100%;
    top: -150px;
    left: 0;
    opacity: 0.9;
    transform: scale(0.8);
}

.no_wave_effect .bar {
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-direction: alternate;
  background:  var(--clr_light);;
  margin: 0 1.5px;
  height: 10px;
  min-width: 3px;
}

.s_audio_p[data-player_state="playing"] .no_wave_effect .bar {
  animation-name: wave-lg;
}

.s_audio_p[data-player_state="playing"] .no_wave_effect .bar:nth-child(-n+7),
.s_audio_p[data-player_state="playing"] .no_wave_effect .bar:nth-last-child(-n+7) {
  animation-name: wave-md;
}
.s_audio_p[data-player_state="playing"] .no_wave_effect .bar:nth-child(-n+3),
.s_audio_p[data-player_state="playing"] .no_wave_effect .bar:nth-last-child(-n+3) {
  animation-name: wave-sm;
}


@keyframes wave-sm {
  0% {
    opacity: 0.35;
    height: 10px;
  }
  100% {
    opacity: 1;
    height: 25px;
  }
}
@keyframes wave-md {
  0% {
    opacity: 0.35;
    height: 15px;
  }
  100% {
    opacity: 1;
    height: 50px;
  }
}
@keyframes wave-lg {
  0% {
    opacity: 0.35;
    height: 15px;
  }
  100% {
    opacity: 1;
    height: 70px;
  }
}


.ps_inner_page > .col-md-3{
	display: none;
}

.ps_inner_page > .col-md-3.active_ps_item{
	display: block;
}


.main_grid_resources {
    position: relative;
}

.main_grid_resources > .col-lg-3 {
    position: absolute;
    top: 0;
    width: 29% !important;
    transition: var(--ta_s);
	max-width: 348px;
}

.main_grid_resources > .col-lg-9 {
    left: 29%;
    width: 70% !important;
    position: relative;
}

.main_grid_resources.r_sidebar_touches_footer > .col-lg-3{
	bottom:0!important;
	top: auto!important;	
}
.r_sidebar_fixed > .col-lg-3{
	position: fixed;
	top: 140px;
}

.s_c_r_row {
	display: none;
}

.s_c_r_row.active_r_item {
	display: flex;
}

#inner_page{
    scroll-margin-top: 40px;
}

#reply-title{
    font-size: 24px;
}

#reply-title small a {
    font-family: var(--ff_c)!important;
    font-size: 10px!important;
    padding: 6px 10px;
    background: var(--clr_dark);
    color: var(--clr_light);
    transition: var(--ta_s);
    margin-left: 10px;
    text-transform: uppercase;
    border-radius: var(--br_s);
    text-decoration: none;
    position: relative;
    top: -3px;
}

#reply-title small a:hover{
	opacity:0.8;
}

.logged-in-as a{
	color:var(--clr_dark)!important;
	margin-bottom: 10px;
	display: inline-block;
}

.required-field-message
{
    color: var(--clr_dark);
    letter-spacing: var(--ls_m);
    font-weight: 600;
    opacity: 0.7;
	display: block;
}

/*//////////////// Media Query Tweaks /////////////////*/


@media(min-width:1200px){

	.logo_cntr_ul_bot #main_header > nav > .container

	{
	  flex-wrap: wrap!important;
		align-items: center!important;
		justify-content: center!important;
	}

	.logo_cntr_ul_bot #main_header > nav > .container .navbar-nav{
	  flex-wrap: wrap !important;
	  justify-content: center !important;
		margin-top: 10px!important;
	}
	
	.logo_cntr_ul_bot #main_header > nav > .container .navbar-nav li{
		margin-bottom:2px!important;
	}
	
	.logo_cntr_ul_bot #top_banner {
	  height: 130vh!important;
	}
	
	.logo_cntr_ul_bot #top_banner .container .banner_text {
	  min-height: 130vh!important;
	}
	
	.logo_cntr_ul_bot #jh_mapping {
	  scroll-margin-top: 200px!important;
	}
	
}

@media(min-width:1600px) and (max-width:1919px){
	.banner_text h1,
	.banner_text h2 {
	  font-size: 55px;
	}
	
	.parallax_el {
	  background-size:150vw;
	}
	
	.sec_title_block h2 {
	  font-size: 55px;
	}
	
	#top_banner {
	  height: 115vh!important;
	}
	
	#top_banner .container .banner_text {
	  min-height: 115vh!important;
	}
	
	#top_banner.inner_page_top_sec{
		height: 630px!important;
		background-image: url("images/top_banner_image_inner.jpg");
	}

	#top_banner.inner_page_top_sec .container .banner_text {
		height: 530px!important;
		min-height: 530px!important;
	}
	
	.inner_page {
		padding: 100px 0 120px!important;
	}
	
}

@media(min-width:1024px) and (max-width:1599px){
	
	#top_banner {
	  height: 120vh!important;
	}
	
	#top_banner .container .banner_text {
	  min-height: 120vh!important;
	}
	
	.banner_text h1,
	.banner_text h2 {
	  font-size: 50px;
	}
	
	.banner_text .web_btn {
	  margin: 10px 0 60px;
	}
	
	.banner_text p {
	  font-size: 20px;
	}
	

	
	.parallax_el {
	  background-size:150vw;
	}
	
	.sec_title_block h2 {
	  font-size: 50px;
	}
	

	.single_blog_col {
	  max-width: 1000px;
	  margin-left: auto;
	  margin-right: auto;
	}
	
	
	.sb_content p {
	  letter-spacing: 1px;
	  font-size: 14px;
		line-height: 1.8;
	}
	
	.sb_content {
	  margin-bottom: 20px;
	}
	
	.s_blog_content h3 {
	  font-size: 30px;
	}
	
	.sb_meta {
	  font-size: 13px;
	  margin-bottom: 18px;
	}
	
	.see_more_btn {
	  padding-top: 80px;
	}
	
	
	#blog_sec .see_more_btn {
	  padding-top: 20px;
	}

	#blog_sec {
	  padding-bottom: 70px;
	}
	
	.inner_page {
		padding: 100px 0 120px!important;
	}
	
}

@media(max-width:1199px){
	
	.parallax_el {
	  background-size: cover!important;
	  background-position: center top!important;
		background-attachment: fixed!important;
	}
	
	.navbar-toggler {
		padding: 0!important;
		outline: none!important;
		border: none!important;
		display: flex;
		align-items: flex-start;
		flex-direction: column;
		justify-content: space-between;
		height: 32px;
		width: 40px;
	}
	
	.navbar-toggler span {
		width: 100%;
		height: 4px;
		background: var(--clr_light)!important;
		transition: all 0.5s;
	}
	
	.hdr_fixed .navbar-toggler span {
		background: var(--clr_dark)!important;
	}
	
	.navbar-toggler span:nth-child(1) {
		width: 100%;
	}
	
	.navbar-toggler span:nth-child(2) {
		margin: 2px 0;
	}
	.navbar-toggler span:nth-child(2) {
		width: 60%;
	}
	.navbar-toggler span:nth-child(3) {
		width: 85%;
	}
	
	.btn-close:hover,
	.btn-close:focus,
	.btn-close:active,
	.navbar-toggler:focus,
	.navbar-toggler:active {
		outline: none!important;
		border: 0px!important;
		box-shadow: none!important;
	}
	.navbar-toggler:hover span,
	.navbar-toggler:focus span,
	.navbar-toggler:active span {
		width: 100%!important;
	}
	
	.web_header nav ul li{
		margin:0px!important;
	}
	.web_header nav ul li a {
	  color: var(--clr_dark) !important;
	  margin-bottom: 5px!important;
	}
	
	.web_header nav ul li a:hover,
	.web_header nav ul li a.active,
	.web_header nav ul li.current_page_item a
	 {
	  border-color: var(--clr_dark);
	  color: var(--clr_dark) !important;
	}
	
	.offcanvas-body .navbar-nav{
		margin-top:20px;
	}
	
	#offcanvasNavbar {
	  background: var(--clr_light) !important;
	  padding: 20px;
	}
	
	#main_header nav #offcanvasNavbar .web_logo img:first-child {
	  opacity: 0 !important;
	}
	
	#main_header nav #offcanvasNavbar .web_logo img:last-child {
	  opacity: 1!important;
	}
	
	
	.img_popup_inner .popup_img_short_description {
	  position: static!important;
	}
	
	.img_popup_inner .popup_img_short_description {
	  line-height: 21px !important;
	  padding: 14px !important;
	}
	
	
		div.pictures_sites {
		  margin: 0 auto !important;
		  max-width: 90%;
		}


		.ps_s_img,
		.ps_s_img img {
			height: 230px;
		}
	
	.comment-list li, .ad_blk {
		padding: 20px;
	}
	
	.inner_page {
		padding: 60px 0 100px!important;
	}
	
	
}

@media (min-width:1024px) {
	
.tcd{ text-align:center !important;}
.dibd{ display:inline-block !important; float:none !important;}

.nptd{ padding-top:0px !important;}
.nprd{ padding-right:0px !important;}
.npbd{ padding-bottom:0px !important;}
.npld{ padding-left:0px !important;}

.mdb30p{ margin-bottom:35px;}
.mdb30p{ margin-bottom:30px;}
.mdb25p{ margin-bottom:25px;}
.mdb20p{ margin-bottom:20px;}
.mdb15p{ margin-bottom:15px;}
.mdb10p{ margin-bottom:10px;}
.mdb5p{ margin-bottom:5px;}

.mdt30p{ margin-top:35px;}
.mdt30p{ margin-top:30px;}
.mdt25p{ margin-top:25px;}
.mdt20p{ margin-top:20px;}
.mdt15p{ margin-top:15px;}
.mdt10p{ margin-top:10px;}
.mdt5p{ margin-top:5px;}
}

@media (max-width:1023px){

	#top_banner {
	  height: 95vh;
	}
	
	
	.banner_text h1,
	.banner_text h2 {
	  font-size: 63px;
	}
	
	
	.banner_text p {
	  font-size: 18px;
	  line-height: 1.5;
	  max-width: 544px;
	}
	
	.banner_text .web_btn {
	  margin: 60px 0;
	}
	
	.sec_title_block h2 {
	  font-size: 50px;
	  line-height: 1.52;
	}
	

	.map_sec_bg .map_img_blk {
	  margin: 0 15px 0 25px;
	}
	
	.map_sec_content {
	  padding: 0 0 0 25px;
	}
	
	.map_sec_content h3 {
	  font-size: 22px;
	  margin-bottom: 15px;
	}
	
	.map_sec_content p {
	  font-size: 16px;
	  letter-spacing: var(--ls_s);
	}
	
	.web_btn_s {
	  font-size: 12px;
	  padding: 10px 17px;
	}
	
	.map_content_paths_ud {
	  padding: 150px 0;
	}
	
	.map_content_paths_ud .map_sec_bg::before, .map_content_paths_ud .map_sec_bg::after {
	  width: 46px;
	  height: 188px;
	  left: -24px;
	  background-position: center;
	  transform: rotate(12deg);
	}
	
	
	.article_list_row {
	  max-width:min(460px, 90%);;
		margin: 0 auto;
	}
	
	.article_list_row .s_artcl_blk{
		margin-bottom:50px;
	}
	
	.single_blog_col{
		max-width: min(550px, 85%);
		margin: 0 auto 50px;
		padding: 0!important;
	}
	
	.single_blog_col .s_blog_content{
		background:var(--clr_dark);
		padding: 40px!important;
	}
	
	.sb_meta {
	  display: inline-block;
	}
	
	div.pictures_sites > .col-md-3{
	  flex: 0 0 auto;
	  width: 33.33333333%;
	}

	
	.img_popup_inner .popup_img_short_description {
	  line-height: 21px!important;
		padding: 8px!important;
	}
	
	.img_popup_inner .popup_img_short_description p{
		font-size: 13px !important;
	}
	
	.reosurces_row > .col-md-4{
	  flex: 0 0 auto;
	  width: 50%;
	}
	
	.sec_title_block p {
	  font-size: 18px;
	  line-height: 26px;
	  max-width: 440px;
	}
	
	.contact_blk h3 {
	  font-size: 24px;
	  line-height: 40px;
	  letter-spacing: var(--ls_m);
	}
	
	.sec_title_block {
	  padding-bottom:70px;
	}
	
	.footer_col_has_sep::after {
	  display: none!important;
	}
	
	.footer_newsletter_from {
	  max-width: 560px;
	  margin: 80px auto 20px;
	}
	
	.mejs-time-rail {
	  min-width: 270px;
	}
	
	.f_a_content_tilte {
	  background-image: url(images/single_featured_article_text_bg_mob.png);
	  position: relative;
	  padding-top: 59px;
	  margin-top: -50px;
	  padding-bottom: 50px;
	}
	
	.f_a_content_tilte .sb_meta {
		text-align: center;
	}
	
	.f_a_content_tilte h2 {
		text-align: center;
	}
	
	.fa_content_btn {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		text-align: center;
	}
	
	.fa_content {
		margin: 15px 0 25px;
	}
	
	.mob_tab_v{
		display:block!important;
	}
	
	.mob_tab_h{
		display:none!important;
	}
	
	.featured_a_col {
	  max-width: min(408px, 90%);
	  margin: 0 auto 50px;
	}
	
}

@media (min-width:768px) and (max-width:1023px){

html, body{ font-size:92% !important;}	

.tct{ text-align:center !important;}
.dibt{ display:inline-block !important; float:none !important;}

.nptt{ padding-top:0px !important;}
.nprt{ padding-right:0px !important;}
.npbt{ padding-bottom:0px !important;}
.nplt{ padding-left:0px !important;}

.mtb30p{ margin-bottom:35px;}
.mtb30p{ margin-bottom:30px;}
.mtb25p{ margin-bottom:25px;}
.mtb20p{ margin-bottom:20px;}
.mtb15p{ margin-bottom:15px;}
.mtb10p{ margin-bottom:10px;}
.mtb5p{ margin-bottom:5px;}

.mtt30p{ margin-top:35px;}
.mtt30p{ margin-top:30px;}
.mtt25p{ margin-top:25px;}
.mtt20p{ margin-top:20px;}
.mtt15p{ margin-top:15px;}
.mtt10p{ margin-top:10px;}
.mtt5p{ margin-top:5px;}

}

@media(max-width:991px){
	.contact_info_col{
		padding-left:0px!important;
		margin-top: 60px!important;
	}
	.contact_info_col:before

	{
	 display: none!important;
	}
	
	.contact_page_row
	{
		max-width: 610px;
		margin: 0 auto;
	}
	
	.main_grid_resources .col-lg-3 {
		width: 35%!important;
	}
	
	.main_grid_resources .col-lg-9 {
		width: 65%!important;
		left: 36%!important;
	}
	
	.resources_items_nav.nav_pagination ul{
		display:none;
	}
	
}

@media (max-width:767px){

html, body{ font-size:77% !important;}	
	

.tcm{ text-align:center !important;}
.dibm{ display:inline-block !important; float:none !important;}

.nptm{ padding-top:0px !important;}
.nprm{ padding-right:0px !important;}
.npbm{ padding-bottom:0px !important;}
.nplm{ padding-left:0px !important;}


.mmb30p{ margin-bottom:35px;}
.mmb30p{ margin-bottom:30px;}
.mmb25p{ margin-bottom:25px;}
.mmb20p{ margin-bottom:20px;}
.mmb15p{ margin-bottom:15px;}
.mmb10p{ margin-bottom:10px;}
.mmb5p{ margin-bottom:5px;}

.mmt30p{ margin-top:35px;}
.mmt30p{ margin-top:30px;}
.mmt25p{ margin-top:25px;}
.mmt20p{ margin-top:20px;}
.mmt15p{ margin-top:15px;}
.mmt10p{ margin-top:10px;}
.mmt5p{ margin-top:5px;}
	
	.banner_text h1,
	.banner_text h2 {
	  font-size: 38px;
	}
	
	.map_sec_content {
	  padding: 80px 40px 0!important;
	}
	
	.banner_text p {
	  font-size: 16px;
	  line-height: 24px;
	  padding: 0 20px;
	}
	
	.map_content_paths_ud .map_sec_bg::before,
	.map_content_paths_ud .map_sec_bg::after {
		display:none!important;
	}
	
	.map_content_paths_ud {
	  padding: 80px 0;
	  flex-direction: column;
	}
	
	.audio_palyer .mejs-controls {
	  justify-content: flex-start !important;
	  flex-wrap: wrap !important;
	  min-height: 115px;
	}
	
	.mejs-controls .mejs-time-rail{
		order:3!important;
		width: 100%;
		min-width: inherit!important;
	}
	
	.mejs-time.mejs-currenttime-container::after {
	  content: '-';
	  color: var(--clr_light);
	  transform: scaleX(4) translateX(6px);
	}
	
	.map_content {
	  max-width: 500px;
	  margin: 0 auto;
	}
	
	.see_more_btn {
	  padding-top: 30px;
	}
	
	.map_sec_bg .map_img_blk {
	  margin: 0 15px!important;
	}
	
	.article_list_row {
	  max-width: min(460px, 100%);
	}
	
	
	.footer_col_has_sep {
	  padding-left: 0;
	}
	
	.footer_col_has_sep::before {
	  display: none;
	}
	
	.footer_main_row {
	  padding: 0 40px;
	}
	
	.footer_menu{
		text-align:center!important;
		margin: 50px 0 0 0;
	}
	
	.footer_newsletter_from{
		text-align:center!important;
	}
	
	
	div.pictures_sites {
	  margin: 0 auto !important;
	  max-width: 85%;
	}
	
	
	div.pictures_sites > .col-md-3 {
	  	width: 50%;
		margin-bottom: 24px!important;
		padding:0 12px !important;
	}

	.ps_s_img,
	.ps_s_img img {
		height: 230px;
	}

	.f_a_content_tilte {
	  background-size: cover;
	}
	
	.article_lp .s_artcl_blk:hover .web_btn {
	  background: var(--clr_light) !important;
	  opacity: 1 !important;
	  color: var(--clr_dark) !important;
	  border: 2px solid var(--clr_light) !important;
	}
	
	.nav_pagination ul {
	  display: none!important;
	}
	
	.page_nav_btn{
		min-width:118px;
		text-align: center;
	}
	
	#top_banner.inner_page_top_sec {
	  height: 440px !important;
	}

	.web_breadcrumbs{
		display:none!important;
	}
	
	.ad_t_c ul,
	.ad_blk_inner {
	  flex-direction: column;
	}
	
	.ad_t_c ul li:first-child{
		margin:0;
		padding: 0;
	}
	.ad_t_c ul li:first-child::after {
		display:none;
	}
	
	.ad_t_c ul li:last-child{
		margin:10px 0;
	}
	
	.c_pot_content_meta_top, .c_p_a_c_m {
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  flex-direction: column;
	}
	
	.inner_page {
	  padding: 90px 0!important;
	}
	
	.ad_m_i {
	  margin-bottom: 50px;
	}
	
	.c_pot_content_meta_top{
		margin-top:15px;
	}
	
	.wdgt_sep {
	  margin: 45px 0;
	}
	
	.comments_sec_sep {
	  margin: 25px 0;
	  height: 1px;
	  margin-bottom: 45px;
	}
	
	.main_grid_resources .col-lg-3,
	.main_grid_resources .col-lg-9 {
		width: 100%!important;
	}
	
	.contct_row > div:first-child:after{
		display:none!important;
	}
	
	.sec_has_yellow_txtr_bg,
	.sec_overlay{
		padding: 18vw 0 20vw;
	}

	
	#inner_page .main_grid_resources .col-lg-3, #inner_page .main_grid_resources .col-lg-9 {
		width: 100%!important;
		position: static!important;
		max-width: inherit!important;
		left: 0!important;
	}
	
	.all_resources_cate ul {
		max-height: 190px!important;
	}
	
}

@media (max-width: 680px){
	.sec_has_yellow_txtr_bg,
	.sec_overlay {
		padding: 30vw 0 40vw;
	}
}

@media(max-height:490px) and (min-width:750px){
	html #top_banner {
	  height: 900px !important;
	  padding-top: 160px;
	}
	
	.img_popup_inner {
	  max-width: min(1030px, 70%);
	  max-height: 80%;
	}
	
	.img_popup_inner .popup_img_short_description{
		display:none!important;
	}
	
	#top_banner.inner_page_top_sec {
	  height: 460px !important;
	}
	
	#top_banner.inner_page_top_sec .container .banner_text {
	  height: auto !important;
	  min-height: 190px !important;
	}
	
	
}

@media (max-width:560px){

	.audio_player_top {

	  flex-direction: column;
	}

	.sec_title_block h2 {
	  font-size: 37px;
	  line-height: 1.2;
	}
	
	div.pictures_sites > .col-md-3 {
	  width: 100%;
	}
	
	.reosurces_row > .col-md-4 {
	  width: 100%;
	}

	div.pictures_sites > .col-md-3 {
	  width: 100%;
		margin-bottom: 40px!important;
	}
	
		
	.img_popup_inner {
	  max-width: min(1030px, 95%);
	  border-width: 10px;
	}
	
	.ps_s_img, .ps_s_img img {
	  height: 290px;
	}
	
	.close_popup_img {
	  transform: scale(0.8) translateY(-10px);
	}
	
	.no_wave_effect {
		overflow: hidden;
	}
	
	
}

@media (max-width:540px){
	
	.audio_player_top h2 {
	  font-size: 22px;
	}
	
	.mejs-button, .mejs-time, .mejs-time-rail {
	  font-size: 10px;
	  height: 40px;
	  width: 17px;
	}
	
	.audio_palyer .mejs-volume-button, .audio_palyer .mejs-playpause-button {
	  transform: scale(1.5);
	  width: 60px !important;
	  transform-origin: left;
	}
	
	.audio_palyer .mejs-time span {
	  font-size: 25px !important;
	  letter-spacing: var(--ls_s)!important;
	  transform: translateY(-2px);
	}
	
	.audio_palyer .mejs-time {
	  padding: 0 5px !important;
	  width:50% !important;
		order: 2!important;
	}
	
	.audio_palyer .mejs-time {
	  padding: 0 5px !important;
	  width:90px !important;
		order: 1!important;
	}

	.audio_palyer .mejs-time.mejs-duration-container{
		order: 2!important;
	}
	
	.audio_palyer .mejs-horizontal-volume-slider {
	  width: calc(100% - 68%);
	}
	
	.mejs-time.mejs-currenttime-container::after {
	  transform: scaleX(4) translateX(3.7px);
	}
	
	.top_nav {
		flex-direction: column;
	}
	
	.bt_prv{
		margin-bottom:20px;
	}
	
}

@media(min-width:440px) and (max-width:540px){
	.audio_palyer .mejs-horizontal-volume-slider {
	  width: calc(100% - 40%);
	}
}

@media(max-width:440px){
	.audio_palyer {
	  padding: 18px!important;	  
	}
	
	.footer_main_row {
	  padding: 0 20px;
	}
	
	.single_podcast h2 {
		font-size: 14px;
		font-weight: 600;
        text-transform: none; 
		letter-spacing: 0.5px;
	}
	
}

@media (max-width:380px){
	#main_header nav .web_logo {
	  width: 162px;
	}
	
	#main_header nav .web_logo img {
	  max-width: 209px !important;
	}
	
	.navbar-toggler {
	  transform: translateY(-8px)!important;
	}
	
	body p, body a, body span, body form, body ul, body ol {
	  font-size: 14px;
	}
	
	.inner_page {
	  padding: 80px 0 160px !important;
	}
}



html #top_banner.inner_page_top_sec {
    height: max(22vw, 500px)!important;
}


html #top_banner > .container {
	height: 100%!important;
}

html #top_banner.inner_page_top_sec .container .banner_text {
    height: 100%!important;
    min-height: inherit!important;
}

@media(max-width:767px){
	html #top_banner.inner_page_top_sec {
		height: max(30vw, 380px)!important;
	}
	
	.s_blog_img img {
		min-height: 380px;
	}
	
}