/*
Author       : My_life_design
Template Name: Sai - One Page Parallax Template
Version      : 1.0
*/
/*=============================================================
    CSS INDEX
    =============================
    01. GENERAL STYLE (body, link color, section-title, preloader btn, overlay, section-padding etc)
    02. START BOOTSTRAP NAVIGATION OVERRIDES
    03. START HOME DESIGN
    04. START ABOUT DESIGN
    05. START WHY CHOOSE DESIGN
    06. START PLATFORM + TRADERS DESIGN
    07. START MVP DESIGN
    08. START TOKEN SALE + DISTRIBUTION DESIGN
    09. START DOCUMENT DESIGN
    10. START ROADMAP DESIGN
    11. START TEAM AND BOARD DIRECTOR DESIGN
    12. START APP DESIGN
    13. START FAQ DESIGN
    14. START CONTACT DESIGN
    15. START PARTNER DESIGN
    16. START FOOTER DESIGN
  =============================================================*/
/*
* ----------------------------------------------------------------------------------------
* 01.GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
body {
color: #444;
font-family: 'Poppins', sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 28px;
background:#fff;
overflow-x:hidden;
}
html,
body { height: 100%;position:relative;  }
h1,
h2,
h3,
h4,
h5,
h6 {
  letter-spacing: 0px;
  margin-top: 0px; 
  font-family: 'Jost', sans-serif;
  color: #191b26;
  font-weight: 400;
}
a {
font-family: 'Jost', sans-serif;
text-decoration: none;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
}
a:hover {
    color: #fff;
    text-decoration: none;
}
a:focus {
    outline: none;
    text-decoration: none;
}
p {
    margin-bottom: 0;
}
ul,
li {
    margin: 0;
    padding: 0;
}
::-moz-selection {
	background: #554c86;
	color: #ffffff;
}
::selection {
	background: #554c86;
	color: #ffffff;
}

fieldset {
    border: 0 none;
    margin: 0 auto;
    padding: 0;
}
/*START PRELOADER DESIGN*/
.preloader {
    background: #fff;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99999;
}

.status-mes {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 50%;
    left: 48%;
    margin: -40px 0 0 -40px;
    font-size: 10px;
    text-indent: -12345px;
    border-top: 8px solid #fafafa;
    border-right: 8px solid #fafafa;
    border-bottom: 8px solid #fafafa;
    border-left:8px solid #554c86;
    border-radius: 50%;
    -webkit-animation: spinner 700ms infinite linear;
    animation: spinner 700ms infinite linear;
    z-index: 10000;
}
.status-mes h4{
    position:relative;
	color:#fff;
    top: 55%;
    left: 48%;
    margin: -40px 0 0 -40px;
    font-size:20px;
    z-index: 10000;
}

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.no-padding { padding: 0 }
/*END PRELOADER DESIGN*/
.section-padding {padding:80px 0;}
/*START SECTION TITLE DESIGN*/
.section-title{margin-bottom:60px;}
.section-title  h2 {
font-size: 45px;
font-weight: 600;
margin-top: 0;
position: relative;
text-transform: capitalize;
}
@media only screen and (max-width:480px) { 
.section-title  h2  {font-size:30px;}
}
.section-title span{
background: #fff;
height:3px ;
width: 60px;
display: block;
margin: auto;
margin-top: 20px;
margin-bottom: 20px;	
}
.section-title-white{color:#fff;position:relative;}
.section-title  p{
position: relative;
padding: 0 10px;
width: 60%;
margin: auto;	
}
@media only screen and (max-width:480px) { 
.section-title  p{
padding: 0 10px;
width: 90%;
margin: auto;	
}
}
/*END SECTION TITLE DESIGN*/
/*START SCROLL TO TOP*/
.topcontrol {
background:#554c86;
border-radius: 30px;
border:2px solid #554c86;
bottom: 5px;
box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
color: #fff;
cursor: pointer;
font-size: 22px;
height: 50px;
line-height: 47px;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
position: fixed;
right: 5px;
text-align: center;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
width: 50px;
}
.topcontrol:hover {
    background: #0aa1d6;
	border:2px solid #0aa1d6;
    color: #fff;
}
/*END SCROLL TO TOP*/
/*
* ----------------------------------------------------------------------------------------
* 01.END GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 02.START BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
.site-logo img{
	width: 140px;
	height: auto;
}
.bg-faded {
	background-color:transparent;
	transition: all 0.5s ease 0s;
}
@media only screen and (max-width:767px) { 
.bg-faded {background-color:#232434;}
}
.navbar-fixed {
    z-index: 999;
    position: fixed;
    opacity: .98;
    width: 100%;
	padding:10px 0;
    top: 0;
    -webkit-animation: fadeInDown 800ms;
    animation: fadeInDown 800ms;
    -webkit-backface-visibility: hidden;
    border-radius: 0px;
    background: #232434;
	box-shadow: 0px 60px 60px rgba(0,0,0,0.1);
}
@media only screen and (max-width:767px) { 
.navbar-fixed {background: #232434;}
}
#navigation{
	padding: 20px 0;
}
@media screen and (max-width:480px){
#navigation{
	padding: 15px 0;
}
}
#navigation.navbar-fixed {
	padding: 20px 0;
}
.header_right {
	float:right;
}
@media screen and (max-width:880px){
.header_right {
	float:none;
	display: flex;
	flex-basis: auto;
}
}
#main-menu{
	margin-top: 10px;
}
#main-menu ul{
	list-style-type: none;
}
#main-menu ul li{
	display: inline-block;
	padding:0px 12px;
	position: relative;
}
#main-menu ul li a {
	color: #fff;
	font-size: 16px;
	text-transform: capitalize;
	font-weight:500;
	transition: .3s;
}
@media only screen and (max-width:1024px) {
#main-menu ul li{padding:0px 8px;} 
#main-menu ul li a {font-size: 16px;}
}
@media only screen and (max-width:960px) {
#main-menu ul li{padding:0px 8px;} 
#main-menu ul li a {font-size: 13px;}
}
@media only screen and (max-width:800px) {
#main-menu ul li{padding:0px 4px;} 
#main-menu ul li a {font-size: 16px;}
}
#navigation.navbar-fixed #main-menu ul li a{
	color: #fff;
}
#navigation.navbar-fixed #main-menu ul li a:hover,
#navigation.navbar-fixed #main-menu ul li a:focus,
#main-menu ul li a:hover,
#main-menu ul li a:focus{
	color:#fff;
}
#main-menu ul li a:hover,
#main-menu ul li a:focus{
	color:#fff;
}
.slicknav_nav_icon{
	color: #fff;
	font-size: 24px;
}
.slicknav_menu .slicknav_icon::before {
	background: transparent;
	width: 1.125em;
	height: 0.875em;
	display: block;
	content: "\e68e";
	position: absolute;
	font-family: 'themify';
	color: #fff;
	font-size: 20px;
}
#mobile_menu{display: none;}
@media only screen and (max-width:767px) { 
.navbar-default {
padding: 10px!important;
}
.navbar-collapse{
margin-top: 15px;
}

#navigation ul li a{ 
position: inherit;
color: #232434;

}

#navigation ul li ul ,
#navigation ul li ul li ul{
opacity: 1;
position: inherit;
top: 0;
transition: all 0.3s ease 0s;
z-index: 1;
visibility: visible;
background: #fff none repeat scroll 0 0;
box-shadow: 0 0px 2px 0 rgba(0, 0, 0, 0.05);
padding: 15px;
left: 0;
background: #554c86;
list-style: none;
width: 100%;
}



#navigation ul li ul.sub-menu li{
z-index: 1;
}

#navigation ul li:hover ul.sub-menu{
top:0;
opacity:1;
z-index:999;
visibility:visible;
}
#main-menu{
display: none;
}	
#mobile_menu{
display: block;
width: 100%;
}
.slicknav_nav ul li a{
color: #fff !important;
	font-size: 16px;
	text-transform: capitalize;
	font-weight: 600;
}
	
}
@media only screen and (max-width:767px) { 
  .navbar-brand {
    padding-top: 20px;
  }
.slicknav_menu {
	font-size: 16px;
	box-sizing: border-box;
	background: transparent;
	padding: 0;
	margin-top: 10px;
}  
}
@media only screen and (max-width:568px) { 
.slicknav_menu {
	margin-top: -40px;
}
}
@media only screen and (max-width:480px) { 
.slicknav_menu {
	margin-top: -40px;
}
}
.arrow-btn::after {
	font-family: FontAwesome;
	content: '\f0d7';
	position: absolute;
	top: 60%;
	right: -1px;
	margin-top: -14px;
}

@media only screen and (max-width:844px) { 
.arrow-btn::after {right: -3px;}
}
@media only screen and (max-width:767px) { 
.arrow-btn::after {display:none;}
}
.slicknav_nav .slicknav_arrow {font-size: 16px;}
/*START DROPDOWN MENU*/
.menu_dropdown  ul { list-style-type: none }
.menu_dropdown  li ul.sub-menu,
.menu_dropdown  ul li ul.sub-menu li ul.sub-menu {
    background: #554c86;
    left: -30px;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    top: 125%;
    -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 250px;
	text-align: left;
    z-index: -99;
	margin-top:15px;
	border-radius: 3px;
}
.menu_dropdown  ul li ul.sub-menu li ul.sub-menu {
    top: 0;
    left: 100%;
    -webkit-transition: all 0.5s ease 0s;
            transition: all 0.5s ease 0s;
}
.menu_dropdown  ul li ul.sub-menu li {
    padding: 0;
    width: 100%;
}
.menu_dropdown  ul li:hover ul.sub-menu {
    top: 100%;
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 999;
    visibility: visible;
}
.menu_dropdown  ul.nav > li ul li:hover ul.sub-menu {
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
}
.menu_dropdown ul li ul.sub-menu li a {
	color: #fff !important;
	font-size: 17px;
	padding: 15px;
	text-transform: capitalize;
	display: block;
	border-bottom: 0px;
}
.menu_dropdown  ul li ul.sub-menu li:last-child a{border-bottom:none;}
.menu_dropdown  ul li:hover ul.sub-menu li a:hover {
    color: #fff!important;
    text-decoration: none;
	padding-left:15px;
	background:none;
}
/*END DROPDOWN MENU*/
/*
* ----------------------------------------------------------------------------------------
* 02.END BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 03.START HOME DESIGN
* ----------------------------------------------------------------------------------------
*/
@media only screen and (max-width:768px) { 
#fw_al_006 {margin-top: 115px;}
}
@media only screen and (max-width:480px) { 
#fw_al_006 {margin-top: 100px;}
}
.home_bg {
	height: 750px;
	position:relative;
}
.home_bg:before {
    background:rgba(0,0,0,0.4);
    content: "";
    height: 100%;
    filter: alpha(opacity=80);
    position: absolute;
    width: 100%;
}
.hero-text h1 {
	color: #fff;
	font-size: 64px;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 58px;
	padding-top: 250px;
	text-transform: uppercase;
	margin-bottom: 20px;
}
.hero-text p {
	color: #fff;
	width: 65%;
	margin: auto;
	margin-bottom: 30px;
}
.home_btn{margin-top:40px;}
.home_btn a {
	margin-right: 10px;
}
.about_btn a span{}
.hero-img{padding-top: 200px;}
.btn_one {
	background: #554c86;
	border:2px solid #554c86;
	display: inline-block;
	padding: 12px 30px;
	color: #fff;
	font-weight: 500;
	border-radius: 2px;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
.btn_one:hover{
	background:none;
	border:2px solid #fff;
	color: #fff;
}
.btn_two {
	background: #fff;
	border:2px solid #fff;
	display: inline-block;
	padding: 12px 30px;
	color: #191b26;
	font-weight: 500;
	border-radius: 2px;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
.btn_two:hover{
	background: none;
	border:2px solid #fff;
	color: #fff;
}
/*START HOME VIDEO*/
.home_video{height: 700px;position:relative;}
.home_video:before {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
  content: "";
  left: 0;
  top: 0;
}
.html-video {
    top: 0%;
    left: 0%;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.slider-caption {
left: 0;
position: absolute;
text-align: center;
top: 38%;
transform: translate(0%, -50%);
width: 100%;
z-index: 15;
}
video { min-width: 100% }
@media only screen and (max-width:768px) { 
video { min-width: 100%;height:100%; }
}
/*END HOME VIDEO*/
#particles-js {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}
.gradient_bg{
height:700px;
background:rgba(0, 0, 0, 0) linear-gradient(to right, #b088f9 0%, #f54291 100%) repeat scroll 0 0;
}
.solid_bg{background:#554c86;height:700px;}
.btn_solid {
	background: #fff;
	border:2px solid #fff;
	display: inline-block;
	padding: 12px 30px;
	color: #333;
	font-weight: 500;
	border-radius: 2px;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
.btn_solid:hover{
	background:none;
	border:2px solid #fff;
	color: #fff;
}
/*
* ----------------------------------------------------------------------------------------
* 03.END HOME DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 04.START PARTNER DESIGN
* ----------------------------------------------------------------------------------------
*/
.partner-logo {
	padding-top: 0;
}
.partner {
	background: #fff;
	padding: 60px 30px;
	border-radius: 5px;
	box-shadow: 0 10px 40px -10px rgba(0,64,128,.2);
	margin-top: -80px;
}
.partner-logo img {
	width: 130px;
	border: 1px solid #eee;
	padding: 10px;
	opacity: 0.6;
	transition: 0.3s;
}
.partner-logo img:hover{opacity:1;}
.partner.owl-theme .owl-controls {
display:none !important;
}
/*
* ----------------------------------------------------------------------------------------
* 04.END PARTNER DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 04.START ABOUT DESIGN
* ----------------------------------------------------------------------------------------
*/
.about_us {
	padding: 50px 0;
}
.single_about {
	padding: 0 10px;
	margin-bottom: 30px;
	border-radius: 5px;
	position: relative;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.about_icon span {
	font-size: 30px;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	float: left;
	background:#554c86;
	width: 70px;
	height: 70px;
	line-height: 70px;
	color: #fff;
	text-align: center;
	border-radius: 100px;
	box-shadow: 0px 15px 30px 0px rgba(47, 169.0000000000001, 227.00000000000009, 0.22);
	margin-right: 20px;
	margin-bottom: 20px;
}
.single_about h3 {
	font-size: 20px;
	font-weight: 600;
	margin-bottom:15px;
	overflow: hidden;
}
.single_about p{overflow: hidden;}

/*START VIDEO*/
.video_area {position: relative;}
.video_area:before {
    background:#020928;
	opacity:0.2;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.video_content {
	width: 75%;
	background: #554c86;
	padding: 80px 40px;
	position: relative;
}
.video_title_one {
	padding: 10px;
	font-size: 61px;
	color: #ffffff;
	font-weight: 700;
	background: #202020;
	display: inline-block;
	width: 187%;
	text-transform: capitalize;
	text-align: center;
}
.video_title_two{
	padding: 10px;
	font-size: 61px;
	color: #ffffff;
	font-weight: 700;
	background: #202020;
	display: inline-block;
	width: 149%;
	text-transform: capitalize;
	text-align: center;
}
.video_content p{
color:#fff;
margin-top:30px;
}
.video_content a {
	color: #fff;
	border: 2px solid #fff;
	padding: 10px 30px;
	border-radius: 30px;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	display: inline-block;
	margin-top: 30px;
	
}
.video_content a i {
	margin-right: 5px;
	-webkit-transition: 0.3s;
	transition: 0.3s;
background:#fff;
border: 2px solid #fff;
	border-radius: 30px;
color:#554c86;
}
.video_content a:hover i {
background:#fff;
border: 2px solid #fff;
	border-radius: 30px;
color:#554c86;
}
.video-play{}
/*END VIDEO*/


/*START ABOUT TWO*/
.about_content{}
.about_content span {
	color: #554c86;
	font-weight: 500;
}
.about_content h3 {
	font-size: 36px;
	font-weight: 700;
	margin-top:5px;
	margin-bottom: 20px;
	line-height:46px;
}
.about_content p{margin-bottom: 30px;}
.about_content ul{list-style: outside none none;}
.about_content ul li span {
	background:#554c86;
	color: #fff;
	margin-right: 10px;
	width: 24px;
	line-height: 24px;
	height: 24px;
	text-align: center;
	border-radius: 30px;
	font-size: 12px;
	display: inline-block;
}
.about_content ul li {
	line-height: 40px;
	border: 1px solid #eee;
	padding: 15px 20px;
	margin-bottom: 10px;
	border-radius: 10px;
	width: 350px;
	background: #fff;
	box-shadow: 0 10px 40px -10px rgba(0,64,128,.1);
	font-weight: 600;
}
/*END ABOUT TWO*/
/*
* ----------------------------------------------------------------------------------------
* 04.END ABOUT DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 08.START COUNTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.counter_feature {background:#554c86; }
.counter_content {
	margin-bottom: 60px;
}
.counter_content h1 {
	color: #fff;
	font-weight: 600;
	font-size: 48px;
	line-height:58px;
	margin-bottom: 20px;
}
.counter_content p{
color:#fff;
margin-bottom: 30px;
}
.single-counter{}
.single-counter span {
	color: #fff;
	font-size: 40px;
	margin-bottom: 30px;
	display: inline-block;
}
.single-counter h2 {
	color: #fff;
	font-weight: 600;
	font-size: 40px;
}
.single-counter h4 {
	color: #fff;
	font-size: 16px;
}
/*
* ----------------------------------------------------------------------------------------
* 08.END COUNTER DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 08.START SERVICE DESIGN
* ----------------------------------------------------------------------------------------
*/
.serviceBox{
    position: relative;
	margin: 0px 15px;
}
.service-content span{
    color: #554c86;
    font-size:36px;
	display:block;
	margin-bottom:25px;
}
.serviceBox .service-content{
    background:#554c86;
    padding: 60px 40px;
    border-radius: 20px;
    box-shadow: 0 0 15px rgba(0,0,0,0.0.05);
    position: relative;
    z-index: 1;
}
.serviceBox .service-content:before{
    content: "";
    background-color: #fff;
    width: 100%;
    height: 100%;
    border-radius: 18px 18px 190px 18px;
    border: 1px solid #eee;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
}
.serviceBox .title {
	font-size: 18px;
	font-weight: 600;
	text-transform: capitalize;
	margin: 0 0 15px;
}
@media only screen and (max-width:768px){
    .serviceBox{ margin: 0 0 30px; }
}
/*
* ----------------------------------------------------------------------------------------
* 08.END SERVICE DESIGN
* ----------------------------------------------------------------------------------------
*/


.feature_area{background:#fffaf1;}
.single_feature {
	border: 2px solid #fff;
	border-radius: 2px;
	padding: 60px 40px;
	position: relative;
	text-align: center;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	background:#fff;
}
.single_feature:hover{
border: 2px solid #554c86;
box-shadow:0px 60px 60px rgba(0,0,0,0.1);
z-index:100;
-webkit-transform: translate(0, -10px);
        transform: translate(0, -10px);
}
.single_feature img{margin-bottom: 30px;width: 150px;}
.single_feature h4 {
	margin-bottom: 20px;
	font-weight: 600;
}
.single_feature p{}





/*
 * ----------------------------------------------------------------------------------------
 *  08.START PORTFOLIO DESIGN
 * ----------------------------------------------------------------------------------------
*/

.mix{
	display: none;
}
.portfolio_filter ul {
	list-style: none;
	margin-bottom: 60px;
}
@media only screen and (max-width:768px) { 
.portfolio_filter ul{width:100%;}
}
.portfolio_filter ul li {
	font-weight: 500;
	text-transform: capitalize;
	display: inline-block;
	cursor: pointer;
	padding: 0px 15px;
	font-size: 16px;
	color: #252d35;
	-webkit-transition: .5s;
	transition: .5s;
	margin: 0 3px 0px;
	border-right: 2px solid #eee;
	letter-spacing: 0px;
}
@media only screen and (max-width:480px) { 
.portfolio_filter ul li{margin-bottom:10px;}
}
.portfolio_filter ul li:last-child {
	border-right: 0px;
}
.portfolio_filter .active {
	color: #554c86;
}
.box{
    text-align: center;
    overflow: hidden;
    position: relative;
	margin-bottom:30px;
}
.box:before,
.box:after{
    content: "";
    background: #554c86;
    -webkit-transform: scale(0);
            transform: scale(0);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.box:after{
    background: #554c86;
    border: 1px solid #aaa;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    -webkit-transition: all 0.5s ease 0.2s;
    transition: all 0.5s ease 0.2s;
}
.box:hover:before{
    opacity: 0.2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    -webkit-transform: scale(1);
            transform: scale(1);
}
.box:hover:after{
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    -webkit-transform: scale(1);
            transform: scale(1);
}
.box img{
    width: 100%;
    height: auto;
}
.box .box-content{
    color: #fff;
    width: 85%;
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="5" /></filter></svg>#filter');
    -webkit-filter: blur(5px);
            filter: blur(5px);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    -webkit-transition: all 0.4s ease 0.3s;
    transition: all 0.4s ease 0.3s;
}
.box:hover .box-content{
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="0" /></filter></svg>#filter');
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.box .title {
	color: #fff;
	font-size: 22px;
	font-weight: 600;
	text-transform: capitalize;
	margin: 0 0 1px;
}
.box .post {
	font-size: 13px;
	font-weight: 400;
	text-transform: capitalize;
	display: block;
	margin: 0 0 10px;
}
.box .icon{
    padding: 0;
    margin: 0;
    list-style: none;
}
.box .icon li{
    margin: 0 3px;
    display: inline-block;
}
.box .icon li a {
	color: #554c86;
	font-size: 14px;
	line-height: 36px;
	height: 36px;
	width: 36px;
	border: 1px solid #fff;
	display: block;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	background: #fff;
	border-radius: 30px;
}
.box .icon li a:hover{
    color: #fff;
    background-color: #554c86;
	border: 1px solid #554c86;
}
@media only screen and (max-width:990px){
    .box{ margin: 0 0 30px; }
}

.all-work-btn a{
	background: #554c86;
	padding: 10px 30px;
	color: #fff;
	display: inline-block;
	margin-top: 20px;
	border-radius: 2px;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
.all-work-btn a:hover{background:#0aa1d6;}
/*START PORTFOLIO SINGLE PAGE DESIGN*/
.single_project{
background:#f4f5f7;
padding-top:80px;
padding-bottom:50px;
}
.project_dec {
	background: #fff none repeat scroll 0 0;
	box-shadow: 0 10px 40px -10px rgba(0,64,128,.08);
	margin-bottom: 30px;
	padding: 40px;
	border-radius: 10px;
}
.single_project_img {margin-bottom:30px;}
.single_project_img img {}
.similar_p {
border-bottom: 1px solid #eee;
font-size: 30px;
margin-bottom: 25px;
padding-bottom: 10px;
padding-top: 40px;
text-align: center;
font-weight: 600;
}
.similar_p span{ color: #554c86}
.related_single_project{padding-bottom:60px;}
.related_project  h4 {
transition: all 0.4s ease 0s;
padding: 10px 0;
border-bottom: 1px solid #ddd;
}

.related_project  h4:hover { color: #554c86; }
.about_project h4 {
	border-bottom: 1px solid #ddd;
	padding: 10px 0;
	font-weight: 600;
}
.about_project p {
	margin-bottom: 30px;
}
.about_project_details { margin-bottom: 20px; }
.about_project_details ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.about_project_details ul li { padding: 5px 0 }
.about_project_details ul li i {
    color: #554c86;
    margin-right: 10px;
}
.about_project_details ul li a {
    color: #554c86;
    font-weight: 700;
}
.about_project_details ul li a:hover { text-decoration: underline }
.single_project_btn{
	background: #554c86;
	padding: 10px 30px;
	color: #fff;
	display: inline-block;
	margin-top: 20px;
	border-radius: 2px;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
.single_project_btn:hover{background:#0aa1d6;}
/*END PORTFOLIO SINGLE PAGE DESIGN*/
/*
 * ----------------------------------------------------------------------------------------
 *  08.START PORTFOLIO DESIGN
 * ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 *  08.START TEAM DESIGN
 * ----------------------------------------------------------------------------------------
*/
.our-team{
    overflow: hidden;
    border-radius: 50%;
    position: relative;
	box-shadow: 0 10px 40px -10px rgba(0,64,128,.2);
}
.our-team img{
    width: 100%;
    height: auto;
    position: relative;
    right: 0;
    -webkit-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}
.our-team:hover img{
    right: 60%;
}
.our-team .team-content{
    width: 80%;
    height: 100%;
    background: #fcfcfc;
    padding: 20% 30px 0;
    position: absolute;
    top: 0;
    right: -80%;
    -webkit-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}
.our-team:hover .team-content{
    right: 0;
}
.our-team .title {
	font-size: 22px;
	color: #554c86;
	margin: 0 0 5px 0;
	font-weight: 500;
}
.our-team .post {
	display: block;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 20px;
}
.our-team .description{
    font-size: 14px;
    color: #191b26;
}
.our-team .social{
    padding: 0;
    margin: 0;
    list-style: none;
}
.our-team .social li{
    display: inline-block;
    margin-right: 10px;
}
.our-team .social li:last-child{
    margin-right: 0;
}
.our-team .social li a {
	display: block;
	width: 36px;
	height: 36px;
	line-height: 36px;
	font-size: 14px;
	color: #fff;
	border-radius: 4px;
	text-align: center;
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
	border: 1px solid #eee;
}
.our-team .social li a:hover{ color: #fff; }
.our-team .social li a.fa-facebook{ background: #3b5a9b;border: 1px solid #3b5a9b; }
.our-team .social li a.fa-twitter{ background: #2baae1;border: 1px solid #2baae1; }
.our-team .social li a.fa-youtube{ background: #c3181e;border: 1px solid #c3181e; }
@media only screen and (max-width: 990px){
    .our-team{ margin-bottom: 50px; }
}
@media only screen and (max-width: 360px){
    .team-content{ padding: 15% 15px 0; }
    .our-team .social li{ margin-right: 0; }
}
/*
 * ----------------------------------------------------------------------------------------
 *  08.END TEAM DESIGN
 * ----------------------------------------------------------------------------------------
 */
 
/*
 * ----------------------------------------------------------------------------------------
 *  08.START TESTIMONIAL DESIGN
 * ----------------------------------------------------------------------------------------
 */
.testi_bg{background:#554c86;padding: 100px 60px;}
.single_testimonial {}
.testi_img {
	overflow: hidden;
	margin-bottom: 30px;
}
.testi_img img {
	width: 70px;
	height: 70px;
	border-radius: 100px;
	float: left;
	margin-right: 15px;
}
.testi_img h3 {
	color: #fff;
	overflow: hidden;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 5px;
	margin-top: 10px;
}
.testi_img h5 {
	color:#fff;
	overflow: hidden;
	text-transform: capitalize;
	font-size: 16px;
	font-weight: 500;
}
.single_testimonial p {
	color:#fff;
	margin-bottom: 25px;
}
.owl-theme .owl-controls .owl-page { display: inline-block }
.owl-controls .owl-page,
.owl-controls .owl-buttons div { cursor: pointer }
.owl-theme .owl-controls .owl-page span {
	background-color: #0aa1d6 !important;
	border-radius: 20px;
	display: block;
	height: 6px;
	margin: 5px 3px;
	width: 6px;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span { background-color: #fff }
.owl-theme .owl-controls {
  display: block !important;
  margin-top:10px;
  text-align: center;
}
/*
 * ----------------------------------------------------------------------------------------
 *  08.END TESTIMONIAL DESIGN
 * ----------------------------------------------------------------------------------------
 */

/*
 * ----------------------------------------------------------------------------------------
 *  08.START PRICING DESIGN
 * ----------------------------------------------------------------------------------------
*/
.pricing-content{position:relative;}
.pricing_design{
    position: relative;
	margin: 0px 15px;
}
.pricing_design .single-pricing{
    background:#554c86;
    padding: 60px 40px;
    border-radius:30px;
    box-shadow: 0 10px 40px -10px rgba(0,64,128,.2);
    position: relative;
    z-index: 1;
}
.pricing_design .single-pricing:before{
    content: "";
    background-color: #fff;
    width: 100%;
    height: 100%;
    border-radius: 18px 18px 190px 18px;
    border: 1px solid #eee;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
}
.price-head{}
.price-head h2 {
	margin-bottom: 20px;
	font-size: 26px;
	font-weight: 600;
}
.price-head h1 {
	font-weight: 600;
	margin-top: 30px;
	margin-bottom: 5px;
}
.price-head span{}

.single-pricing ul{list-style:none;margin-top: 30px;}
.single-pricing ul li {
	line-height: 36px;
}
.single-pricing ul li i {
	background: #554c86;
	color: #fff;
	width: 20px;
	height: 20px;
	border-radius: 30px;
	font-size: 11px;
	text-align: center;
	line-height: 20px;
	margin-right: 6px;
}
.pricing-price{}

.price_btn {
	background: #554c86;
	padding: 10px 30px;
	color: #fff;
	display: inline-block;
	margin-top: 20px;
	border-radius: 2px;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
.price_btn:hover{background:#0aa1d6;}
/*
 * ----------------------------------------------------------------------------------------
 *  08.END PRICING DESIGN
 * ----------------------------------------------------------------------------------------
 */
/*
 * ----------------------------------------------------------------------------------------
 *  08.START PROMOTION DESIGN
 * ----------------------------------------------------------------------------------------
 */
.promotion_area{
background:#554c86;
padding:80px 0;
}
.promotion-content{}
.promotion-content h1 {
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	line-height: 52px;
}
.promo_btn{border: 2px solid #fff;}
.promotion-btn a {
	background: #0aa1d6;
	color: #fff;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
	padding: 25px 40px;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	margin-top: 10px;
	display: inline-block;
}
.promotion-btn a:hover{background:#fff;color:#191b26;}
/*
 * ----------------------------------------------------------------------------------------
 *  08.END PROMOTION DESIGN
 * ----------------------------------------------------------------------------------------
 */
 
/*
* ----------------------------------------------------------------------------------------
* 15.START CONTACT DESIGN
* ----------------------------------------------------------------------------------------
*/
.contact_us{background:#fffaf1;}
.contact {margin-right:30px;}
@media only screen and (max-width:768px) { 
.contact {margin-bottom:60px;margin-right:0px;}
}
.contact h4 {font-weight: 700;font-size: 40px;}
.contact p {
margin-bottom:40px;
}
.contact input {
	background: #fff;
	border: 2px rgba(27,194,108,0.08);
	border-radius: 0px;
	box-shadow: none;
	color: #1d293e;
	font-size: 16px;
	font-weight: 400;
	height: 70px;
	padding: 10px 10px 10px 30px;
	width: 100%;
	border: 1px solid #e9e6e6;
}
.contact textarea {
	background: #fff;
	border: 2px rgba(27,194,108,0.08);
	border-radius: 0px;
	box-shadow: none;
	color: #1d293e;
	font-size: 16px;
	font-weight: 400;
	padding: 10px 10px 10px 30px;
	width: 100%;
	border: 1px solid #e9e6e6;
}
.contact input:focus {
	border: 1px solid #554c86 ;
    box-shadow: none;
    outline: 0 none;
}
.contact textarea:focus {
border: 1px solid #554c86 ;
    box-shadow: none;
    outline: 0 none;
}
.contact button {
	width: 100%;
	font-size: 16px;
}

.address_bg {
	background: #fff;
	padding: 40px;
	box-shadow: 0 10px 40px -10px rgba(0,64,128,.1);
	border-radius: 3px;
}
.single_address {
	margin-bottom: 30px;
	border-bottom: 1px solid #eee;
	padding-bottom: 30px;
}
.single_address:last-child {
	border-bottom: 0px;
	margin-bottom: 0;
	padding-bottom: 0px;
}
@media only screen and (max-width:768px) { 
.single_address{margin-bottom: 70px;}
}
.address_br{
float:left;
}
.single_address span {
	color: #554c86;
	font-size: 30px;
	margin-bottom: 20px;
	display: block;
	margin-right:20px;
}
.single_address h4 {
	font-weight: 600;
	font-size: 18px;
	overflow: hidden;
	
}
.single_address p{overflow: hidden;}
.contact_btn {
	background: #554c86;
	padding: 10px;
	color: #fff;
	text-transform: capitalize;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
.contact_btn:hover{background:#0aa1d6;color: #fff;}


.map{}
.map iframe{
width:100%;
height:500px;
margin-bottom: -8px;
}
/*
* ----------------------------------------------------------------------------------------
* 15.END CONTACT DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 16.START BLOG DESIGN
* ----------------------------------------------------------------------------------------
*/
.blog_bg{background:#f4f5f7;}
.blog_area{padding-bottom:50px;}
.single_blog {
	background: #fff;
	box-shadow:0 10px 40px -10px rgba(0,64,128,.2);
	margin-bottom: 30px;
	padding: 30px;
}
@media only screen and (max-width:768px) { 
.single_blog {margin-bottom:30px;}
}
.blog-img{}
.blog-img img{position: relative;}
@media only screen and (max-width:768px) { 
.blog-img img{width:100%;}
}
.blog-img a {
	background: #554c86;
	padding: 7px 15px;
	color: #fff;
	font-weight: 600;
	font-size: 16px;
	width: 90px;
	box-shadow: 0 10px 40px -10px rgba(0,64,128,.2);
	line-height: 20px;
	display: inline-block;
	margin-top: 20px;
}
.single_blog h2 {
	font-weight: 700;
	line-height: 30px;
	font-size: 20px;
	margin-bottom: 0;
}
.single_blog h2 a{color:#1d293e;}
.single_blog h2 a:hover{color:#554c86;}
.single_blog span {
	text-transform: capitalize;
	padding: 0 10px;
	margin-bottom: 15px;
	display: inline-block;
	font-weight: 600;
	margin-top: 20px;
}
.single_blog span a{color:#554c86;}
.single_blog > a {
	background: #554c86;
	padding: 10px 30px;
	color: #fff;
	display: inline-block;
	margin-top: 20px;
	border-radius: 2px;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
.single_blog > a:hover{background:#0aa1d6;}

/*BLOG PAGE DESIGN*/
.blog_page_area{}
.single_blog_page_area {
	margin-bottom: 30px;
	overflow: hidden;
	position: relative;
	box-shadow: 0 10px 40px -10px rgba(0,64,128,.2);
	border-radius: 10px;
}
@media only screen and (max-width:768px) { 
.single_blog_page_area {margin-bottom:40px}
}
.single_blog_page_area img {
	width: 100%;
}
.blog-hover {
	position: absolute;
	width: 90%;
	bottom: -100%;
	padding: 30px;
	padding-bottom: 0px;
	background: #554c86;
	transition: all 0.3s ease-in-out;
	margin-left: 5%;
}
.single_blog_page_area:hover .blog-hover {
	bottom: 15px;
}
.blog-hover h5 a{color: #fff;}
.blog-hover p{color: #fff;margin-bottom: 30px;}
.blog-hover i{color: #fff;}
.blog_zone a {
	background: #fff;
	display: inline-block;
	overflow: hidden;
	color: #191b26 !important;
	padding: 10px 30px;
	font-size: 16px;
}
.single_blog_page_area img{width: 100%;}
.single_blog_page_area h5 {
color: #fff;
font-size: 18px;
margin: 0;
text-transform: capitalize;
font-weight: 600;
}
.single_blog_page_area span {
	color: #fff;
	display: inline-block;
	font-size: 14px;
	font-weight: 600;
	margin: 10px 0 0;
	text-align: center;
	text-transform: capitalize;
	width: 100%;
	margin-bottom: 20px;
}
.blog-name {
background:#554c86;
bottom: 15px;
color: #fff;
font-size: 16px;
font-weight: 600;
left: 0;
margin: 0;
padding: 25px 20px;
position: absolute;
text-transform: capitalize;
transition: all 0.2s ease-in-out 0s;
width: 90%;
margin-left: 5%;
}
/*START PAGINATION*/
ul.blog_pagination li a {
	border: 1px solid #eee;
	border-radius: 30px;
	color: #1d293e;
	display: block;
	font-size: 22px;
	font-weight: 500;
	background: #fff;
	height: 60px;
	line-height: 60px;
	margin: 5px;
	text-align: center;
	width: 60px;
}
ul.blog_pagination li a:hover {
    color: #fff;
    background: #554c86;
    border: 1px solid #554c86;
}
/*END PAGINATION*/
/*END PAGE DESIGN*/

/*START BLOG SIDEBAR DESIGN*/
/*Popular post*/
.sidebar_title{}
.sidebar_title h4 {
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
}
.sidebar-post{
	background:#fff;
	border-radius:5px;
	margin-bottom:30px;
	padding:10px;
}
.single_popular{
margin-bottom:10px;
overflow: hidden;
}
.single_popular:last-child {
	margin-bottom: 0;
}
.single_popular a img {
	width: 70px;
	float: left;
	margin-right: 10px;
	border-radius: 6px;
}
.single_popular h5 a {
	color: #191b26;
	font-weight: 600;
	font-size: 13px;
	transition: 0.3s;
}
.single_popular h5 a:hover{color:#554c86;}
/*End Popular post*/

/*Start Social media*/
.single_social{}
.social_item{
padding:8px 12px;
border-radius:4px;
}
.single_social ul {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: repeat(2, minmax(0, 1fr));
	grid-column-gap: 10px;
	grid-row-gap: 10px;
	list-style:none;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}
.single_social ul li{}
.single_social ul li a{}
.single_social ul li a i{color:#fff;font-size:12px;}
.item-list{
float: right;
color:#fff;
font-size:12px;
}

.facebook{background:#1a4fc5;}
.twitter{background:#00acee;}
.youtube{background:#f50000;}
.pinterest{background:#e62e3f;}
.tumblr{background:#34526f;}
.rss{background:#e8a50e;}

/*End Social media*/

/*Start category*/
.single_category{}
.item-category{
padding:8px 12px;
border-radius:4px;
background:#f2f2f2;
}
.single_category ul {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: repeat(2, minmax(0, 1fr));
	grid-column-gap: 10px;
	grid-row-gap: 10px;
	list-style:none;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}
.single_category ul li{}
.single_category ul li a{color:#191b26;font-size:12px;font-weight: 500;}
.item-cat{
color:#191b26;
font-size:12px;
margin-left:10px;
font-weight: 500;
}
/*End category*/

/*END BLOG SIDEBAR DESIGN*/

/*START SINGLE BLOG PAGE DESIGN*/
.post-slide-blog{
background:#fff;
padding:40px;
border-radius:10px;
}

.bc_left {
	padding-left: 30px;
	font-style: italic;
	font-weight: 600;
	margin-top: 30px;
}
.bc_bottom{margin-bottom:30px;}
.single_blog_post { margin-bottom: 60px }
.post-slide-blog img {
	margin-bottom: 30px;
}
.author_part {
	margin-bottom: 30px;
	overflow: hidden;
	margin-top: 60px;
}
.single_author {
	background: #fff none repeat scroll 0 0;
	padding: 40px;
	border-radius: 10px;
	box-shadow: 0 10px 40px -10px rgba(0,64,128,.08);
	overflow: hidden;
}
.author_part img {
	border: 4px solid #554c86;
	border-radius: 100px;
	float: left;
	height: 120px;
	margin-right: 20px;
	width: 120px;
}
.author_part h4 {text-transform: uppercase;
font-size: 16px;
font-weight:700;
letter-spacing: 1px; }
.author_part p { margin-bottom: 0 }
.blog_head_title {
border-bottom: 1px solid #eee;
margin: 0 0 30px;
padding-bottom: 10px;
font-weight: 700;
text-transform: uppercase;
font-size: 18px;
}
.comments_part {
    margin-bottom: 60px;
}
.single_comment {
    margin-bottom: 30px;
    background: #fff;
    padding: 40px;
	border-radius: 10px;
	box-shadow: 0 10px 40px -10px rgba(0,64,128,.08);
	overflow: hidden;
}
.single_comment_mbnone { margin-bottom: 0px }
.single_comment img {
    border: 4px solid #554c86;
    border-radius: 100px;
    float: left;
    height: 120px;
    margin-right: 20px;
    width: 120px;
}
.single_comment h4 { font-size: 16px;
font-weight:700;
letter-spacing: 1px;
text-transform: uppercase;}
.single_comment p { margin-bottom: 0 }
.comment-box {
	background: #fff;
	padding: 40px;
	border-radius: 10px;
}
.comment_form input, .comment_form textarea  {}

.comment_form textarea {}
@media only screen and (max-width:768px) { 
    .comment_form textarea { width: 100% }
}
/*END SINGLE BLOG PAGE DESIGN*/
/*
* ----------------------------------------------------------------------------------------
* 16.START BLOG DESIGN
* ----------------------------------------------------------------------------------------
*/



/*
* ----------------------------------------------------------------------------------------
* 16.START FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.footer {
	background:#232a34;
	padding-bottom: 50px;
	padding-top: 80px;
}
.footer_menu {
	margin-bottom: 20px;
}
.footer_menu ul {
	list-style: none;
	text-align: center;
}
.footer_menu ul li{display: inline-block;}
.footer_menu ul li a {
	color:#fff;
	padding: 0 10px;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
.footer_menu ul li a:hover{color:#554c86;}

/*START FOOTER SOCIAL DESIGN*/
.footer_profile{margin-bottom:40px;}
.footer_profile ul{
list-style: outside none none;
margin: 0;
padding: 0
}
.footer_profile ul li{
display: inline-block;
}
@media only screen and (max-width:480px) { 
.footer_profile ul li{margin:2px;}
}
.footer_profile ul li a img{width:60px;}

.footer_profile ul li a {
	background: #554c86;
	width: 40px;
	height: 40px;
	display: block;
	text-align: center;
	margin-right: 5px;
	border-radius: 50%;
	line-height: 40px;
	box-sizing: border-box;
	text-decoration: none;
	-webkit-transition: .3s;
	transition: .3s;
	color: #fff;
}

/*END FOOTER SOCIAL DESIGN*/
.footer_copyright {
margin-bottom: 20px;
	text-transform: uppercase;
	font-size: 12px;
	font-family:'Montserrat', sans-serif;
	font-weight: 600;
	color: #fff;
}
/*
* ----------------------------------------------------------------------------------------
* 16.END FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/

.section-content {
position: relative;
height: 400px;
}
.section-content:before {
    background:rgba(0, 0, 0, 0) linear-gradient(rgba(34, 38, 75, 0.1), rgba(34, 38, 75, 0.5)) repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.section-blog-title {
	color: #fff;
	font-weight: 600;
	text-transform: capitalize;
	margin-top: 100px;
}