@charset "utf-8";
/*======================================

 [ -Main Stylesheet-
  Theme: Gmag
  Version: 1.0
  Last change: 15/10/2022 ]
*/
/*-------------Import fonts ---------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;700&family=Poppins:wght@200;300;400;500;600;700;800;900&display=swap');
/*-------------General Style---------------------------------------*/
html{
	overflow-x:hidden !important;
	height:100%;
}
body{
	margin: 0;
	padding: 0;
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	font-size: 12px;
	color: #2D3856;
	background:#fff;
  	min-height: 100vh;
  	scroll-behavior: smooth;
  	text-rendering: optimizeSpeed;
	text-align: center;
}
@-o-viewport {width: device-width;}
@-ms-viewport {width: device-width;}
@viewport {width: device-width;}
/*--------------Typography--------------------------------------*/
p {
	text-align:left;
	font-size:14px;
	line-height:24px;
	padding-bottom:10px;
	font-weight: 500;
 	color: #5e646a;
}
blockquote {
	float:left;
	padding: 20px 20px 10px;
	margin: 0 0 20px;
	font-size: 17.5px;
	border-left: 15px solid #eee;
	background: #f9f9f9;
	position: relative;
}
blockquote p {
	font-family: 'Playfair Display', cursive;
	color:#494949;
}
blockquote:before {
    font-family: Font Awesome\ 5 Pro;
    content: "\f10e";
    position: absolute;
    color: #ccc;
    bottom: 3px;
    font-size: 43px;
    right: 6px;
    opacity: 0.4;
} 
/* ---------Content Styles--------------------------------------*/
#main{
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	opacity:1;
	background:#fff;
}
#wrapper{
	float:left;
	width:100%;
	position:relative;
	padding-top:140px;
}
.fl-wrap {
	float: left;
	width: 100%;
	position: relative;
}  
.container{
	max-width: 1300px;
	width:92%;
	margin:0 auto;
	position: relative; 
	z-index:2;
}
.content { 
	width:100%;
	position:relative;
	z-index:13;
	background:#fff;
	float:left;
} 
.bg{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-size: cover;
	background-attachment: scroll  ;
	background-position: center  ;
	background-repeat:repeat;
	background-origin: content-box;
}
 .single-slider img   {
	width:100%;
	height:auto;
}
.overlay {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	opacity:0.3;
	z-index:2;
}
.bg-wrap {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	overflow: hidden;
}
.gray-bg {
	background: #f9f9f9;
}
/* ---------tabs--------------------------------------*/
.tab-content   {
    width: 100%;
    display: none;
	float:left;
}
.tab{
    width: 100%;
	float:left;
}
.first-tab {
	display: block;
} 
/*------ Header  ------------------------------------------------*/
.main-header {
	position:fixed;
	top:0;
	left:0;
	right:0;
	z-index:100;
	-webkit-transform: translate3d(0,0,0); 
}
.top-bar {
    background: #2D3856;
    height: 70px;
    overflow: hidden;
    transition: all .2s ease-in-out;
}
.top-bar.scroll-sticky {
	height: 0;
}
.topbar-social {
	float:right;
	position:relative;
 	height: 32px;
	top:18px;
}
.topbar-social li {
	float:left;
	margin-left: 6px;
}
.topbar-social li a  {
	font-size:12px;
	width: 32px;
	height: 32px;
	line-height: 32px;
	float: left;
	color: #fff;
	border-radius: 2px;
}
.topbar-social a  {	
    transition: all 100ms linear;
}
.topbar-social a:hover   {
	color:#fff;
}
.date_num {
	position: absolute;
	width: 50px;
	height: 70px;
	line-height: 70px;
	font-size: 34px;
	left: 0;
	top: 0;
	font-weight: 500;
}
.date_mounth , .date_year {
	text-align: left;
	float: left;
	width: 100%;
	font-size: 11px;
	font-weight: 500;
}
.p_btn {
	margin-right: 14px;
}
.header-inner {
    background: #fff;
    height: 70px;
    border-bottom: 1px solid #eee;
	box-shadow: 0 15px 30px 0 #0000000f;
}
.logo-holder {
	float: left;
	position: relative;
	z-index: 21;
	height: 50px;
	top: 11px;
}
.logo-holder img {
	width: auto;
	height:100%;
}
.show-cart  {
	float:right;
	font-size:16px;
	color:#666;
	cursor:pointer;
	position:relative;
	width:70px;
	height:70px;
	line-height:70px;
	margin-left:24px;
	border-left:1px solid #eee;
	text-align:center;
	box-sizing:border-box;
	font-weight: 600;
}
.show-cart i{
	position: relative;
	z-index: 2;
}
.sc_btn.scwllink:after   {
	top:0;
}
.show-cart_count {
	position:absolute;
	bottom:16px;
	width:16px;
	height:16px;
	line-height:16px;
	border-radius:100%;
	color:#fff;
	left:16px;
	z-index:10;
	font-size:10px;
	background: #eee
}
.show-cart i , .show-cart_count  , .header-cart_wrap  {
	transition: all .3s ease-in-out;
}
.show-cart:before {
    content: "";
    display: block;
    width: 1px;
    height: 16.8px;
    position: absolute;
    top: 50%;
    left: -20px;
	background:rgba(255,255,255,0.51);
    margin-top: -8.4px;
    transform: rotate(45deg);
}
.sc_btn.scwllink i:before     {
	content: "\f00d";
	color: #fff;
}
.sc_btn.scwllink .show-cart_count{
	transform: scale(0);
}
.progress-bar-wrap {
	position:fixed;
	top:0;
	left:0;
	right:0;
	height:2px;
	z-index:123;
}
.progress-bar {
    position:relative;
    height:100%;
    width:0%;
	z-index:2;
	top:0;
    transition: all .2s ease-in-out;
}
.header-cart_wrap_container  .ps__thumb-y {
   border-radius: 4px;
} 
.header-search-wrap {
	position: absolute;
	top: 100%;
	right: 0;
	width: 350px;
	padding: 20px 15px;
	background: #2D3856;
	border-top: none;
	box-shadow: 0 13px 20px rgb(58 87 135 / 5%);
	transition: all .3s ease-in-out;
	opacity: 0;
	visibility: hidden;
	margin-top: 10px;
}
.vis-search {
	opacity: 1;
	visibility: visible;
	margin-top: 0;	
}
.header-search-wrap .widget-inner {
    margin:0;
}
.search {
    border: none;
    float: left;
    background: rgba(255,255,255,0.1);
    border-radius: 2px;
    position: relative;
    outline: none;
    padding: 0px 0px 0px 20px;
    width: 100%;
    height: 50px;
    color: #fff;
	font-family: 'Poppins', sans-serif;
    -webkit-appearance: none;
}
.search::-webkit-input-placeholder  {
	color: #fff;
	font-weight: 500;
	font-size: 12px;
	position: relative;
	font-family: 'Poppins', sans-serif;
}
.search-submit {
    border: none;
    outline: none;
    cursor: pointer;
    background: none;
    position: absolute;
    top: 20px;
    right: 15px;
    width: 70px;
    height: 50px;
    font-size: 11px;
	color: #fff;
	border-radius: 0 2px 2px 0;
}
.header-cart_wrap {
	position:absolute;
	top:70px;
	right:119px;
	padding:25px 20px 15px;
	width: 391px;
	background:#fff;
	opacity: 0;
    visibility: visible;
    display: none;
	border:1px solid #eee;
	border-top:none;
	box-shadow: 0 5px 15px rgb(0 0 0 / 5%);
}
.vis-cart {
	opacity:1;
	visibility:visible;
	right:139px;
}
.header-cart_wrap_container {
	max-height:290px;
	float:left;
	width:100%;
	overflow:auto;
	padding-right:10px;
}
/*------ navigation  ------------------------------------------------*/ 
.nav-holder {
	float:right;
	position:relative;
	opacity:1;
	top:17px;
	visibility:visible;
	z-index:20;
}
.nav-holder nav {
	position:relative;
	float: right;
}
.nav-holder nav li{
	float:left;
	position:relative;
	margin-right:6px;
	height:50px;
}
.nav-holder nav li ul {
	margin: 30px 0 0 0;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	min-width:150px;
	top: 53px;
	left: 0;
	z-index: 1;
	padding:10px 0;
	background:#2D3856;
	transition: all .2s ease-in-out;
}
.nav-holder nav li:hover > ul {
	opacity: 1;
	visibility: visible;
	margin: 0;
}
.nav-holder nav li ul li ul {
	top: -10px  ;
	left: 100%;
	margin-left:25px;
	margin-top:0;
	max-width:150px;
}
.nav-holder nav li ul li:hover  > ul  {
	opacity: 1;
	visibility: visible;
	margin-right:0px;
}
.nav-holder nav li ul li {
	width:100%;
	float:left;
	height:auto;
	position:relative;
}
.nav-holder nav li a {
	float: left;
	padding: 5px 11px;
    color: #222;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 25px;
    transition: all 100ms linear;
	position:relative;
}
.nav-holder nav li a.act-link , .nav-holder nav li a:hover   {
	color: #C6104F;
}
.nav-holder nav li a i {
	padding-left:10px;
    transition: all 200ms linear;
}
.nav-holder nav li a:hover i {
    transform: rotateX(180deg);
}
.nav-holder nav li ul a {
	float:left;
	width:100%;
	text-align:left;
	padding:2px 15px;
	font-size: 11px;
	color: #fff;
}
.nav-holder nav li ul a:before , .nav-holder nav li ul a:after , .nav-button-wrap {
	display:none;
}
/* ------Hero content------------------------------------------------------------ */
.hero-carousel-pag {
	display: inline-block;
	width: 10px;
	margin-bottom: 20px;
}
.hc-cont-next  {
	border-radius: 4px 4px 0 0;
}
.hc-cont-prev  {
	border-radius: 0 0 4px 4px ;
}
.hero-hrid {
	padding: 30px 0 10px;
}
.hero-hrid .grid-post-item .grid-post-media.gpm_sing  {
	padding: 0;
	height: 450px;
	margin: 0;	
}
.hero-hrid .grid-post-item .grid-post-media.gpm_sing.bold_gpi_half {
	height: 215px;
}
.hero-hrid .grid-post-item .grid-post-media.gpm_sing.bold_gpi_half .author-link {
	left: 20px;
	top: 20px;
} 
.hero-hrid .grid-post-item .grid-post-media.gpm_sing.bold_gpi_half .grid-post-media_title {
	padding: 10px 20px 15px;
}
.hero-hrid .grid-post-item .grid-post-media.gpm_sing.bold_gpi_half .grid-post-media_title h4 {
	font-size: 13px;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;	
}
.slider-progress-bar {
	position:absolute;
	top:50px;
	right:30px;
	z-index:120;
}
.hero-slider_controls-list .swiper-slide-thumb-active .hsc-list_item:before  {
   width: 100%;
}
.hero-slider_controls-list .swiper-slide-thumb-active .hsc-list_item-media:before , .hero-slider_controls-list .swiper-slide-thumb-active .hsc-list_item-media:after {
	opacity: 1;
}
.hero-slider_controls-list .swiper-slide-thumb-active .hsc-list_item-content h4  , .hero-slider_controls-list .swiper-slide-thumb-active .hsc-list_item-content .post-date {
   color: #fff;
}
.multi-pag {
	left: 0;
	bottom: 160px;
	width: auto;
	position: absolute;
}
.fs-slider-button-prev {
	margin-top:25px;
}
.ajax-nav {
	position: absolute;
	right: 0;
	bottom: 20px;
	border: 1px solid #ddd;
	overflow: hidden;
	border-radius: 4px;
}
.ajax-nav li {
	float: left;
	border-left: 1px solid #ddd;
}
.ajax-nav li:first-child{
	border-left: none;
}
.ajax-nav li a {
	padding: 8px 12px;
	float: left;
	background: #f9f9f9;
	font-weight: 600;
	font-size: 10px;
	text-transform: uppercase;
}
.ajax-nav li a.current_page {
	color: #fff;
}
.ajax-loader {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background: rgba(255,255,255,0.4);
	z-index: 100;
	padding-top: 100px;
	display: none;
}
#ajax-content {padding: 10px 0;  overflow: hidden; height: auto; min-height: 450px  }
/*------  Section ------------------------------------------------------*/
section {
	float:left;
	width:100%;
	position:relative;
	padding:70px 0;
	z-index:10;
	overflow:hidden;
}
.section-title h2 {
	text-align: left;
    font-size: 24px;
    font-weight: 700;
    color: #2D3856;
}
.section-title {
	margin-bottom: 40px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ddd;
	position: relative;
}
.section-title h3 {
	text-align: left;
    font-size: 16px;
    font-weight: 700;
    color: #2D3856;	
	padding-bottom: 20px;
	position: relative;
	top: 15px;
}
.section-title:before , .single-post-header:after {
	content: '';
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 70px;
	height: 1px;
}
.section-title h4 {
	text-align: left;
	color: #666;
	font-size: 13px;
	font-weight: 600;
	margin-top: 4px;
}
.hero-section_bg {
	z-index: -1;
}
.hero-section_bg:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 70%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.99) 100%);
    z-index: 10;
}
.post-date i {
	font-weight: 800;
}
/*------ pagination -------------------------------------------------*/
.breadcrumbs-header {
	padding: 40px 0;
	background: #f5f5f5;
	border-bottom: 1px solid #eee;
}
 .breadcrumbs-header_url a , .breadcrumbs-header_url span {
	color: #fff;
	float: left;
	margin-right: 14px;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 10px;
	margin-top: 6px;
	position: relative;
}
.breadcrumbs-header_url {
	float: left;
}
.breadcrumbs-header_url a  {
	color: #000;
	font-weight: 600;
	font-size: 11px;
}
.breadcrumbs-header_url span{
	color: #666;
	font-weight: 600;
	font-size: 11px;
	position: relative;
}
 .breadcrumbs-header_url a , .breadcrumbs-header_url span   {
	padding-left: 14px;
}
 .breadcrumbs-header_url a:before , .breadcrumbs-header_url span:before {
    font-family: Font Awesome\ 5 Pro;
    content: "\f0da";
    position: absolute;
    left: 0;
    top: 2px;
    font-size: 11px;
    transition: all 200ms linear;
}
@keyframes scroll {
	0% {
		opacity: 0;
	}
	10% {
		transform: translateY(0);
		opacity: 1;
	}
	100% {
		transform: translateY(50px);
		opacity: 0;
	}
}
.pwh_bg {
    position: absolute;
    top: -120px;
    width: 800px;
    right: 0;
	height: 232px;
    background: url(../images/city-bg.png);
}
.picker-wrap-controls {
	position: absolute;
	right: 0;
	top: 0;
	width: 50px;
}
.picker-wrap-controls li span{
	width: 50px;
	height: 50px;
	line-height: 50px;
	float: left;
	cursor: pointer;
	color: #fff;
	border-bottom: 1px solid rgba(255,255,255,0.4);
}
.picker-wrap-controls li span.pwc_pause {
	font-size: 10px;
}
.picker-wrap-controls li span.pwc_pause.pwc_tog-pp i:before {
	content: "\f04b";
}
.picker-wrap-controls li:last-child span {
	border: none;
	border-radius: 0 0 4px 0 ;
}
.picker-wrap-controls li:first-child span {
	border-radius: 0 4px 0 0;
}
.picker-wrap .list-post-wrap {
	overflow: hidden;
	border: 1px solid #eee;
	border-bottom: none;
	box-sizing: border-box;
}
.picker-wrap .list-post {
 	border: none;
	padding: 15px 20px;
	background: #f9f9f9;
}
.picker-wrap .list-post:after {
	content: '';
	position: absolute;
	right: 0;
	left: 0;
	bottom: 1px;
	background: #eee;
	height: 1px;
	z-index: 20;
}
.picker-wrap .list-post:before , .picker-wrap .list-post .list-post-content:before {
	display: none;
}
.picker-wrap .list-post .list-post-media , .picker-wrap .list-post .list-post-content {
	float: right;
}
.picker-wrap .list-post .list-post-content {
	padding: 3px 30px 0 0;
}
.picker-wrap .list-post .list-post-content h3 {
	font-size: 16px;
	white-space: nowrap;
	overflow: hidden;
}
/*------ aside panel -------------------------------------------------*/
.cookie-info-bar {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 100;
	background: #fff;
	padding: 30px 0;
	box-shadow: 0 -1px 10px 0 rgb(172 171 171 / 30%);
}
.sicb_btn {
	display: inline-block;
	padding: 10px 20px;
	border-radius: 4px;
	background: #222;
	color: #fff;
	margin-left: 10px;
	font-weight: 600;
	font-size: 11px;
}
.aside-panel {
    position: fixed;
    top: 30%;
    right: -60px;
    width: 50px;
    padding: 0 0 0;
    background: #fff;
    z-index: 30;
    border: 1px solid #eee;
    border-right: none;
    border-radius: 6px 0 0 6px;
    box-shadow: 0 5px 40px rgb(0 0 0 / 7%);
	visibility: hidden;
    transition: all 300ms linear;
}
.vis_secnav {
    right: 0;
    visibility: visible;
}
.aside-panel li a {
    float: left;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #eee;
    transition: all 200ms linear;
    font-size: 15px;
	position: relative;
	background: #fff;
	color: #999;
}
.aside-panel li:last-child a {
	border: none;
	border-radius: 6px 0 0 0;
}
.aside-panel li a:hover {
	background: #f5f5f5;
}
.aside-panel li a span {
	position: absolute;
	right: 100%;
	top: 50%;
	margin:-15px 20px 0 0;
	color: #fff;
	background: #222;
	width: auto;
	height: 30px;
	line-height: 30px;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: 600;
	min-width: 120px;
	border-radius: 2px;
	opacity: 0;
	visibility: hidden;
	transition: all 200ms linear;
	box-shadow: 0 5px 40px rgb(0 0 0 / 7%);
}
.aside-panel li a:hover span {
	opacity: 1;
	visibility: visible;
}
/*------ pagination -------------------------------------------------*/
.pagination {
	margin:20px 0 0 0;
	text-align:center;
	float: left;
	z-index:10;
	position:relative;
	background: #2D3856;
	overflow: hidden;
	border-radius: 4px;
}
.pagination  a {
	float:left;
	width:50px;
	height:50px;
	line-height:50px;
	box-sizing:border-box;
	position:relative;
	font-size:10px;
	font-weight: 500;
	color: #ffffff;
    border-right: 1px solid rgba(255,255,255,0.15);
}
.pagination a.current-page, .pagination a:hover {
    color:#fff;
}
.pagination  a i {
	font-size:12px;
}
.pagination  a   {
    transition: all 150ms linear;
}
@keyframes spin3 {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(-360deg);
    }
}
/*------ forms -------------------------------------------------*/
.custom-form textarea,
.custom-form input[type="text"],
.custom-form input[type=email],
.custom-form input[type=password] {
	float: left;
	border: none;
	border: 1px solid #e1e1e1;
	background: #f9f9f9;
	width: 100%;
	padding: 15px 30px;
	border-radius: 4px;
	color: #000;
	font-size: 12px;
	-webkit-appearance: none;
	font-family: 'Poppins', sans-serif;
}
.custom-form input::-webkit-input-placeholder,
.custom-form textarea::-webkit-input-placeholder   {
	color: #666;
	font-weight: 500;
	font-size: 12px;
	position: relative;
	font-family: 'Poppins', sans-serif;
}
.custom-form input:-moz-placeholder,
.custom-form textarea:-moz-placeholder {
	color: #666;
	font-weight: 500;
	font-size: 12px;
	font-family: 'Poppins', sans-serif;
}
.custom-form textarea {
	min-height: 180px;
	resize: vertical ;
	padding: 25px 30px;
	-webkit-appearance: none;
	border: 1px solid #e1e1e1;
}
.custom-form input {
	margin-bottom: 20px;
}
.custom-form  textarea:focus , .custom-form input[type="text"]:focus  , .custom-form  input[type=email]:focus  , .custom-form  input[type=password]:focus   {
	background:#fff;
	box-shadow: 0px 10px 14px 0px rgba(12, 0, 46, 0.06);
}
.nice-select{
	font-size:12px;
	font-weight:500;
	height:48px;
	line-height:48px;
	border-radius: 2px;
    border: 1px solid #eee;
	background: #f5f5f5
}
.nice-select .option.focus,.nice-select .option.selected.focus , .nice-select.open {
	color:#000;
}
.irs-line-left , .irs-line-mid , .irs-line-right , .irs-bar-edge {
	background: #ccc;
}
.irs-single {
	color: #2D3856;
	font-weight: 600;
}
/*------ footer-------------------------------------------------*/
.main-footer {
	background: #222;
	padding: 80px 0 0;
}
.footer-widget-title {
    text-align: left;
    font-weight: 600;
    font-size: 16px;
    color: #fff;
    margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid rgba(255,255,255,0.1);
}
.footer-widget-content p{
	color: #fff
}
.footer-bottom {
	padding: 18px 0;
	margin-top: 70px;
    background: #191919;
}
.footer-logo {
	margin-bottom: 34px;
	display: block;
	text-align: left;
}
.footer-logo img {
	width: auto;
	height: 24px;
}
.footer-social {
	margin-top: 22px;
}
.footer-social li {
    float: left;
    margin-right: 6px;
}
.footer-social li a {
    font-size: 12px;
    width: 32px;
    height: 32px;
    line-height: 32px;
    float: left;
    color: #fff;
    border-radius: 2px;
}
.footer-list li {
    display: block;
    text-align: left;
    margin-bottom: 10px;
    padding-left: 20px;
    position: relative;
    font-size: 12px;
    font-weight: 600;
}
.footer-list li:before {
    font-family: Font Awesome\ 5 Pro;
    content: "\f0da";
    position: absolute;
    left: 0;
    top: 5px;
    font-size: 11px;
    transition: all 200ms linear;
}
.footer-list li:hover:before {
	left: 4px;
}
.footer-list li a {
	color: #B6B6B6;
	transition: all 200ms linear;
}
.footer-list li a:hover {
	color: #fff
}
#subscribe {
	margin-top: 20px;
}
.copyright {
    font-weight: 500;
    font-size: 12px;
    color: #999;
	text-align: left;
	float: left;
	line-height: 36px;
}
.subfooter-nav {
	float: right;
}
.subfooter-nav li {
	float: left;
	margin-left: 10px;
	line-height: 36px;
}
.subfooter-nav li a {
	color: #fff;
}
.to-top {
	float: right;
	width: 36px;
	height: 36px;
	line-height: 36px;
	border-radius: 2px;
	color: #fff;
	margin-left: 20px;
	cursor: pointer;
	transition: all 200ms linear;
}
.to-top i {
	transition: all 200ms linear;
	transform: translateY(0px);
	position: relative;
}
.to-top:hover  i{
	transform: translateY(-6px)
}
/*------login------------------------------------------------*/
.main-register-container {
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    overflow: auto;
	display: none;
    -webkit-transform: translate3d(0,0,0);
    background: rgba(0,0,0,.6);
}
.reg-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    -webkit-transform: translate3d(0,0,0);
}
.main-register-holder {
	max-width: 820px;
	margin: 150px auto;
	position: relative;
	z-index: 2;
}
.main-register-wrap {
	padding-left: 400px;
	background: #fff;
	overflow: hidden;
	border-radius:6px;
	transition: all .4s ease-in-out;
    transform :scale(0.8);
	opacity:0; 
}
.main-register_bg {
	position: absolute;
	left: 0;
	width: 400px;
	top: 0;
	bottom: 0;
}
.main-register {
	float:left;
	width:100%;
	position:relative;
	padding:100px 50px 30px;
	background:#fff;
	overflow:hidden;
	box-shadow: 0 15px 5px rgba(0,0,0,0.08);
}
.vis_mr {
	opacity:1;
    transform :scale(1.0);
}
.main-register .tabs-menu {
	position: absolute;
	left: 0;
	top: 0;
	right: 50px;
}
.close-modal {
	position: absolute;
	right: 0;
	top: 0;
	width: 50px;
	height: 50px;
	line-height: 50px;
	cursor: pointer;
	font-size: 15px;
	transition: all .4s ease-in-out;
}
.close-modal:hover {
	background: #f1f1f1;
}
.main-register .tabs-menu li {
	float: left;
	width: 50%;
}
.main-register .tabs-menu li a {
	height: 50px;
	line-height: 50px;
	float: left;
	width: 100%;
	background: #2D3856;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: 600;
	color: #fff;
}
.main-register .tabs-menu li.current a , .main-register .tabs-menu li.current a i  {
	color: #fff;
}
.main-register .tabs-menu li a i {
	margin-right: 10px;
	font-weight: 800;
}
.soc-log {
	padding: 5px 0;
}
.soc-log p {
	margin-bottom:12px;
	font-size:11px;
	color:#454545;
	text-align: center;
}
.soc-log a {
	float:left;
	width:100%;
	color:#fff;
	height:50px;
	line-height:50px;
	margin-bottom:10px;
	border-radius:4px;
	font-size:11px;
	font-weight:600;
	position:relative;
	text-align: center;
	background: #2D3856;
}
.soc-log a i {
	font-size:12px;
	position: absolute;
	top:0;
	width:50px;
	height:50px;
	left:0;
	line-height:50px;
	border-right: 1px solid rgba(255,255,255,0.1);
}
.log-separator  span{
	position:relative;
	width:90px;
	display:inline-block;
	background:#fff;
	z-index:2;
}
.log-separator:before {
	content:'';
	position:absolute;
	top:50%;
	left:0;
	right:0;
	height:1px;
	background:#eee;
	z-index:1;
}
.custom-form .log-submit-btn {
	float:left;
	padding:18px 0;
	width: 100%;
	border:none;
	border-radius:4px;
	color:#fff;
	font-weight: 600;
	font-size: 11px;
	text-transform: uppercase;
	cursor:pointer;
	-webkit-appearance: none;
	margin-bottom:16px;
	font-family: 'Poppins', sans-serif;
}
.custom-form .log-submit-btn:hover {
	color: #000
}
.custom-form label {
    float: left;
    position: relative;
    width: 100%;
    text-align: left;
    font-weight: 500;
    color: #666;
    font-size: 11px;
	margin-bottom: 6px;
}
.main-register .filter-tags{
	float:left;
	margin:2px 0 0 0;
}
.main-register .filter-tags input {
	float: left;
    position: relative;
    border: 1px solid #e5e7f2;
    cursor: pointer;
    padding: 0;
    width: 20px;
    height: 20px;
    border-radius: 2px;
    color: #fff;
    background: #fff;
    -webkit-appearance: none;
}
.filter-tags input:checked:after  {
	font-family: Font Awesome\ 5 Pro;
	content: "\f00c";
	font-size: 12px;
	position: absolute;
	top:2px;
	left: 3px;
	z-index:20;
}
.main-register .filter-tags label{
	color: #50596E !important;
	width: auto;
	margin:2px 0 0 12px;
}
.lost_password {
	margin-top:4px;
	float:right;
}
.lost_password a   {
	float:left;
	color: #666;
	font-size:11px;
	font-weight:500;
}
.lost_password a:hover {
	text-decoration: underline;
}
/*------ post ------------------------------------------------*/
.bold_gpi  {
	margin-bottom: 20px;
}
.bold_gpi:after {
    content: '';
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 10px;
    z-index: -1;
    height: 50px;
    border-radius: 50%;
    box-shadow: 0 10px 14px 0 rgb(37 44 65 / 12%);
    transition: all .3s ease;
}
.bold_gpi .grid-post-content {
	border: 1px solid #eee;
	padding: 20px 20px 0px;
	background: #fff;
}
.grid-post-content h3{
	text-align: left;
	font-weight: 600;
	font-size: 15px;
	font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
}
.grid-post-media {
	overflow: hidden;
	position: relative;
	border-radius: 4px 4px 0 0;
 	height: 220px;
}
.grid-post-media.gpm_sing {
	border-radius: 4px;
 	padding: 200px 0;
	height: auto;
}
.grid-post-media_title {
    position: absolute;
    bottom: 0;
    z-index: 20;
    left: 0;
    right: 0;
    padding: 10px 40px 30px;
}
.grid-post-media_title .post-opt {
	margin-left: 20px;
	color: #fff;
	top: 6px;
	position: relative;
	float: left;
}
.grid-post-media_title .post-opt i  , .grid-post-media_title .post-opt li  {
	margin-right: 10px;
}
.gpm_sing .author-link {
	position: absolute;
	z-index: 10;
	left: 40px;
	top: 30px;
}
.grid-post-media_title h4 {
    text-align: left;
    color: #fff;
    float: left;
    width: 100%;
    font-size: 19px;
    font-weight: 600;
}
.grid-post-media_title h4 a , .gpm_sing .author-link a {
	color: #fff;
}
.grid-post-media .bg{
    transform: translateZ(0);
    transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
}
.grid-post-media:hover .bg  {
	-webkit-transform: scale(1.15);
	-moz-transform:scale(1.15);
	transform: scale(1.15);
}
.grid-post-content .post-date , .list-post-content  .post-date {
	float: left;
	width: 100%;
	text-align: left;
	color: #666;
	font-size: 10px;
	font-weight: 600;
	text-transform: uppercase;
	margin: 3px 0 10px 0;
}
.grid-post-content .post-date i , .post-opt li i , .list-post-content  .post-date i {
	margin-right: 4px;
}
.post-opt li i {
	font-weight: 600;
}
.post-opt li {
	float: left;
	font-size: 10px;
	font-weight: 600;
	text-transform: uppercase;
}
.author-link {
	float: left;
}
.author-link img {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	float: left;
	margin-right: 8px;
}
.author-link span {
	font-size: 10px;
	font-weight: 600;
	text-transform: uppercase;
	position: relative;
	top: 9px;
}
.author-link strong {
	color: #777;
}
.author-link:hover strong {
	color: #000;
}
.grid-post-item  .post-category-marker  {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 10;
}
.grid-post-media_title .post-category-marker {
	position: relative;
	top: 0;
	right: 0;
	float:left;
	margin-bottom: 15px;
}
.grid-post-item  .post-category-marker:hover {
	background: #2D3856;
}
.sgs-pagination .swiper-pagination-bullets , .multi-pag .swiper-pagination-bullets {
	width: 10px;
}
.sgs-pagination  .swiper-pagination-bullet ,  .multi-pag .swiper-pagination-bullet , .hero-carousel-pag .swiper-pagination-bullet   {
	width: 7px;
	height: 7px;
    background: #fff;
    opacity:1;
	position: relative;
}
 .hero-carousel-pag .swiper-pagination-bullet {
	margin-bottom: 10px;
}
.gallery-item {
    width:33.3%;
    position: relative;
    float: left;
    padding: 5px;
}
.list-post {
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #eee;
}
.list-post:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 30px;
	height: 1px;
}
.list-post-media {
	position: relative;
	width:40%;
	overflow: hidden;
	height: 190px;
	float: left;
	border-radius: 4px;
}
.post-media_title {
	position: absolute;
	right: 0;
	bottom: -50px;
	z-index: 20;
	color: #fff;
	font-size: 10px;
	font-weight: 500;
	background: rgba(255,255,255,0.2);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
	padding: 6px 13px;
	border-radius: 4px 0 0 0;
	transition: all 400ms linear;
}
.list-post-media:hover .post-media_title , .grid-post-media:hover .post-media_title  {
	bottom: 0;
}
.list-post-media a {
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
}
.list-post-content {
	float: left;
	width: 60%;
	padding: 3px 0 0 30px;
	position: relative;
}
.list-post-content:before , .single-post-header:before {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	width: 20px;
	height: 20px;
	box-sizing: border-box;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
}
.list-post-content h3 {
	font-size: 18px;
	font-weight: 600;
	text-align: left;
	display: block;
	width: 100%;
	clear: both;
}
.list-post-content .post-opt li {
	margin-right: 10px;
}
.list-post-content .post-opt {
	margin-top: 20px;
	float: right;
}
.list-post-content .post-category-marker , .single-post-header .post-category-marker {
	float: left;
	margin-bottom: 6px;
}
.list-post-content .post-category-marker , .grid-post-media_title .post-category-marker {
	padding: 4px 13px;
	font-size: 10px;
}
.list-post-content .post-category-marker:hover {
	background: #222;
}
.single-post-header {
	padding: 0 0 30px;
	border-bottom: 1px solid #eee;
}
.single-post-header h1 {
	font-size: 28px;
	font-weight: 700;
	text-align: left;
}
.single-post-header h4 {
	font-size: 12px;
	font-weight: 600;
	text-align: left;
	color: #6c6f72;
	font-family: 'Playfair Display', cursive;
	padding-bottom: 20px;
}
.single-post-header .post-opt {
	float: right;
	padding: 6px 14px 6px 5px;
	background: #f9f9f9;
	border: 1px solid #eee;
}
.single-post-header .post-opt li {
	margin-left: 15px;
	font-size: 11px;
}
.single-post-header .post-date {
	float: left;
	margin:10px 0 0 20px;
	position: relative;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: 600;
}
.single-post-header .post-date i {
	margin-right: 6px;
}
.ss-slider-cont{
    position: absolute;
    top: 50%;
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin-top: -20px;
    border-radius: 4px;
    color:#fff;
    z-index: 50;
    cursor: pointer;
}
.ss-slider-cont-next {
    right: 20px;
}
.ss-slider-cont-prev {
    left: 20px;
}
.pmd_vis {
	bottom: 0;
	background: rgba(0,0,0,0.2);
}


.ss-slider-controls2 {
	position: absolute;
	left: 20px;
	z-index: 20;
	bottom: 20px;
}
.single-post-media {
	margin-bottom: 20px;
}


.single-post-content_text p {
	font-size: 12px;
	font-weight: 400;
	color: #000;
	padding-left:20px;
	padding-right:20px;
}


.single-post-content_text p a {
	color: #FA3D6E;
	font-weight: 700;
	text-decoration: underline;
	transition: all 200ms linear;
}
.single-post-content_text p a:hover {
	color: #C6104F;
	text-decoration: none;
}
.single-post-content_text h2 {
	font-size: 24px;
	font-weight: bold;
	color: #2D3856;
	margin-bottom: 15px;
	margin-top: 30px;
	padding: 15px 20px;
	text-align: left;
	background-color: #f5f5f5;
	border-radius: 4px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.single-post-content_text .ranking-wrapper h2 {
	font-size: 24px;
	font-weight: bold;
	color: #2D3856;
	margin-bottom: 15px;
	margin-top: 0px;
	padding: 15px 20px;
	text-align: left;
	background-color: transparent;
	border: none;
	border-bottom: 2px solid #FA3D6E;
	border-radius: 0;
	box-shadow: none;
}

.single-post-content_text ul {
	margin: 20px 0;
	padding: 0;
	list-style: none;
}

.single-post-content_text ul li {
	position: relative;
	margin-bottom: 15px;
	padding: 15px 20px 15px 50px;
	background: linear-gradient(135deg, #fdfdfd 0%, #f8f8f8 100%);
	border-left: 4px solid #FA3D6E;
	border-radius: 6px;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
	transition: all 200ms ease;
}

.single-post-content_text ul li:hover {
	transform: translateX(5px);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
	border-left-color: #2D3856;
}

.single-post-content_text ul li:before {
	content: "\f0da";
	font-family: "Font Awesome\ 5 Pro";
	position: absolute;
	left: 20px;
	top: 50%;
	transform: translateY(-50%);
	color: #FA3D6E;
	font-weight: 600;
	font-size: 14px;
}

@media (max-width: 768px) {
	.single-post-content_text ul li:before {
		display: none;
	}
	.single-post-content_text ul li {
		padding: 15px 20px;
	}
}

.single-post-content_text ul li p {
	margin: 0;
	color: #2D3856;
	font-weight: 500;
	line-height: 1.6;
}

.single-post-content_column {
	position: absolute;
	top: 0;
	left: 0;
}
.fontSize {
	float: left;
	width: 350px;
	padding:0 50px 15px 120px;
	position: relative;
	background: #f9f9f9;
	border: 1px solid #eee;
	overflow: hidden;
	border-radius: 4px;
}
.fontSize input {
	float: left;
}
.fontSize .irs-single  {
	display: none;
}
.fontSize .irs-line, .fontSize .irs-line-left , .fontSize .irs-line-mid , .fontSize .irs-bar, .fontSize .irs-line-right , .fontSize .irs-bar-edge {
    height: 2px;
}
.fontSize .irs-max, .fontSize .irs-min {
	visibility: visible!important;
	top: 20px;
	color: #333;
	font-size: 10px;
}
.fontSize .irs-slider:before {
	width: 14px;
	height: 14px;
	margin: -7px 0 0 -7px;
}
.fontSize .irs-min  {
	left: -35px;
}
.fontSize .irs-max  {
	right: -36px;
}
.show-more-snopt  {
	float:right;
	font-size:24px;
	height:36px;
	line-height:36px;
	width: 36px;
	border: 1px solid #eee;
	background: #f9f9f9;
    color: #000;
	cursor:pointer;
	border-radius:2px;
	position:relative;
	margin-top: 10px;
}
.smact_vis i:before {
	content: "\f00d";
}
.smact_vis   {
	font-size: 12px;
}
.show-more-snopt-tooltip {
	position:absolute;
	right:0;
	width:190px;
	background:#f9f9f9;
	top:100%;
	margin-top:30px;
	z-index:20;
	border:1px solid #eee;
	overflow:hidden;
	padding:5px 10px;
	border-radius:4px;
    transition: all 300ms linear;
	opacity:0;
	visibility:hidden;
	box-shadow: 0 5px 5px rgb(0 0 0 / 6%);
}
.show-more-snopt-tooltip.show-more-snopt-tooltip_vis {
	margin-top:0;
	opacity:1;
	visibility:visible;
}
.show-more-snopt-tooltip a {
	display:block;
    border-bottom: 1px solid #ddd;
	padding:10px;
	text-align:left;
	font-size:11px;
    color: #000;
	font-weight:600;
	position:  relative;
}
.show-more-snopt-tooltip a i {
	margin-right:10px;
}
.show-more-snopt-tooltip a:last-child {
	border-bottom:0;
}
.comment-body .show-more-snopt-tooltip  {
	background: #fff;
	top: 60px;
}
.single-post-nav {
	padding: 25px 0;
	margin-top: 25px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
.single-post-nav:before {
	content: '';
	position: absolute;
	top: 20px;
	bottom: 20px;
	width: 1px;
	background: #eee;
	z-index: 0;
}
.fs-carousel .bold_gpi{
	margin-bottom: 0;
	border-radius: 0;
}
.fs-carousel .grid-post-media.gpm_sing {
    padding: 250px 0;
    height: auto;
	border-radius: 0;
}
/*------ btn ------------------------------------------------------*/
/*------ btn ------------------------------------------------------*/
/*------ widgets ------------------------------------------------------*/
.categories_nav-inner  {
	float: left;
	overflow: hidden;
	width:100%;
	position: relative;
	margin-bottom: 30px;
}
.categories_nav-inner   ul {
	margin: 0;
	float: left;
	width: 100%;
	overflow: hidden;
}
.categories_nav-inner   li {
	margin: 0;
	position: relative;
	float: left;
	width: 100%;
	margin-bottom: 4px;
}
.categories_nav-inner   a {
	float: left;
	padding: 0 0 0 20px;
 	border: 1px solid #eee;
	background: #f5f5f5;
	height: 54px;
	line-height: 54px;
	position: relative;
	font-weight: 700;
	font-size: 10px;
	text-align: left;
	color:#000;
	text-transform: uppercase;
	z-index:2;
	width:100%;
}
.categories_nav-inner   a:hover , .categories_nav-inner  a.back  {
	color:#fff;
	background: #222;
	border-color: transparent;
}
.categories_nav-inner   a i {
	margin-right: 10px;
	font-size: 13px;
}
.categories_nav-inner  a.back {
	margin-bottom: 10px
}
.categories_nav-inner  a.back:after {
	content: 'Back';
	color: #fff;
	padding-left: 20px;
}
.categories_nav-inner  a.back:before {
	font-family: Font Awesome\ 5 Pro;
	content: '\f104';
	color: #fff;
}
.categories_nav-inner .submen-dec:before {
	font-family: Font Awesome\ 5 Pro;
	content: '\f0da';
	position: absolute;
	right: 20px;
	width: 10px;
	height: 10px;
	top: 19px;
	font-size:13px;
	color:rgba(255, 255, 255, 0.371);
	z-index: 20;
	font-weight: 600;
}
.sidebar-content {
	border-left: 1px solid #eee;
}
.box-widget {
	margin-bottom: 40px;
	padding-left: 30px;
}
.sidebar-content .box-widget:last-child {
	margin-bottom: 0;
}
.widget-title {
	text-align: left;
    font-size: 18px;
    font-weight: 700;
    color: #2D3856;
	padding-bottom: 15px;
	margin-bottom: 30px;
	border-bottom: 1px solid #ddd;
	position: relative;
}
.widget-title:before {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 70px;
    height: 1px;
}
.facebook-soc i {
	color: #3C579C;
}
.interact {
	float: right;
}
.tabs-widget .tabs-menu {
	overflow: hidden;
	border-radius: 4px 4px 0 0;
	border: 1px solid  #eee;
}
.tabs-widget .tabs-menu li {
	float: left;
	width: 50%;
}
.tabs-widget .tabs-menu li a {
	background: #222;
	box-sizing: border-box;
	display: block;
	padding: 15px 0;
	color: #fff;
	font-weight: 600;
	font-size: 10px;
	text-transform: uppercase;
}
.tabs-widget .tabs-menu li.current a {
	color:#fff;
}
 .grid-post-media a {
	position: relative;
	display: block;
}
 .list-post-media a:before  {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	z-index: 2;
	background: rgba(0,0,0,0.5);
	opacity: 0;
	transition: all 200ms linear;
}
 .list-post-media a:after    {
    font-family: Font Awesome\ 5 Pro;
    content: "\f178";
	position: absolute;
	left: 50%;
	top:50%;
	width: 10px;
	height: 10px;
	line-height: 10px;
	margin: -5px 0 0 -5px;
	z-index: 3;
	color: #fff;
	opacity: 0;
	transition: all 200ms linear;
}
.list-post-media a:after  {
	width: 40px;
	height: 40px;
	line-height: 40px;
	margin: -20px 0 0 -20px;
	border-radius: 50%;
	font-size: 10px;
	box-shadow: 0px 0px 0px 4px rgb(255 255 255 / 40%);
}
 .list-post-media a:hover:before , .list-post-media a:hover:after  {
	opacity: 1;
}
.cat-wid-list  {
	float:left;
	width:100%;
	position:relative;
}
.cat-wid-list li {
	float:left;
	width:100%;
	text-align:left;
	padding-bottom: 8px;
	margin-bottom: 15px;
	position: relative;
	color:#2D3856;
}
.cat-wid-list li:last-child {
	margin-bottom: 0;
}
.cat-wid-list li a {
	color:#999;
	font-size:12px;
	padding: 4px 20px 0 0;
	font-weight:500;
	float: left;
	background: #fff;
	position: relative;
	z-index: 2;
}
.cat-wid-list li a:hover {
	color: #000;
}
.cat-wid-list li:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	right: 50px;
	z-index: 1;
	border-top: 1px dotted #ccc;
}
.cat-wid-list li  span {
	float: right;
	width: 26px;
	height: 26px;
	line-height: 26px;
	color: #fff;
	font-weight: 600;
	border-radius: 2px;
	text-align: center;
	font-size: 10px;
}
.ideaboxWeather:before{
	content:'';
	position:absolute;
	top:0;left:0;right:0;height:100%;
	background-size:cover;
	background-attachment:scroll;
	background-position:center;
	background-repeat:repeat;
	background-origin:content-box;
	background-image:url("../images/bg/1.jpg");
	z-index:1
}
/*------ video ------------------------------------------------------*/
.video-holder-title .post-category-marker  {
	position: absolute;
	right: 20px;
	top: 26px;
}
.vh-preloader {
	position: absolute;
	top: 66px;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,0.7);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
	z-index: 20;
	display: none;
}
.video-holder-title  {
	padding: 15px 20px;
	background: #222;
	z-index: 20;
}
.video-holder-title_item {
	font-size: 18px;
	text-align: left;
	color: #fff;
	font-weight: 600
}
.video-holder-title_item a {
	color:#fff
}
.video-links-wrap {
	position: absolute;
	right: 0;
	top: 0;
	width: 420px;
	max-height: 516px;
	overflow: auto;
	padding: 0 16px 0 0px;
}
.video-links-wrap .ps__rail-y:before {
    border-left: 1px solid rgba(255,255,255,0.2);
}
.video-links-wrap .video-item {
	cursor: pointer;
}
.video-item {
	margin-bottom: 10px;
}
.video-item:last-child {
	margin-bottom: 0;
}
.video-item-title {
	position: absolute;
	bottom: 0;
	z-index: 20;
	left: 0;
	right: 0;
	padding: 10px 20px 20px;
}
.video-item_active .play-icon  {
	color:#fff;
	box-shadow: 0px 0px 0px 10px rgb(255 255 255 / 30%);
}
 .grid-post-media.gpm_sing:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.9) 90%);
}
.grid-post-media.gpm_sing:before {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.8) 90%);
}
.video-item .post-category-marker  {
	position: absolute;
	right: 20px;
	top: 30px;
	z-index: 10;
}
.video-item img {
   	transition: all .3s ease-in-out;	
	transform: scale(1.0);
}
.video-item:hover img  {
	transform: scale(1.1);
}
.video-item-title h4 {
	text-align: left;
	color: #fff;
	float: left;
	width: 100%;
	font-size: 14px;
	font-weight: 600;
}
.video-item-title h4 a {
	color: #fff
}
.video-date {
	float: left;
	color: #fff;
	font-size: 11px;
	margin-top: 6px;
	font-weight: 500;
}
.video-date i {
	margin-right: 10px;
}
.video_carousel .video-item {
	border-radius: 4px;
	overflow: hidden;
}
.cc-prev {
	left: -18px;
}
.cc-next {
	right: -18px;
}
.vc-pagination {
	position: absolute;
	right: 40px;
	top: 24px;
}
 .multi-pag .swiper-pagination-bullet {
	opacity: 1;
    background: #fff;
    margin: 0 8px;
    display: inline-block;
    width: 6px;
    height: 6px;
    position: relative;
    border-radius: 100%;
    transition: all 300ms ease-out;	
}
.multi-pag .swiper-pagination-bullet {
	float: left;
}
 .sgs-pagination .swiper-pagination-bullet:before , .multi-pag .swiper-pagination-bullet:before ,   .hero-carousel-pag .swiper-pagination-bullet:before {
    content: '';
    position: absolute;
    left: -7px;
    top: -7px;
    right: -7px;
    bottom: -7px;
    border-radius: 50%;
    box-sizing: border-box;
    border: 1px solid rgba(255,255,255,0.4);
    transition: all 300ms ease-out;
    transform: scale(0);
}
.pag-style .swiper-pagination-bullet.swiper-pagination-bullet-active:before , .sgs-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before , .multi-pag .swiper-pagination-bullet.swiper-pagination-bullet-active:before , .hero-carousel-pag .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
	transform: scale(1.0);
}
/*------  categoties ------------------------------------------------------*/
.post-category-marker {
	padding: 6px 13px;
	border-radius: 2px;
	color: #fff;
	font-size: 11px;
	font-weight: 600;
	background: rgba(0,0,0,0.6);
}
/*------404------------------------------------------------*/
/*------  contacts------------------------------------------------------*/
/*------ shop-------------------------------------------------*/
.box-widget-content .irs-single {
	color: #fff
}
.tab-content   {
    width: 100%;
    display: none;
	float:left;
}
.tab{
    width: 100%;
	float:left;
}
.first-tab {
	display: block;
}
/*------  Responsive ------------------------------------------------------*/
@media only screen and  (max-width: 1064px) {
.aside-panel   {
	display: none;
} 
.nav-button-wrap {
	float:right;
	height:70px;
	width:70px;
	cursor:pointer;
	position:relative;
	display: block;
	border-left:1px solid #eee;
	left:0;
}
.nav-button  {
	position:absolute;
	top:50%;
	left:50%;
	width:22px;
	height:20px;
	margin-left:-11px;
	margin-top:-6px;
}
.nav-button span{
	float:left;
	width:100%;
	height:2px;
	background:#000;
	margin-bottom:4px;
	border-radius:4px;
	-webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.nav-button span:first-child {
    width: 50%;
}
.main-menu nav ul {
	display:none;
}
.main-menu{
	position: absolute  ;
	top:70px;
	right:-20px;
	width:300px;
	z-index:50;
 	padding:15px 10px ;
 	background:#2D3856;
	visibility:hidden;
	opacity:0;
	transition: all 0.4s  ease-in-out;
}
.vismobmenu {
	opacity:1;
	right:0;
	visibility:visible;
}
.menusb {
	display:block;
	float:left;
	position:relative;
	width:100%;
	overflow:hidden;
}
.main-menu .menusb ul  {
	display:block;
	float:left;
	position:relative;
	width:100%;
}
.menusb li {
	margin: 0;
	float: left;
	width:100%;
	position:relative;
	overflow:hidden;
	padding:0 20px;
}
.menusb li i {
	position:absolute;
	right:18px;
	top:12px;
}
.menusb li i:before {
	content:"\f0da"
}
.menusb  a {
	float:left;
	width:100%;
	padding:8px 5px;
	position:relative;
	font-weight: 600;
	text-transform:uppercase;
	font-size: 11px;
	color: #fff;
	line-height:20px;
	text-align:left;
}
.menusb a.back{
	padding-left:24px;
}
.menusb a.back:before{
	font-family: Font Awesome\ 5 Pro;
	content: "\f0d9";
	font-size:14px;
}
.sidebar-content {
	border-left: none;
	margin-top: 30px;
}
.box-widget {
	margin:0 0 30px;
	padding-left: 0;
}
.main-footer , .footer-widget  {
	width:100%;
}
 .footer-widget , .topbar-social  {
    float: left;
}
.topbar-social {
	margin-left: 10px;
}
.post-opt li {
    float: none;
    display: inline-block;
}
.footer-widget  {
	margin-bottom: 20px;
}
.video-links-wrap {
    width: 330px;
}
 .gallery-item {
    width: 50%
}
}
@media only screen and  (max-width: 856px) {
.main-register-wrap {
    padding-left: 0;
} 
.main-register_bg   {
 	display: none;
}
 .video-links-wrap , .ajax-nav , .single-post-content_column , .gallery-items   {
	width: 100%;
}
.video-links-wrap {
    position: relative;
	float: left;
	margin-top: 10px;
    padding: 0 16px 0 0px;
}
.ajax-nav {
    position: relative;
    float: left;
	clear: both;
    bottom: 0 ;
	background: #f9f9f9;
	margin: 46px 0 20px;
}
.fs-slider-button-prev {
    margin-top: 0;
}
.fs-slider-button-next {
    margin-left: 50px;
}
.single-post-content_column , .gallery-items {
    position: relative;
	float: left;
}
}
@media only screen and  (max-width: 630px) {
 .single-post-nav:before {
	display: none;
}
.video-holder-title .post-category-marker {
    right: auto;
	left: 20px;
    top: -16px;
}
.logo-holder {
	top: 8px;
	left: 10px;
    height: 42px;
}
.header-inner , .show-cart, .nav-button-wrap{
    height: 50px;
}
.show-cart, .nav-button-wrap {
    width: 50px;
    line-height: 50px;
}
.header-inner .container , .top-bar .container , .picker-wrap .list-post .list-post-media, .picker-wrap .list-post .list-post-content , .list-post-media , .list-post-content , .subfooter-nav , .single-post-header .post-opt , .fontSize , .gallery-item {
	width: 100%;
}
.picker-wrap .list-post .list-post-media, .picker-wrap .list-post .list-post-content , .subfooter-nav , .single-post-header .post-opt   {
	float: left;	
}
.list-post-content {
    padding: 3px 0 0 0;
}
.single-post-header .post-opt    {
    margin-top: 10px;
}
.picker-wrap .list-post .list-post-media , .list-post-media{
   margin-bottom: 20px;
}
.nav-button span{
	float:left;
	width:100%;
	height:2px;
	background:#000;
	margin-bottom:4px;
	border-radius:4px;
	-webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.show-cart_count {
    bottom: 6px;
    left: 6px;
}
#wrapper {
    padding-top: 120px;
}
.main-menu , .header-cart_wrap{
	top:50px;
}
.header-cart_wrap {
    right: 0;
	width: 300px;
}
.main-footer {
    padding: 60px 0 0;
}
.footer-bottom {
    margin-top: 30px;
}
.subfooter-nav li {
    float: left;
    margin:0 10px 0 0;
}
.single-post-header h1 {
    font-size: 20px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bg {
	background-attachment: scroll !important;
	-webkit-background-size:cover;
	background-position:center;
}
}


.desktop-only{
	display: block;
}

.mobile-only{
	display: none;
}



@media only screen and (max-width: 1064px) {
	.desktop-only{
		display: none;
	}
	.mobile-only{
		display: block;
	}
}