.slice-ptb {
padding-top: 50px;
padding-bottom: 50px;
}
@media (max-width: 991px) {

.slice-ptb {
padding-top: 40px;
padding-bottom: 40px; }
}
@media (max-width: 576px) {
.slice-ptb {
padding-top:30px;
padding-bottom: 30px; }
}

.list-unstyled i {
line-height: 2; }

.list-style-02 .list-unstyled li {
display: flex;
margin-bottom: 10px; }

.list-style-02 .list-unstyled i {
color: #3452ff;
font-size: 12px;
align-items: center;
border-radius: 50%;
height: 25px;
width: 25px;
flex: 0 0 25px;
justify-content: center;
display: flex;
margin-left: 16px; }


.avatar-40 {
height: 40px;
width: 40px; }

.text-dark {
color: #010521 !important; }

small {
font-size: 80%;
color: #898b96;
font-weight: 400;
line-height: 20px; }

.rounded-8px {
border-radius: 8px;
}

.blog-post .blog-caption p, .portfolio-item-01 .portfolio-item-caption p, .accordion-body p, .main-sidebar p{
font-size: 14px ;
line-height: 28px;
color: #898b96 ;
}
.banner-blog-creative {
padding: 150px 0 0; }

.overlay-dark-70 {
position: relative;
z-index: 1; }

.overlay-dark-70:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(1, 5, 33, 0.7); }

.bg-fit {
background-size: cover;
background-repeat: no-repeat;
background-position: center center; }


.blog-author span{
font-size: 12px;
}

.blog-post .blog-caption a {
color: #010521; }

.blog-post .blog-caption  a:hover {
color: #3452ff; }


/**********************/
/* Accordion */
/**********************/
.accordion .accordion-item {
border: none; }

.accordion-button:not(.collapsed) {
box-shadow: none;
background-color: #6b348c !important;
color: white !important;}

.accordion.accordion-box .accordion-button {
padding: 0 20px;
position: relative; }
.accordion.accordion-box .accordion-button:after {
background-image: none;
font-family: "Font Awesome 5 Free";
content: "\f068";
margin-right: auto;
font-weight: 900;
transform: none;
height: auto;
width: auto; }
.accordion.accordion-box .accordion-button:focus {
box-shadow: none; }

.accordion.accordion-box .accordion-button.collapsed:after {
content: "\f067"; }

.accordion.accordion-icon .accordion-header {
background: transparent;
border-radius: 5px;
border: 1px solid #e5e5e5;
margin-bottom: 16px;
box-shadow: 0 4px 6px rgba(1, 5, 33, 0.05); }
.accordion.accordion-icon .accordion-header .accordion-button {
font-size: 16px;
color: #010521;
font-weight: 500;
display: flex;
align-items: center;
border-radius: 5px; }
.accordion.accordion-icon .accordion-header .accordion-button i {
font-size: 34px;
color: #3452ff;
margin-left: 20px; }
.accordion.accordion-icon .accordion-header .accordion-button:focus {
box-shadow: none; }

.accordion.accordion-simple .accordion-button {
padding: 0;
position: relative;
font-weight: 600;
border: none;
background: transparent; }
.accordion.accordion-simple .accordion-button:focus {
box-shadow: none; }

.accordion.accordion-simple .accordion-body {
padding-left: 0;
padding-right: 0; }

.accordion-big .accordion-item {
border-bottom: 1px solid #e5e5e5;
padding: 10px 0; }

.accordion-big .accordion-button:not(.collapsed) {
background: transparent; }

.accordion-big .accordion-button {
font-size: 28px;
line-height: 44px;
padding: 10px 0; }
.accordion-big .accordion-button:after {
background-image: none;
font-family: "Font Awesome 5 Free";
content: "\f078";
margin-right: auto;
font-weight: 900;
transform: none;
height: auto;
width: auto; }
.accordion-big .accordion-button:focus {
box-shadow: none; }

.accordion-big .accordion-button.collapsed:after {
content: "\f077"; }

.accordion-big .accordion-body {
padding: 10px 0; }

@media (max-width: 576px) {
.accordion-big .accordion-button {
font-size: 22px; } }



/**********************/
/* Sidebar */
/**********************/
.widget .widget-title {
margin-bottom: 20px; }

/*
.bg-gray-light {
background: #c4c4c4 !important; } */

.social-icons {
display: flex;
flex-wrap: wrap; }
.social-icons .icon {
margin-left: 20px;
color: #010521;
display: inline-block;
font-size: 22px;
margin-bottom: 3px; }
.social-icons .icon:last-child {
margin-left: 0; }
.social-icons .icon:hover {
color: #3452ff; }

.social-icons.icons-xl {
font-size: 36px; }
.social-icons.icons-xl .icon {
margin-left: 20px; }

.social-icons.icons-md .icon {
margin-left: 20px;
font-size: 20px; }

.social-icons.icons-sm .icon {
margin-left: 10px;
font-size: 14px; }

.social-icons.social-icon-box .icon {
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
background: #f0f1f6;
margin-left: 4px; }
.social-icons.social-icon-box .icon:last-child {
margin-left: 0; }
.social-icons.social-icon-box .icon:hover {
background: #3452ff;
color: #ffffff; }

.social-icons.social-icon-box.icons-xl .icon {
width: 70px;
height: 70px;
line-height: 70px; }

.social-icons.social-icon-box.icons-md .icon {
width: 40px;
height: 40px;
line-height: 40px; }

.social-icons.social-icon-box.icons-sm .icon {
width: 30px;
height: 30px;
line-height: 30px; }

.social-icons.social-icon-rounded .icon {
border-radius: 4px; }

.social-icons.social-icon-round .icon {
border-radius: 50%; }

.social-icons.icon-colored .icon.linkedin {
color: #c90021; }
.social-icons.icon-colored .icon.linkedin:hover {
background: transparent;
color: #c90021; }
.social-icons.icon-colored .icon.instagram {
color: #8a3ab9; }
.social-icons.icon-colored .icon.instagram:hover {
background: transparent;
color: #8a3ab9; }

.social-icons.icon-border .icon {
background: transparent;
border: 2px solid #f0f1f6; }
.social-icons.icon-border .icon:hover {
background: #3452ff;
border: 2px solid #3452ff; }

.social-icons.social-icon-box.icon-colored .icon.instagram {
color: #8a3ab9; }
.social-icons.social-icon-box.icon-colored .icon.instagram:hover {
background: #8a3ab9;
color: #ffffff; }


.social-icons.social-icon-box.icon-colored .icon.linkedin {
color: #0077b5; }
.social-icons.social-icon-box.icon-colored .icon.linkedin:hover {
background: #0077b5;
color: #ffffff; }




/**********************/
/* Swiper */
/**********************/
.swiper-button-prev {
width: auto;
height: auto; }
.swiper-button-prev:after {
content: none; }
.swiper-button-prev .icon-btn {
font-size: 20px;
line-height: 20px;
color: #ffffff;
width: 50px;
line-height: 50px;
height: 50px;
display: block;
text-align: center;
border-radius: 50%;
background: rgba(52, 82, 255, 0.2);
transition: all 0.4s ease-in-out; }
.swiper-button-prev .icon-btn:hover {
background: #ffea04;
color: #010521; }

.swiper-button-next {
width: auto;
height: auto; }
.swiper-button-next:after {
content: none; }
.swiper-button-next .icon-btn {
font-size: 20px;
line-height: 20px;
color: #ffffff;
width: 50px;
line-height: 50px;
height: 50px;
display: block;
text-align: center;
border-radius: 50%;
background: rgba(52, 82, 255, 0.2);
transition: all 0.4s ease-in-out; }
.swiper-button-next .icon-btn:hover {
background: #ffea04;
color: #010521; }

.swiper-button-pink-gradient .swiper-button-next .icon-btn,
.swiper-button-pink-gradient .swiper-button-prev .icon-btn {
background: rgba(253, 37, 144, 0.2); }
.swiper-button-pink-gradient .swiper-button-next .icon-btn:hover,
.swiper-button-pink-gradient .swiper-button-prev .icon-btn:hover {
background: linear-gradient(125deg, #fd2590, #fd692e) !important;
color: #ffffff; }

.swiper-pagination {
position: relative;
margin-top: 30px; }
.swiper-pagination .swiper-pagination-bullet {
width: 16px;
height: 16px;
background: #ffffff;
opacity: 0.2;
transition: all 0.4s ease-in-out; }
.swiper-pagination .swiper-pagination-bullet-active {
background: #3452ff;
opacity: 1;
border-radius: 10px;
width: 30px; }

.swiper-pagination-light .swiper-pagination-bullet-active {
background: #ffffff; }

.slick-next {
left: 20px; }
.slick-next:before {
color: #010521; }

.slick-prev {
right: 10px;
z-index: 9; }
.slick-prev:before {
color: #010521; }

@media (max-width: 991px) {
.swiper-button-next,
.swiper-button-prev {
display: none; } }


/**********************/
/* Tabs */
/**********************/
.tab-default .nav .nav-item .nav-link {
padding: 8px 30px;
color: #010521; }
.tab-default .nav .nav-item .nav-link.active {
background: #3452ff;
color: #ffffff; }

.tab-default.tab-light .nav .nav-item .nav-link {
background: #f0f1f6;
color: #010521;
margin-left: 5px; }
.tab-default.tab-light .nav .nav-item .nav-link.active {
background: #3452ff;
color: #ffffff; }

.tab-border-bottom .nav-item .nav-link {
padding-right: 0;
margin-left: 10px;
font-size: 18px;
color: #898b96; }
.tab-border-bottom .nav-item .nav-link.active {
background: transparent;
color: #3452ff; }
.tab-border-bottom .nav-item .nav-link span {
position: relative; }
.tab-border-bottom .nav-item .nav-link span:before {
content: "";
position: absolute;
right: 0;
width: 0;
bottom: -2px;
height: 2px;
background: #3452ff;
transition: all 0.4s ease-in-out; }
.tab-border-bottom .nav-item .nav-link:hover span:before, .tab-border-bottom .nav-item .nav-link.active span:before {
width: 100%; }

.tab-default.tab-number .nav-item .nav-link {
display: flex;
align-content: center;
padding: 20px 50px; }
.tab-default.tab-number .nav-item .nav-link span {
width: 30px;
height: 30px;
line-height: 30px;
display: inline-block;
border-radius: 50%;
background: #ffffff;
margin-left: 10px; }
.tab-default.tab-number .nav-item .nav-link.active span {
background: #ffffff;
color: #3452ff; }

.nav.nav-icon .nav-link {
border-radius: 5px;
padding: 10px 10px !important;
margin: 0 5px;
background: #ffffff;
box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1);
font-size: 14px;
border: 2px solid transparent;
color: #010521; }
.nav.nav-icon .nav-link i {
display: block;
font-size: 26px;
margin-bottom: 10px;
color: #010521; }
.nav.nav-icon .nav-link.active {
border-color: #6b348c;
color: #6b348c; }
.nav.nav-icon .nav-link.active i {
color: #6b348c; }

/* nav-box  */
.nav.nav-box {
background: #ffffff;
border: 1px solid #e5e5e5;
padding: 5px; }
.nav.nav-box .nav-link {
padding: 10px 30px;
color: #898b96; }
.nav.nav-box .nav-link.active {
background: #e91c28;
color: #ffffff; }

.nav.nav-border-wide {
border-bottom: 3px solid #e5e5e5; }
.nav.nav-border-wide .nav-link {
padding: 10px 30px;
background: transparent;
border-radius: 0;
font-weight: 500;
color: #010521; }
.nav.nav-border-wide .nav-link.active {
background: transparent;
color: #3452ff;
border-bottom: 3px solid #3452ff; }

.tab-vertical .nav .nav-link {
font-weight: 500;
font-size: 18px;
color: #010521;
border-radius: 0;
padding: 20px 40px;
border-left: 3px solid transparent; }
.tab-vertical .nav .nav-link.active {
background: #ffffff;
border-left: 3px solid #010521; }

.tab-box-02 .nav {
background: #f0f1f6;
padding: 5px;
border-radius: 30px;
display: inline-flex; }
.tab-box-02 .nav .nav-link {
padding: 10px 30px;
color: #898b96;
border-radius: 30px; }
.tab-box-02 .nav .nav-link.active {
background: #ffffff;
color: #f97204;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08); }

@media (max-width: 1199px) {
.nav.nav-icon .nav-link {
padding: 20px 20px; }
.tab-default.tab-light .nav .nav-item .nav-link {
margin-bottom: 4px; } }

@media (max-width: 991px) {
.nav.nav-icon .nav-item {
margin-bottom: 20px; } }

@media (max-width: 768px) {
.tab-default.tab-number .nav-item .nav-link {
padding: 16px 36px; }
.tab-default.tab-light .nav .nav-item .nav-link {
margin-bottom: 5px; } }


/**********************/
/* Portfolio */
/**********************/
.portfolio-column-1 .grid-item {
width: 100%; }

.portfolio-column-2 .grid-item {
width: 50%; }

.portfolio-column-3 .grid-item {
width: 33.333%; }

.portfolio-column-4 .grid-item {
width: 25%; }

.portfolio-column-5 .grid-item {
width: 20%; }

.grid-item-packery {
width: 66.66666667% !important; }

.grid-spacing-0 {
padding: 0; }

.grid-spacing-05 .grid-item {
padding: 5px; }

.grid-spacing-10 .grid-item {
padding: 10px; }

.grid-spacing-15 .grid-item {
padding: 15px; }

.grid-spacing-20 .grid-item {
padding: 20px; }

.grid-spacing-30 .grid-item {
padding: 30px; }

.grid-spacing-40 .grid-item {
padding: 40px; }

.filter-button-group {
margin-bottom: 30px; }
.filter-button-group ul {
display: inline-flex; }
.filter-button-group ul li {
cursor: pointer;
padding: 0px 3px;
margin: 0 20px;
border: none;
border: 2px solid transparent;
background: transparent;
font-weight: 500;
transition: all .4s ease-in-out;
outline: none;
border-radius: 0; }
.filter-button-group ul li.active {
color: #3452ff;
border-bottom-color: #3452ff; }

.filter-button-group.filter-vertical ul {
display: block; }
.filter-button-group.filter-vertical ul li {
margin-bottom: 10px;
border: 0; }

.responsive-1by1{
/* overflow: hidden; */
position: relative;
width: 100%;
height: auto;
padding-top: 100%;
}
.responsive-1by1 img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


.portfolio-item-01 {
position: relative; }
.portfolio-item-01 .portfolio-item-image {
overflow: hidden;
position: relative;
text-align: center; }
.portfolio-item-01 .portfolio-item-image img {
transition: all .4s ease-in-out; }
.portfolio-item-01 .portfolio-item-image:before {
position: absolute;
content: "";
width: 100%;
background: rgba(1, 5, 33, 0.5);
width: 100%;
height: 100%;
opacity: 0;
transition: all .4s ease-in-out; }
.portfolio-item-01 .portfolio-item-caption {
position: relative;
padding-top: 30px;
width: 100%; }
.portfolio-item-01 .portfolio-item-caption a {
font-size: 18px;
font-weight: 500;
display: block;
color: #010521; }
.portfolio-item-01 .portfolio-item-caption a:hover {
color: #3452ff; }
.portfolio-item-01 .portfolio-item-category li {
display: inline-block;
margin-left: 4px; }
.portfolio-item-01 .portfolio-item-category li a {
font-size: 12px;
border-bottom: 2px solid #e5e5e5; }
.portfolio-item-01 .portfolio-item-category li a:hover {
border-color: #3452ff; }
.portfolio-item-01 .portfolio-item-hover {
position: absolute;
z-index: 1;
top: 50%;
transform: translateY(-50%);
display: inline-block;
left: 0;
right: 0;
opacity: 0;
transition: all .4s ease-in-out; }
.portfolio-item-01 .portfolio-item-hover a {
transform: scale(0.5);
width: 50px;
height: 50px;
line-height: 50px;
background: #ffffff;
border-radius: 50%;
color: #3452ff;
display: inline-block;
text-align: center; }
.portfolio-item-01:hover .portfolio-item-image img {
transform: scale(1.08); }
.portfolio-item-01:hover .portfolio-item-image:before {
opacity: 1;
z-index: 1; }
.portfolio-item-01:hover .portfolio-item-hover {
opacity: 1;
z-index: 2; }
.portfolio-item-01:hover .portfolio-item-hover a {
transform: scale(1.05); }

.portfolio-item-stack {
position: relative; }
.portfolio-item-stack .portfolio-image {
position: relative;
overflow: hidden; }
.portfolio-item-stack .portfolio-image img {
transition: all 0.4s ease-in-out; }
.portfolio-item-stack .portfolio-caption {
padding: 20px 30px;
position: absolute;
bottom: 0;
right: 0; }
.portfolio-item-stack .portfolio-caption .portfolio-category {
display: flex; }
.portfolio-item-stack .portfolio-caption .portfolio-category li {
margin-left: 10px; }
.portfolio-item-stack .portfolio-caption .portfolio-category li a {
color: #ffffff; }
.portfolio-item-stack .portfolio-caption .portfolio-category li a:hover {
color: #3452ff; }
.portfolio-item-stack .portfolio-caption .portfolio-title {
color: #ffffff; }
.portfolio-item-stack .portfolio-caption .portfolio-title:hover {
color: #3452ff; }
.portfolio-item-stack:hover .portfolio-image img {
transform: scale(1.05); }

.portfolio-item-stack.portfolio-item-stack-dark .portfolio-caption .portfolio-category li a {
color: #010521; }
.portfolio-item-stack.portfolio-item-stack-dark .portfolio-caption .portfolio-category li a:hover {
color: #3452ff; }

.portfolio-item-stack.portfolio-item-stack-dark .portfolio-caption .portfolio-title {
color: #010521; }
.portfolio-item-stack.portfolio-item-stack-dark .portfolio-caption .portfolio-title:hover {
color: #3452ff; }

.portfolio-item-stack.portfolio-item-stack-light .portfolio-caption .portfolio-category li a {
color: #ffffff; }
.portfolio-item-stack.portfolio-item-stack-light .portfolio-caption .portfolio-category li a:hover {
color: #3452ff; }

.portfolio-item-stack.portfolio-item-stack-light .portfolio-caption .portfolio-title {
color: #ffffff; }
.portfolio-item-stack.portfolio-item-stack-light .portfolio-caption .portfolio-title:hover {
color: #3452ff; }

.portfolio-item-scattered {
position: relative; }
.portfolio-item-scattered .portfolio-item-image img {
transition: all .4s ease-in-out;
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
transition: clip-path .2s ease-in-out; }
.portfolio-item-scattered .portfolio-item-caption {
position: relative;
padding-top: 30px;
width: 100%; }
.portfolio-item-scattered .portfolio-item-caption a {
font-size: 18px;
font-weight: 500;
display: block;
color: #010521; }
.portfolio-item-scattered .portfolio-item-caption a:hover {
color: #3452ff; }
.portfolio-item-scattered .portfolio-item-category li {
display: inline-block;
margin-left: 4px; }
.portfolio-item-scattered .portfolio-item-category li a {
font-size: 12px;
border-bottom: 2px solid #e5e5e5; }
.portfolio-item-scattered .portfolio-item-category li a:hover {
border-color: #3452ff; }
.portfolio-item-scattered:hover .portfolio-item-image img {
clip-path: polygon(12px 12px, calc(100% - 12px) 12px, calc(100% - 12px) calc(100% - 12px), 12px calc(100% - 12px)); }
.portfolio-item-scattered:hover .portfolio-item-image:before {
opacity: 1;
z-index: 1; }

.portfolio-item-photography {
position: relative; }
.portfolio-item-photography .portfolio-item-image {
overflow: hidden;
position: relative;
text-align: center; }
.portfolio-item-photography .portfolio-item-image img {
transition: all .4s ease-in-out; }
.portfolio-item-photography .portfolio-item-image:before {
position: absolute;
content: "";
width: 100%;
background: rgba(0, 0, 0, 0.8);
width: 100%;
height: 100%;
opacity: 0;
transition: all .4s ease-in-out; }
.portfolio-item-photography .portfolio-item-hover {
position: absolute;
z-index: 1;
top: 50%;
transform: translateY(-50%);
display: inline-block;
left: 0;
right: 0;
opacity: 0;
transition: all .4s ease-in-out; }
.portfolio-item-photography .portfolio-item-hover a {
transform: scale(0.5);
font-size: 22px;
font-weight: 600;
color: #ffffff;
display: flex;
justify-content: center;
text-align: center; }
.portfolio-item-photography .portfolio-item-hover a:hover {
color: #FFCC00; }
.portfolio-item-photography:hover .portfolio-item-image img {
transform: scale(1.08); }
.portfolio-item-photography:hover .portfolio-item-image:before {
opacity: 1;
z-index: 1; }
.portfolio-item-photography:hover .portfolio-item-hover {
opacity: 1;
z-index: 2; }
.portfolio-item-photography:hover .portfolio-item-hover a {
transform: scale(1.05); }

.portfolio-item-proximity {
overflow: hidden; }
.portfolio-item-proximity .portfolio-item-image img {
transform: scale(1.1);
transition: all .4s ease-in-out; }
.portfolio-item-proximity .portfolio-item-caption {
position: absolute;
z-index: 1;
display: inline-block;
left: -20px;
bottom: 100px;
transition: all .4s ease-in-out; }
.portfolio-item-proximity .portfolio-item-caption a {
font-size: 50px;
font-weight: 600;
color: #FFCC00;
text-align: center; }
.portfolio-item-proximity .portfolio-item-caption a:hover {
color: #3452ff; }
.portfolio-item-proximity .portfolio-item-hover {
position: absolute;
z-index: 1;
display: inline-block;
left: 30px;
bottom: -50px;
opacity: 0;
visibility: hidden;
transition: all .4s ease-in-out; }
.portfolio-item-proximity .portfolio-item-hover a {
font-size: 18px;
font-weight: 600;
color: #3452ff;
text-align: center; }
.portfolio-item-proximity .portfolio-item-hover a:hover {
color: #FFCC00; }
.portfolio-item-proximity:hover .portfolio-item-hover {
opacity: 1;
visibility: visible;
bottom: -5px; }
.portfolio-item-proximity:hover .portfolio-item-image img {
transform: scale(1); }

.portfolio-item-box {
cursor: pointer;
overflow: hidden;
padding-bottom: 20px; }
.portfolio-item-box .portfolio-image {
overflow: hidden; }
.portfolio-item-box .portfolio-image img {
transition: all 0.4s ease-in-out; }
.portfolio-item-box .portfolio-item-caption {
position: relative;
padding: 30px;
width: 100%;
background: #ffffff;
margin-top: -50px;
margin-right: 30px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
transition: all 0.4s ease-in-out; }
.portfolio-item-box .portfolio-item-caption a {
font-size: 18px;
font-weight: 500;
display: block;
color: #010521; }
.portfolio-item-box .portfolio-item-caption a:hover {
color: #3452ff; }
.portfolio-item-box .portfolio-item-category {
margin-bottom: 0; }
.portfolio-item-box .portfolio-item-category li {
display: inline-block;
margin-left: 4px; }
.portfolio-item-box .portfolio-item-category li a {
font-size: 12px;
border-bottom: 2px solid #e5e5e5; }
.portfolio-item-box .portfolio-item-category li a:hover {
border-color: #3452ff; }
.portfolio-item-box:hover .portfolio-image img {
transform: scale(1.08); }
.portfolio-item-box:hover .portfolio-item-caption {
margin-top: -70px; }

.portfolio-item-blur {
position: relative; }
.portfolio-item-blur .portfolio-item-image {
overflow: hidden;
position: relative;
text-align: center; }
.portfolio-item-blur .portfolio-item-image img {
transition: all .4s ease-in-out; }
.portfolio-item-blur .portfolio-item-image:before {
position: absolute;
content: "";
width: 100%;
background: rgba(255, 204, 0, 0.4);
width: 100%;
height: 100%;
opacity: 0;
transition: all .4s ease-in-out; }
.portfolio-item-blur .portfolio-item-hover {
position: absolute;
z-index: 1;
top: 50%;
transform: translateY(-50%);
display: inline-block;
left: 0;
right: 0;
opacity: 0;
transition: all .4s ease-in-out; }
.portfolio-item-blur .portfolio-item-hover a {
transform: scale(0.5);
font-size: 22px;
font-weight: 600;
color: #ffffff;
display: flex;
justify-content: center;
text-align: center; }
.portfolio-item-blur .portfolio-item-hover a:hover {
color: #FFCC00; }
.portfolio-item-blur .portfolio-item-category {
margin-top: 10px; }
.portfolio-item-blur .portfolio-item-category li {
display: inline-block;
margin-left: 4px; }
.portfolio-item-blur .portfolio-item-category li a {
font-size: 12px;
border-bottom: 2px solid #e5e5e5; }
.portfolio-item-blur .portfolio-item-category li a:hover {
border-color: #3452ff; }
.portfolio-item-blur:hover .portfolio-item-image img {
transform: scale(1.02);
filter: blur(10px) contrast(1.2) saturate(0.85); }
.portfolio-item-blur:hover .portfolio-item-image:before {
opacity: 1;
z-index: 1; }
.portfolio-item-blur:hover .portfolio-item-hover {
opacity: 1;
z-index: 2; }
.portfolio-item-blur:hover .portfolio-item-hover a {
transform: scale(1.05); }

.portfolio-item-gradient-overlay {
position: relative; }
.portfolio-item-gradient-overlay .portfolio-item-image {
overflow: hidden;
position: relative;
text-align: center; }
.portfolio-item-gradient-overlay .portfolio-item-image img {
transition: all .4s ease-in-out; }
.portfolio-item-gradient-overlay .portfolio-item-image:before {
position: absolute;
content: "";
width: 100%;
background: linear-gradient(to right, #3452ff, #f36);
width: 100%;
height: 100%;
opacity: 0;
transition: all .4s ease-in-out; }
.portfolio-item-gradient-overlay .portfolio-item-hover {
position: absolute;
z-index: 1;
top: 50%;
transform: translateY(-50%);
display: inline-block;
left: 0;
right: 0;
opacity: 0;
transition: all .4s ease-in-out;
overflow: hidden; }
.portfolio-item-gradient-overlay .portfolio-item-hover a {
transform: translateY(150%) rotateX(0deg);
font-size: 22px;
font-weight: 600;
color: #ffffff;
display: flex;
justify-content: center;
text-align: center; }
.portfolio-item-gradient-overlay .portfolio-item-hover a:hover {
color: #FFCC00; }
.portfolio-item-gradient-overlay .portfolio-popup-icon {
position: absolute;
z-index: 1;
top: 55%;
display: inline-block;
left: 0;
right: 0;
opacity: 0;
transition: all .5s ease-in-out;
overflow: hidden; }
.portfolio-item-gradient-overlay .portfolio-popup-icon .portfolio-popup {
transform: translateY(150%) rotateX(0deg);
width: 50px;
height: 50px;
line-height: 50px;
background: #ffffff;
border-radius: 50%;
color: #3452ff;
display: inline-block;
text-align: center; }
.portfolio-item-gradient-overlay:hover .portfolio-item-image img {
transform: scale(1.08); }
.portfolio-item-gradient-overlay:hover .portfolio-item-image:before {
opacity: 1;
z-index: 1; }
.portfolio-item-gradient-overlay:hover .portfolio-item-hover {
opacity: 1;
z-index: 2; }
.portfolio-item-gradient-overlay:hover .portfolio-item-hover a {
transform: translateY(0%) rotateX(0deg); }
.portfolio-item-gradient-overlay:hover .portfolio-popup-icon {
opacity: 1;
z-index: 2; }
.portfolio-item-gradient-overlay:hover .portfolio-popup-icon .portfolio-popup {
transform: translateY(0%) rotateX(0deg); }

.portfolio-item-mousemove {
width: 100%;
cursor: pointer;
overflow: hidden; }
.portfolio-item-mousemove:hover .img-content-hover {
display: block; }

.portfolio-item-mousemove img {
width: 100%;
height: 500px;
object-fit: cover;
transform: scale(1);
transition: all 0.3s ease-in-out; }
.portfolio-item-mousemove img:hover {
transform: scale(1.05); }

.portfolio-item-mousemove .img-content-hover {
z-index: 1;
position: absolute;
top: 0;
right: 0;
white-space: nowrap;
display: none;
padding: 1rem;
background: #ffffff;
font-weight: 400;
margin-top: 1.25rem;
margin-right: -2rem;
border-radius: .25rem; }

.portfolio-item-mousemove .img-content {
display: none; }

#instafeed {
display: flex;
flex-wrap: wrap; }

#instafeed.instafeed-col-1 .instafeed-item {
flex: 0 0 auto;
max-width: 100%; }

#instafeed.instafeed-col-2 .instafeed-item {
flex: 0 0 auto;
max-width: 50%; }

#instafeed.instafeed-col-3 .instafeed-item {
flex: 0 0 auto;
max-width: 33.33333333%; }

#instafeed.instafeed-col-4 .instafeed-item {
flex: 0 0 auto;
max-width: 25%; }

#instafeed.instafeed-col-5 .instafeed-item {
flex: 0 0 auto;
max-width: 20%; }

#instafeed.instafeed-col-6 .instafeed-item {
flex: 0 0 auto;
max-width: 16.66666667%; }

#lazyload-row img:not([src]) {
visibility: hidden; }

.infinite-end-scroll,
.infinite-end-btn {
display: none; }

/* Fixes Firefox anomaly during image load */
@-moz-document url-prefix() {
img:-moz-loading {
visibility: hidden; } }

@media screen and (max-width: 1400px) {
.portfolio-item-proximity .portfolio-item-caption a {
font-size: 40px;
line-height: 40px; } }

@media screen and (max-width: 1024px) {
.portfolio-item-mousemove img:hover {
transform: none; }
.portfolio-item-mousemove {
height: 100%; }
.portfolio-item-mousemove:hover .img-content-hover {
display: none; }
.portfolio-item-mousemove .img-content {
display: block;
padding: 1rem 0; } }

@media (max-width: 991px) {
.portfolio-column-3 .grid-item,
.portfolio-column-4 .grid-item,
.portfolio-column-5 .grid-item {
width: 50%; }
.portfolio-item-proximity .portfolio-item-caption {
left: 20px; }
#instafeed.instafeed-col-4 .instafeed-item {
max-width: 33.33333333%; }
#instafeed.instafeed-col-5 .instafeed-item {
max-width: 33.33333333%; }
#instafeed.instafeed-col-6 .instafeed-item {
max-width: 33.33333333%; } }

@media (max-width: 767px) {
.portfolio-column-2 .grid-item,
.portfolio-column-3 .grid-item,
.portfolio-column-4 .grid-item,
.portfolio-column-5 .grid-item {
width: 50%; }
.grid-item-packery {
width: 100% !important; }
.filter-button-group ul {
flex-wrap: wrap;
justify-content: center;
text-align: center; }
.portfolio-item-proximity .portfolio-item-caption a {
font-size: 30px;
line-height: 30px; }
.grid-spacing-15 .grid-item {
padding: 10px 0; }
.grid-spacing-20 .grid-item {
padding: 10px 0; }
.grid-spacing-30 .grid-item {
padding: 10px 0; }
.grid-spacing-40 .grid-item {
padding: 10px 0; }
.sidebar-box .portfolio-column-3 .grid-item {
width: 50%; }
#instafeed.instafeed-col-4 .instafeed-item {
max-width: 50%; }
#instafeed.instafeed-col-5 .instafeed-item {
max-width: 50%; }
#instafeed.instafeed-col-6 .instafeed-item {
max-width: 50%; } }

@media (max-width: 576px) {
.portfolio-column-2 .grid-item,
.portfolio-column-3 .grid-item,
.portfolio-column-4 .grid-item,
.portfolio-column-5 .grid-item {
width: 100%; } }



.subscribe-form-francy {
position: relative; }
.subscribe-form-francy .form-control {
border-radius: 0;
height: 64px;
line-height: 64px;
border-color: #f0f1f6;
padding-left: 160px; }
.subscribe-form-francy .form-control:focus {
box-shadow: 0px 7px 20px rgba(1, 5, 33, 0.15); }
.subscribe-form-francy .btn {
position: absolute;
top: 5px;
left: 5px;
border-right: 0; }
.subscribe-form-francy .btn:hover {
background: #3452ff;
color: #ffffff; }


@media (max-width: 767px) {
.subscribe-form-francy .btn {
position: relative;
left: 0; }
.subscribe-form-francy .form-control {
padding-left: 10px; } }



.subscribe-form-francy .btn {
padding: 14px 30px;
font-size: 1rem;
border-radius: 0;
box-shadow: none;
transition: all 0.4s ease-in-out; }

.subscribe-form-francy .btn:focus {
box-shadow: none;
color: #3452ff; }

.subscribe-form-francy .btn-close:focus {
box-shadow: none; }
.subscribe-form-francy .btn.btn-default {
background: #3452ff;
color: #ffffff; }
.subscribe-form-francy .btn.btn-default:hover {
background: #010521;
color: #ffffff; }
.subscribe-form-francy .btn.btn-default:focus {
background: #010521;
color: #ffffff; }




.image-grayscale {
filter: grayscale(100%);
transition: all 0.4s ease-in-out; }
.image-grayscale:hover {
filter: grayscale(0); }

.px-lg-8 {
padding-right: 7rem;
padding-left: 7rem !important;
}


.filter-button-group ul {
list-style: none;
padding: 0;
}


/**********************/
/* Blog post */
/**********************/
.blog-post {
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.06);
border-radius: .25rem; }
/* blog index img set to 980 * 1400 aspect ratio 0.7 */
.blog-post .blog-image {
position: relative;
overflow: hidden;
width: 100%;
height: 100%;
/* padding-top: 70%; */

}
.blog-post .blog-image img {
border-radius: .25rem .25rem 0 0;
transition: all 0.4s ease-in-out;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.blog-post .blog-image .blog-post-video {
justify-content: end;
position: absolute;
line-height: 50px;
font-size: 20px;
left: 20px;
box-shadow: 0 6px 16px rgba(52, 82, 255, 0.2); }
.blog-post .blog-image .blog-post-video:hover {
background: #010521; }
.blog-post .blog-image .blog-meta-comments {
display: flex;
position: absolute;
top: -20px;
left: 20px;
opacity: 0;
visibility: hidden;
transition: all 0.4s ease-in-out; }
.blog-post .blog-image .blog-meta-comments .blog-like {
background: #FFCC00;
color: #010521;
font-weight: 500;
padding: 4px 10px;
border-radius: .25rem;
margin-left: 10px; }
.blog-post .blog-image .blog-meta-comments .blog-like:hover {
background: #3452ff;
color: #ffffff; }
.blog-post .blog-image .blog-meta-comments .blog-comments {
background: #FFCC00;
color: #010521;
font-weight: 500;
padding: 4px 10px;
border-radius: .25rem; }
.blog-post .blog-image .blog-meta-comments .blog-comments:hover {
background: #3452ff;
color: #ffffff; }
.blog-post .blog-caption {
padding: 34px; }
.blog-post .blog-caption .blog-author a {
color: #010521; }
.blog-post .blog-caption .blog-author a:hover {
color: #3452ff; }
.blog-post .blog-caption .blog-meta {
display: flex; }
.blog-post .blog-caption .blog-meta li {
margin-left: 8px; }
.blog-post .blog-caption .blog-meta a {
color: #3452ff;
font-weight: 600; }
.blog-post .blog-caption .blog-meta a:hover {
color: #FFCC00; }
.blog-post:hover .blog-image img {
transform: scale(1.2); }
.blog-post:hover .blog-image .blog-meta-comments {
opacity: 1;
visibility: visible;
top: 20px; }

.blog-post-article .blog-post-img {
position: relative;
overflow: hidden; }
.blog-post-article .blog-post-img img {
border-radius: .25rem .25rem 0 0;
transition: all 0.4s ease-in-out; }

.blog-post-article .other-info li a {
color: #898b96; }
.blog-post-article .other-info li a i {
color: #3452ff; }
.blog-post-article .other-info li a:hover {
color: #3452ff; }

.blog-post-article:hover .blog-post-img img {
transform: scale(1.2); }

.blog-post.blog-post-boxed {
background: #f0f1f6;
overflow: hidden;
box-shadow: none;
position: relative; }
.blog-post.blog-post-boxed .blog-caption {
padding: 50px;
position: relative;
z-index: 2; }
.blog-post.blog-post-boxed .blog-caption .blog-author a {
color: #010521; }
.blog-post.blog-post-boxed .blog-box-img {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 0;
background-size: cover;
background-position: center center;
opacity: 0;
transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s; }

.blog-post-boxed.active .blog-box-img,
.blog-post-boxed:hover .blog-box-img {
opacity: 1;
transform: scale3d(1.1, 1.1, 1); }

.blog-post-boxed:hover:before,
.blog-post-boxed.active:before {
background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
color: #ffffff;
content: "";
display: inline-block;
height: 100%;
right: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1; }

.blog-post.blog-post-boxed:hover,
.blog-post.blog-post-boxed:hover a,
.blog-post.blog-post-boxed:hover .blog-author a,
.blog-post.blog-post-boxed.active,
.blog-post.blog-post-boxed.active a,
.blog-post.blog-post-boxed.active .blog-author a {
color: #ffffff; }

.blog-post.blog-post-boxed:hover {
box-shadow: 0 6px 16px rgba(1, 5, 33, 0.2); }

.blog-post.blog-post-overlay {
overflow: hidden;
box-shadow: none;
position: relative; }
.blog-post.blog-post-overlay .blog-caption {
padding: 130px 50px 50px;
position: relative;
z-index: 2; }
.blog-post.blog-post-overlay .blog-caption .blog-author a {
color: #010521; }
.blog-post.blog-post-overlay .blog-meta-comments {
display: flex;
position: absolute;
z-index: 9;
top: -20px;
left: 20px;
opacity: 0;
visibility: hidden;
transition: all 0.4s ease-in-out; }
.blog-post.blog-post-overlay .blog-meta-comments .blog-like {
background: #FFCC00;
color: #010521;
font-weight: 500;
padding: 4px 10px;
border-radius: .25rem;
margin-left: 10px; }
.blog-post.blog-post-overlay .blog-meta-comments .blog-like:hover {
background: #3452ff;
color: #ffffff; }
.blog-post.blog-post-overlay .blog-meta-comments .blog-comments {
background: #FFCC00;
color: #010521;
font-weight: 500;
padding: 4px 10px;
border-radius: .25rem; }
.blog-post.blog-post-overlay .blog-meta-comments .blog-comments:hover {
background: #3452ff;
color: #ffffff; }
.blog-post.blog-post-overlay:hover .blog-meta-comments {
opacity: 1;
visibility: visible;
top: 20px; }
.blog-post.blog-post-overlay .blog-box-img {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 0;
background-size: cover;
background-position: center center;
opacity: 1;
transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s; }

.blog-post-overlay.active .blog-box-img,
.blog-post-overlay:hover .blog-box-img {
opacity: 1;
transform: scale3d(1.1, 1.1, 1); }

.blog-post.blog-post-overlay,
.blog-post.blog-post-overlay a,
.blog-post.blog-post-overlay .blog-caption .blog-author a {
color: #ffffff; }

.blog-post.blog-post-overlay {
box-shadow: 0 6px 16px rgba(1, 5, 33, 0.2); }

.blog-post.blog-post-overlay.blog-post-news {
box-shadow: none; }
.blog-post.blog-post-overlay.blog-post-news .blog-caption {
padding: 300px 30px 20px 30px; }

.blog-post-simple {
box-shadow: none; }

.blog-post.blog-post-blockquote {
padding: 30px 50px; }
.blog-post.blog-post-blockquote .blockquote {
position: relative; }
.blog-post.blog-post-blockquote .blockquote:before {
top: 5px;
right: -50px;
color: #3452ff; }
.blog-post.blog-post-blockquote .blockquote:after {
color: #3452ff;
bottom: -50px;
left: 50px; }

/* Blog Overlay Style */
.blog-post.blog-overlay-style .blog-caption {
position: absolute;
z-index: 9;
bottom: -110px;
margin: 0 15px;
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.06); }

/* Blog simple-box */
.blog-post-simple-box {
display: flex;
border-bottom: 1px solid rgba(1, 5, 33, 0.1);
padding: 50px;
position: relative;
overflow: hidden;
border-radius: 0.25rem; }
.blog-post-simple-box .blog-post-number {
font-size: 20px;
color: #010521;
margin-left: 40px;
background: #f0f1f6;
border-radius: 50%;
text-align: center;
width: 50px;
height: 50px;
line-height: 50px;
flex: 0 0 50px;
position: relative;
z-index: 2; }
.blog-post-simple-box .blog-post-img {
margin-left: 30px;
position: relative;
z-index: 2; }
.blog-post-simple-box .blog-post-img img {
height: 100px;
border-radius: .25rem;
width: 100px;
object-fit: cover; }
.blog-post-simple-box .blog-post-content {
position: relative;
z-index: 2; }
.blog-post-simple-box .blog-box-img {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 0;
background-size: cover;
background-position: center center;
opacity: 0;
transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s; }

.blog-post-simple-box.active .blog-box-img,
.blog-post-simple-box:hover .blog-box-img {
opacity: 1;
transform: scale3d(1.1, 1.1, 1); }

.blog-post-simple-box:hover:before,
.blog-post-simple-box.active:before {
background: rgba(1, 5, 33, 0.7) none repeat scroll 0 0;
color: #ffffff;
content: "";
display: inline-block;
height: 100%;
right: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1; }

.blog-post-simple-box:hover,
.blog-post-simple-box:hover a,
.blog-post-simple-box:hover .other-info li a,
.blog-post-simple-box:hover .other-info li a i {
color: #ffffff; }

.blog-post-simple-box:hover {
box-shadow: 0 6px 16px rgba(1, 5, 33, 0.2); }

.blog-tag {
display: flex;
flex-wrap: wrap; }
.blog-tag li {
margin: 0 3px 3px 0; }
.blog-tag li a {
display: block;
padding: 2px 14px;
border-radius: 3px;
background: #f0f1f6;
color: #898b96; }
.blog-tag li a:hover {
background: #3452ff;
color: #ffffff; }

.blog-single .comments-list {
margin-top: 30px; }

.blog-single .comments-list li {
display: block; }

.blog-single .comments-list li.comments {
display: flex;
padding-bottom: 30px;
align-items: start; }

.blog-single .comments-list li.comments .comment-avtar .avatar {
width: 50px;
height: 50px; }

.blog-single .comments-list li.comments .comment-info {
margin-right: 20px; }

.blog-single .comments-list li.comments:last-child {
padding-bottom: 0; }

.blog-single .comments-list li.comments.children {
padding-right: 92px; }

.blog-single .comments-list .replay {
font-weight: 600; }

.blog-post-no-hover:hover .blog-image img {
transform: scale(1); }

@media (max-width: 992px) {
.blog-post .blog-caption {
padding: 20px; } }

@media (max-width: 767px) {
.blog-post-simple-box {
padding: 50px 0; }
.mejs__container {
width: 100% !important; } }

@media (max-width: 576px) {
.blog-post.blog-post-blockquote {
padding: 0px 20px; }
.blog-post.blog-post-blockquote .blockquote {
padding: 0 20px; }
.youtube-video {
height: 250px; }
.blog-post-simple-box {
display: block; }
.blog-post-simple-box .blog-post-img {
margin: 20px 0; }
.soundcloud {
height: auto; } }

@media (max-width: 576px) {
.mb-sm-20px{
    margin-bottom: 20px;
}
}

.bg-blue-logo{
    background-color: #69c8cf;
}
.bg-blue-light{
    background-color: #e7f1ff !important;
    }

/* style-Author */

.text-primary-gradient {
    color: #3452ff;
    background: linear-gradient(to right, #3452ff, #f36);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }


.text-primary {
    color: #3452ff !important; }

.bg-primary-gradient {
    background-image: linear-gradient(125deg, #ff1053, #3452ff); }


.text-warning {
    color: #FFCC00 !important; }