@charset "utf-8";
/* CSS Document */

/******************************

[Table of Contents]

1. Fonts
2. Body and some general stuff
3. Header
	3.1 Top Bar
	3.2 Logo
	3.3 Main Nav
	3.4 Menu
4. Home
	4.1 Home Slider
	4.2 Home Slider Nav
	4.3 Home Slider Dots
5. Search
6. Blog
7. Sidebar
8. Footer
	8.1 Footer - About
	8.2 Footer - Blog
	8.3 Footer - Tags
	8.4 Footer - Contact Info
9. Copyright


******************************/

/***********
1. Fonts
***********/

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');
@font-face
{
	font-family: 'Beyond';
	src: url('../fonts/beyond_the_mountains.otf')  format('truetype'),
		 url('../fonts/beyond_the_mountains.ttf')  format('opentype');
}

/*********************************
2. Body and some general stuff
*********************************/

*
{
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
body
{
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 400;
	background: #FFFFFF;
	color: #201f1f;
}
div
{
	display: block;
	position: relative;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
ul
{
	list-style: none;
	margin-bottom: 0px;
}
p
{
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	line-height: 2;
	font-weight: 400;
	color: #252525;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
p a
{
	display: inline;
	position: relative;
	color: inherit;
	border-bottom: solid 1px #ffa07f;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
a, a:hover, a:visited, a:active, a:link
{
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
p a:active
{
	position: relative;
	color: #FF6347;
}
p a:hover
{
	color: #FFFFFF;
	background: #ffa07f;
}
p a:hover::after
{
	opacity: 0.2;
}
::selection
{
	
}
p::selection
{
	
}
h1{font-size: 48px;}
h2{font-size: 36px;}
h3{font-size: 24px;}
h4{font-size: 18px;}
h5{font-size: 14px;}
h1, h2, h3, h4, h5, h6
{
	font-family: 'Open Sans', sans-serif;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
h1::selection, 
h2::selection, 
h3::selection, 
h4::selection, 
h5::selection, 
h6::selection
{
	
}
.form-control
{
	color: #db5246;
}
section
{
	display: block;
	position: relative;
	box-sizing: border-box;
}
.clear
{
	clear: both;
}
.clearfix::before, .clearfix::after
{
	content: "";
	display: table;
}
.clearfix::after
{
	clear: both;
}
.clearfix
{
	zoom: 1;
}
.float_left
{
	float: left;
}
.float_right
{
	float: right;
}
.trans_200
{
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.trans_300
{
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.trans_400
{
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}
.trans_500
{
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
.fill_height
{
	height: 100%;
}
.super_container
{
	width: 100%;
	overflow: hidden;
}
.prlx_parent
{
	overflow: hidden;
}
.prlx
{
	height: 130% !important;
}
.nopadding
{
	padding: 0px !important;
}
.button
{
	display: inline-block;
	height: 53px;
	border-radius: 27px;
	overflow: hidden;
	z-index: 1;
}
.button_bcg
{
	position: absolute;
	top: 0;
	left: 0;
	width: 200%;
	height: 100%;
	background: linear-gradient(to right, #fa9e1b, #8d4fff, #fa9e1b);
	z-index: -1;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}
.button:hover .button_bcg
{
	left: -100%;
}
.button a
{
	display: block;
	font-size: 13px;
	font-weight: 700;
	color: #fff;
	text-transform: uppercase;
	line-height: 53px;
	padding-left: 46px;
	padding-right: 46px;
	white-space: nowrap;
	z-index: 2;
}
.button span
{
	display: inline-block;
	vertical-align: middle;
	width: 5.75px;
	height: 5.63px;
	background: #FFFFFF;
	border-radius: 50%;
	margin-right: 2px;
}
.button span:first-child
{
	margin-left: 10px;
}
.button span:nth-child(2)
{
	opacity: 0.6;
}
.button span:last-child
{
	opacity: 0.4;
	margin-right: 0px;
}
.parallax-window
{
    height: 350px;
    background: transparent;
}

/*********************************
3. Header
*********************************/

.header
{
	position: fixed;
	width: 100%;
	background: rgba(54, 19, 84, 0.6);
	z-index: 12;
}
.header.scrolled
{
	background: rgba(54, 19, 84, 0.85);
}

/*********************************
3.1 Top Bar
*********************************/

.top_bar
{
	width: 100%;
	height: 36px;
	background: #350a4e;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}
.header.scrolled .top_bar
{
	visibility: hidden;
	opacity: 0;
	height: 0px;
}
.phone
{
	display: inline-block;
	margin-right: 36px;
	line-height: 36px;
	font-size: 10px;
	font-weight: 600;
	color: #FFFFFF;
}
.social_list_item
{
	position: relative;
	display: inline-block;
	margin-right: 3px;
}
.social_list_item:last-child
{
	margin-right: 0px;
}
.social_list_item a
{
	display: block;
	width: 100%;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 36px;
}
.social_list_item:hover a i
{
	color: #fa9e1c;
}
.social_list_item a i
{
	font-size: 12px;
	color: #FFFFFF;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.social_list_item a:hover
{
	color: #FFFFFF;
}
.user_box_link
{
	display: inline-block;
}
.user_box_link a
{
	display: block;
	font-size: 10px;
	line-height: 36px;
	font-weight: 600;
	color: #FFFFFF;
	text-transform: uppercase;
}
.user_box_link a:hover
{
	color: #fa9e1c;
}
.user_box_login
{
	margin-right: 15px;
}
.user_box_login::after
{
	display: block;
	position: absolute;
	top: 15px;
	right: -9px;
	background: #FFFFFF;
	width: 1px;
	height: 9px;
	content: '';
}
.main_nav_col
{
	height: 113px;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}
.header.scrolled .main_nav_col
{
	height: 100px;
}

/*********************************
3.2 Logo
*********************************/

.logo_container
{
	-webkit-transform: translateY(-6px);
	-moz-transform: translateY(-6px);
	-ms-transform: translateY(-6px);
	-o-transform: translateY(-6px);
	transform: translateY(-6px);
}
.header.scrolled .logo_container
{
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
}
.logo a
{
	font-family: 'Open Sans', sans-serif;
	font-size: 30px;
	color: #f4f4f8;
	font-weight: 800;
	text-transform: uppercase;
}
.logo a img
{
	display: inline-block;
	vertical-align: baseline;
	margin-right: 9px;
	-webkit-transform: translateY(2px);
	-moz-transform: translateY(2px);
	-ms-transform: translateY(2px);
	-o-transform: translateY(2px);
	transform: translateY(2px);
}

/*********************************
3.3 Main Nav
*********************************/

.main_nav_container
{
	margin-right: 0px;
}
.main_nav_item
{
	position: relative;
	display: inline-block;
	margin-right: 40px;
}
.main_nav_item:last-child
{
	margin-right: 0px;
}
.main_nav_item a
{
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	font-weight: 600;
	color: #FFFFFF;
	text-transform: uppercase;
	padding-bottom: 10px;
	padding-top: 10px;
}
.main_nav_item::after
{
	display: block;
	position: absolute;
	left: -1px;
	bottom: -11px;
	width: calc(100% + 2px);
	height: 2px;
	background: linear-gradient(to right, #fa9e1b, #8d4fff);
	content: '';
	opacity: 0;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.main_nav_item:hover::after
{
	opacity: 1;
}
.content_search
{
	-webkit-transform: translateY(-1px);
	-moz-transform: translateY(-1px);
	-ms-transform: translateY(-1px);
	-o-transform: translateY(-1px);
	transform: translateY(-1px);
	cursor: pointer;
}
.header.scrolled .content_search
{
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
}
.mag_glass
{
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.content_search img
{
	width: 17px;
	height: 17px;
}
.content_search:hover .mag_glass
{
	fill: #fa9e1c;
}
.content_search:hover .mag_glass
{
	fill: #fa9e1c;
}
.search_form
{
	position: absolute;
	right: 15px;
	top: 120px;
	width: 237px;
	height: 40px;
	visibility: hidden;
	opacity: 0;
}
.search_form.active
{
	top: 105px;
	visibility: visible;
	opacity: 1;
}
.search_content_input
{
	width: 100%;
	height: 100%;
	background: #FFFFFF;
	color: #1b0b32;
	padding-left: 20px;
	outline: none !important;
	border: none !important;
	box-shadow: 0px 8px 20px rgba(0,0,0,0.15);
}
.bez_1
{
	-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);
	-moz-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);
	-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);
	-o-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);
	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);
}

/*********************************
3.4 Menu
*********************************/

.hamburger
{
	display: none;
	-webkit-transform: translateY(-3px);
	-moz-transform: translateY(-3px);
	-ms-transform: translateY(-3px);
	-o-transform: translateY(-3px);
	transform: translateY(-3px);
	cursor: pointer;
	margin-left: 20px;
}
.header.scrolled .hamburger
{
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
}
.hamburger i
{
	font-size: 24px;
	color: #FFFFFF;
}
.hamburger:hover i
{
	color: #fa9e1c;
}
.menu
{
	position: fixed;
	width: 100vw;
	height: 100vh;
	background: linear-gradient(to right, #fa9e1b, #8d4fff);
	z-index: 100;
	opacity: 0;
	visibility: hidden;
}
.menu.active
{
	opacity: 0.95;
	visibility: visible;
}
.menu_content
{
	width: 100%;
	height: 100%;
}
.menu_item
{
	position: relative;
	margin-bottom: 3px;
}
.menu_item:last-child
{
	margin-bottom: 0px;
}
.menu_logo
{
	margin-bottom: 28px;
}
.menu_logo a img
{
	
}
.menu_item a
{
	display: inline-block;
	position: relative;
	font-family: 'Beyond';
	font-size: 36px;
	color: #FFFFFF;
	font-weight: 400;
}
.menu_item a::after
{
	display: block;
	position: absolute;
	top: 60%;
	left: 0;
	width: 0;
	height: 4px;
	background: #FFFFFF;
	letter-spacing: 2px;
	content: '';
	z-index: 10;
	pointer-events: none;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 400ms ease;
}
.menu_item:hover a::after
{
	width: 100%;
}
.menu_close_container
{
	position: absolute;
	top: 94px;
	right: 122px;
	width: 21px;
	height: 21px;
	cursor: pointer;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.menu_close
{
	top: 9px;
	width: 21px;
	height: 3px;
	background: #FFFFFF;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.menu_close::after
{
	display: block;
	position: absolute;
	top: -9px;
	left: 9px;
	content: '';
	width: 3px;
	height: 21px;
	background: #FFFFFF;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.menu_close_container:hover .menu_close,
.menu_close_container:hover .menu_close::after
{
	background: #fa9e1c;
}

/*********************************
4. Home
*********************************/

.home
{
	width: 100%;
	height: 350px;
	background: transparent;
}
.home_background
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.home_content {
    position: absolute;
    bottom: 90px;
    left: 0;
    width: 100%;
    text-align: center;
}



.home_title {
	font-size: 35px;
    display: inline-block;
    padding: 20px 30px;
    font-weight: 800;
    background: rgba(54, 19, 84, 0.6);
    color: #fff;
}
@media (max-width: 400px) {
  .home_content {
    bottom: 0 !important;
  }
}


/*********************************
6. Blog
*********************************/

.blog
{
	padding-top: 108px;
	padding-bottom: 108px;
}
.blog_post_container
{
	width: 100%;
}
.blog_post:not(:last-child)
{
	margin-bottom: 74px;
}
.blog_post_image
{

}
.blog_post_image img
{
	width: 100%;
}
.blog_post_date
{
	position: absolute;
	top: 30px;
	left: 27px;
	width: 114px;
	height: 74px;
	border-radius: 37px;
	background: #fa9e1b;
}
.blog_post_day
{
	font-size: 30px;
	font-weight: 700;
	color: #FFFFFF;
	line-height: 1;
}
.blog_post_month
{
	font-size: 12px;
	color: #FFFFFF;
	margin-top: 3px;
}
.blog_post_meta
{
	margin-top: 32px;
}
.blog_post_meta_item
{
	display: inline-block;
	position: relative;
	margin-right: 27px;
}
.blog_post_meta_item:last-child
{
	margin-right: 0px;
}
.blog_post_meta_item::after
{
	display: block;
	position: absolute;
	top: 7px;
	right:-15px;
	width: 1px;
	height: 12px;
	background: #929191;
	content:'';
}
.blog_post_meta_item:last-child::after
{
	display: none;
}
.blog_post_meta_item a
{
	font-size: 12px;
	font-weight: 600;
	color: #929191;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.blog_post_meta_item a:hover
{
	color: #2b2b2b;
}
.blog_post_title
{
	margin-top: 5px;
}
.blog_post_title a
{
	font-size: 24px;
	font-weight: 600;
	color: #2b2b2b;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.blog_post_title a:hover
{
	color: #fa9e1b;
}
.blog_post_text
{
	margin-top: 19px;
}
.blog_post_text p
{
	color: #929191;
	line-height: 2.14;
}
.blog_post_text p:last-of-type
{
	margin-bottom: 0px;
}
.blog_post_link
{
	margin-top: 32px;
}
.blog_post_link a
{
	font-size: 14px;
	font-weight: 700;
	color: #fa9e1b;
	text-transform: uppercase;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.blog_post_link a:hover
{
	color: #361f5d;
}
.blog_navigation
{
	margin-top: 100px;
}
.blog_dot
{
	display: inline-block;
	position: relative;
	height: 35px;
	line-height: 35px;
	color: #2b2b2b;
	cursor: pointer;
	font-size: 13px;
	font-weight: 600;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.blog_dot:hover
{
	color: #fa9e1c;
}
.blog_dot:hover.active div
{
	border-color: #fa9e1c;
}
.blog_dot.active
{
	padding-left: 13px;
	padding-right: 9px;
	margin-right: 3px;
	color: #fa9e1c;
}
.blog_dot div
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: solid 2px transparent;
	border-radius: 18px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.blog_dot.active div
{
	border: solid 2px #fa9e1c;
}

/*********************************
7. Sidebar
*********************************/

.sidebar_search
{
	width: 100%;
}
.sidebar_search_input
{
	width: 100%;
	height: 44px;
	border: none;
	border-bottom: solid 2px #e6e7f4;
	outline: none;
}
.sidebar_search_button
{
	position: absolute;
	top: 0;
	right: 0;
	width: 17px;
	height: 44px;
	border: none;
	outline: none;
	background: transparent;
	cursor: pointer;
}
.sidebar_search_button .mag_glass
{
	fill: #fa9e1b;
}
.sidebar_search_button:hover .mag_glass
{
	fill: #371d5a;
}
.sidebar_archives
{
	margin-top: 94px;
}
.sidebar_title
{
	font-size: 18px;
	font-weight: 600;
	color: #404551;
}
.sidebar_list
{
	margin-top: 40px;
}
.sidebar_list li:not(:last-child)
{
	margin-bottom: 19px;
}
.sidebar_list li a
{
	font-size: 14px;
	font-weight: 600;
	color: #929191;
}
.sidebar_list li a:hover
{
	color: #404551;
}
.sidebar_categories
{
	margin-top: 89px;
}
.sidebar_latest_posts
{
	margin-top: 89px;
}
.latest_posts_container
{
	margin-top: 35px;
}
.latest_post:not(:last-child)
{
	margin-bottom: 23px;
}
.latest_post_image
{
	float: left;
	z-index: 2;
}
.latest_post_content
{
	padding-left: 98px;
}
.latest_post_title a
{
	font-size: 15px;
	font-weight: 600;
	color: #2b2b2b;
}
.latest_post_title a:hover
{
	color: #fa9e1b;
}
.latest_post_meta
{
	margin-top: 3px;
}
.latest_post_author
{
	display: inline-block;
	margin-right: 8px;
}
.latest_post_author a
{
	font-size: 12px;
	font-weight: 600;
	color: #929191;
}
.latest_post_author a:hover
{
	color: #2b2b2b;
}
.latest_post_author::after
{
	display: block;
	position: absolute;
	top: 1px;
	right: -8px;
	content: '/';
}
.latest_post_date
{
	display: inline-block;
}
.latest_post_date a
{
	font-size: 12px;
	font-weight: 600;
	color: #929191;
}
.latest_post_date a:hover
{
	color: #2b2b2b;
}
.sidebar_gallery
{
	margin-top: 94px;
}
.gallery_container
{
	margin-top: 42px;
}
.gallery_item
{
	width: calc((100% - 18px) / 3);
	margin-bottom: 9px;
}
.gallery_item img
{
	width: 100%;
}

/*********************************
8. Footer
*********************************/

.footer
{
	width: 100%;
	padding-top: 113px;
	padding-bottom: 104px;
	background: #31124b;
}
.footer_title
{
	font-size: 15px;
	font-weight: 700;
	color: #FFFFFF;
	text-transform: uppercase;
}

/*********************************
8.1 Footer - About
*********************************/

.footer_about
{
	padding-top: 67px;
}
.footer_logo
{
	position: absolute;
	left: 0;
	top: -24px;
}
.footer_about_text
{
	font-size: 14px;
	font-weight: 600;
	color: #FFFFFF;
}
.footer_social_item
{
	display: inline-block;
	width: 31px;
	height: 31px;
	border: solid 1px #fa9e1b;
	border-radius: 50%;
	text-align: center;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
	margin-right: 9px;
}
.footer_social_item:last-child
{
	margin-right: 0px;
}
.footer_social_item a
{
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
}
.footer_social_item a i
{
	display: block;
	position: relative;
	color: #FFFFFF;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 12px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.footer_social_item:hover
{
	background: #fa9e1b;
}
.footer_social_item:hover a i
{
	color: #31124b;
}

/*********************************
8.2 Footer - Blog
*********************************/

.footer_blog
{
	margin-top: 39px;
}
.footer_blog_item
{
	margin-bottom: 21px;
}
.footer_blog_item:last-child
{
	margin-bottom: 0px;
}
.footer_blog_image
{
	width: 60px;
	height: 60px;
	float: left;
}
.footer_blog_image img
{
	width: 100%;
}
.footer_blog_content
{
	padding-left: 81px;
}
.footer_blog_title
{
	margin-top: -4px;
	padding-left: 1px;
}
.footer_blog_title a
{
	font-size: 14px;
	font-weight: 400;
	color: #FFFFFF;
}
.footer_blog_title a:hover
{
	color: #fa9e1b;
}
.footer_blog_date
{
	font-size: 12px;
	font-weight: 400;
	color: #fa9e1b;
	margin-top: 7px;
}

/*********************************
8.3 Footer - Tags
*********************************/

.footer_tags
{
	margin-top: 40px;
}
.tag_item
{
	height: 35px;
	float: left;
	margin-right: 9px;
	margin-bottom: 9px;
	border: solid 1px #fa9e1b;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.tag_item:hover
{
	background: #fa9e1b;
}
.tag_item a
{
	display: block;
	font-size: 12px;
	font-weight: 600;
	color: #FFFFFF;
	line-height: 33px;
	padding-left: 25px;
	padding-right: 25px;
}

/*********************************
8.4 Footer - Contact Info
*********************************/

.contact_info_list
{
	margin-top: 40px;
}
.contact_info_item
{
	margin-bottom: 22px;
}
.contact_info_icon
{
	width: 20px;
	height: 20px;
	margin-right: 10px;
}
.contact_info_icon img
{
	display: block;
	width: 100%;
}
.contact_info_text,
.contact_info_text a
{
	color: #FFFFFF;
	line-height: 2.14;
	margin-top: -4px;
}
.contact_info_item:hover .contact_info_text,
.contact_info_item:hover .contact_info_text a
{
	color: #fa9e1b;
}

/*********************************
9. Copyright
*********************************/

.copyright
{
	background: #1f0733;
}
.copyright_content
{
	height: 52px;
}
.copyright_content div
{
	font-size: 12px;
	font-weight: 600;
	color: #685677;
}
.footer_nav_container
{
	height: 52px;
}
.footer_nav
{
	
}
.footer_nav_list
{
	font-size: 0px;
}
.footer_nav_item
{
	display: inline-block;
	margin-right: 40px;
}
.footer_nav_item a
{
	font-size: 12px;
	font-weight: 600;
	color: #685677;
	text-transform: uppercase;
	line-height: 2;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.footer_nav_item a:hover
{
	color: #FFFFFF;
}


.custom-section {
  background: linear-gradient(to right, #fa9e1b, #8d4fff, #fa9e1b);
  padding: 60px 30px;
  border-radius: 20px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
  color: #fff;
  animation: sectionFadeIn 2s ease-in-out;
  position: relative;
  overflow: hidden;
}

.custom-section::before {
  content: "";
  position: absolute;
  top: -50px;
  left: -50px;
  width: 200px;
  height: 200px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  animation: floatCircle 6s infinite ease-in-out;
  z-index: 0;
}

.custom-section h2,
.custom-section h3,
.custom-section p {
  position: relative;
  z-index: 1;
  margin-bottom: 20px;
}

.custom-section h2 {
  color: #ffe600;
  text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
  animation: popIn 1s ease-out forwards;
}

.custom-section h3 {
  color: #00ffd5;
  animation: slideInLeft 1.5s ease-out forwards;
}

.custom-section p {
  line-height: 1.6;
  color: #ffffff;
  animation: fadeInUp 2s ease-out forwards;
}


@keyframes sectionFadeIn {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes floatCircle {
  0%, 100% {
    transform: translateY(0) rotate(0deg);
  }
  50% {
    transform: translateY(20px) rotate(45deg);
  }
}

@keyframes popIn {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes slideInLeft {
  0% {
    transform: translateX(-100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}




.styled-section {
  background: linear-gradient(135deg, #afa0ca, #8d4fff);
  padding: 70px 20px;
  position: relative;
  overflow: hidden;
  color: #ffffff;
  isolation: isolate;
}


.styled-section::before,
.styled-section::after {
  content: "";
  position: absolute;
  width: 100px;
  height: 100px;
  background: rgba(255, 255, 255, 0.07);
  transform: rotate(45deg);
  animation: rotateDiamond 12s linear infinite;
  z-index: 0;
}

.styled-section::before {
  top: -30px;
  left: -30px;
}

.styled-section::after {
  bottom: -30px;
  right: -30px;
}

.styled-section h2,
.styled-section h3,
.styled-section p {
  position: relative;
  z-index: 1;
  text-align: center;
  margin-bottom: 20px;
}

.styled-section h2 {
  color: #ffffff;
  text-shadow: 0 0 10px #ffe600, 0 0 20px #8d4fff;
  animation: glowH2 3s infinite alternate;
}

.styled-section h3 {
  color: #ffefc2;
  animation: dropIn 1.5s ease-out;
}

.styled-section p {
  line-height: 1.8;
  color: #f0f0f0;
  animation: fadeInP 2.5s ease-in;
}

@keyframes rotateDiamond {
  0% {
    transform: rotate(45deg) scale(1);
  }
  50% {
    transform: rotate(225deg) scale(1.2);
  }
  100% {
    transform: rotate(405deg) scale(1);
  }
}

@keyframes glowH2 {
  0% {
    text-shadow: 0 0 5px #fff000, 0 0 10px #8d4fff;
  }
  100% {
    text-shadow: 0 0 15px #fff000, 0 0 30px #ffb347;
  }
}

@keyframes dropIn {
  0% {
    transform: translateY(-100px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes fadeInP {
  0% {
    opacity: 0;
    transform: translateY(40px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}




.featuree {
  background: url("/img/crypto-bg.jpg");
  background-position: center 94px;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  display: block;
  padding: 70px 30px;
  background-color: rgba(0, 0, 0, 0.8);
  isolation: isolate;
}

.featuree::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    135deg,
    rgba(138, 51, 255, 0.3),
    rgba(250, 158, 27, 0.3)
  );
  z-index: 0;
  mix-blend-mode: screen;
}

.featuree h2 {
  margin-bottom: 30px;
  color: #fa9e1b;
  font-family: 'Playfair Display', serif;
  text-shadow: 0 0 8px rgba(255, 255, 255, 0.2);
  position: relative;
  z-index: 1;
  animation: glowTitle 2s infinite alternate;
}

.featuree h3 {
  margin-bottom: 10px;
  color: #ffd664;
    font-family: 'Playfair Display', serif;
    text-shadow: 0 0 8px rgba(255, 255, 255, 0.2);
  animation: glowTitle 2s infinite alternate;
  font-weight: 600;
  position: relative;
  z-index: 1;
}

.featuree p {

  color: #d0cfd1;
  margin-bottom: 20px;
  position: relative;
  z-index: 1;
  line-height: 1.8;
}

.featuree ul {
  padding-left: 0;
  position: relative;
  z-index: 1;
}

.featuree ul li {
  color: #ffd699;
  margin-bottom: 15px;
  list-style-type: none;
  padding-left: 35px;
  position: relative;
}

.featuree ul li::before {
  content: "🪙";
  position: absolute;
  left: 0;
  top: 0;
  font-size: 1.2rem;
  line-height: 1.1;
}


@keyframes glowTitle {
  0% {
    text-shadow: 0 0 10px #fa9e1b, 0 0 20px #8d4fff;
  }
  100% {
    text-shadow: 0 0 20px #8d4fff, 0 0 30px #fa9e1b;
  }
}

@media (max-width: 768px) {
  .featuree {
    padding: 70px 20px;
  }
}



@media (max-width: 991px) {
  h1{
    font-size: 28px!important;
  }
  h2{
    font-size: 26px!important;
  }
  h3{
    font-size: 24px!important;
  }
}


.styled-list {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.styled-list li {
  background: linear-gradient(135deg, #8d4fff, #fa9e1b);
  padding: 18px 20px;
  margin-bottom: 15px;
  border-radius: 12px;
  color: #ffffff;
  font-weight: 500;
  line-height: 1.6;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  position: relative;
  overflow: hidden;
}

.styled-list li::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 12px;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.styled-list li:hover {
  transform: translateY(-4px);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.4);
}

.styled-list li:hover::after {
  opacity: 1;
}



.styled-title {
	text-align: center;
	font-family: 'Montserrat', sans-serif;

  font-size: 2.8rem;
  font-weight: 800!important;
  background: linear-gradient(90deg, #fa9e1b, #8d4fff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
  margin-bottom: 40px;
  animation: glowTitle 2s infinite alternate;
}

.styled-title::after {
  content: "";
  display: block;
  width: 120px;
  height: 4px;
  margin: 15px auto 0;
  background: linear-gradient(90deg, #8d4fff, #fa9e1b);
  border-radius: 2px;
  animation: slideLine 3s infinite ease-in-out;
}


@keyframes glowTitle {
  0% {
    text-shadow: 0 0 8px rgba(250, 158, 27, 0.4), 0 0 12px rgba(141, 79, 255, 0.4);
  }
  100% {
    text-shadow: 0 0 16px rgba(250, 158, 27, 0.6), 0 0 24px rgba(141, 79, 255, 0.6);
  }
}

@keyframes slideLine {
  0% {
    transform: translateX(-10px);
  }
  50% {
    transform: translateX(10px);
  }
  100% {
    transform: translateX(-10px);
  }
}


.page-error {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 85vh;
  text-align: center;
}

.error-heading {
  margin-bottom: 1rem;
}

.error-text {
  margin-bottom: 2rem;
}

.error-link {
  padding: 0.75rem 1.5rem;
     background: linear-gradient(to right, rgb(250, 158, 27), rgb(141, 79, 255), rgb(250, 158, 27));
  color: white;
  text-decoration: none;
  border-radius: 55px;
  transition: background-color 0.3s ease;
}

.error-link:hover {
  background-color: #b198ec;
  color: #fff;
}


.sidebar-title {
  font-weight: 700;
  color: #fa9e1b;
  text-transform: uppercase;
  margin-bottom: 20px;
  border-bottom: 2px solid #8d4fff;
  padding-bottom: 10px;
  font-family: 'Montserrat', sans-serif;
}

.sidebar-linking p a {
  display: block;
  color: #ffffff;
  background: linear-gradient(90deg, #8d4fff, #fa9e1b);
  padding: 8px 15px;
  border-radius: 10px;
  margin-bottom: 10px;
  text-decoration: none;
  font-weight: 500;
  position: relative;
  transition: background 0.3s ease, transform 0.3s ease;
}

.sidebar-linking p a::before {
  content: "💱";
  margin-right: 8px;
}

.sidebar-linking p a:hover {
  background: linear-gradient(90deg, #fa9e1b, #8d4fff);
  transform: translateX(5px);
  color: #fff;
}



.video-container {
position: relative;
padding-bottom: 56.25%;   
padding-top: 30px;
height: 0;
overflow: hidden;
border-radius: 20px;
}

.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}