@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap');
@font-face{
	font-family:"Arial-main";
	src:url('../fonts/Helvetica_0.otf');
}
@font-face{
	font-family:"Avenir-Light";
	src:url('../fonts/Avenir-Light.ttf');
}
body, html {
    height: 100%;
    margin: 0;
    font-family: 'Baloo Paaji 2', cursive;
}

/*	==================================	
			NAVIGATION BAR
	==================================
*/
.navbar-default{
	background:rgba(0,0,0,0);
	border:0px;
	height:80px;
}
.navbar-brand{
	margin-top:-20px;
}
.navbar-brand img{
	width:70px !important;
}
.header-top-area{
	padding-top:20px;
}
.navbar-right li a{
	color:#fff !important;
	font-family: 'Baloo Paaji 2', cursive;
	font-size:16px;
	letter-spacing:1pt;
	transition:.45s;
}
.navbar-right li a:hover{
	color:#79c942 !important;
	font-family: 'Baloo Paaji 2', cursive;
	font-size:16px;
	letter-spacing:1pt;
}
.navbar-right .view a{
	font-family: 'Baloo Paaji 2', cursive;
	font-size:25px;
	border-bottom:2px solid #24a1d1;
}
.navigation-background{
	background:url('../images/bg.png');
	background-size:cover;
	
	padding-top:20px;
	height:80px;
	box-shadow:0px 2px 10px black;
}

.top-bar{
	color:#fff;
	font-family:Avenir-Light;
	font-size:18px;
	font-weight:bold;
	background:url('../images/bg.png');
	margin-top:-20px;
	height:50px;
	line-height:50px;
	margin-bottom:10px;
}
.Textleft{
	float:left;
}
.Textright{
	float:right;
}
.Textclear{
	clear:both;
}
/*	
	==================================
			HERO IMAGE & TEXT
	==================================
*/
.half-banner .hero-image{
	background:linear-gradient(rgba(0,0,0,.7), rgba(0,0,0,.7)), url("../images/appheader.jpg");
	width:100%;
	height:500px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.app-banner .hero-image{
	background:linear-gradient(rgba(0,0,0,.5), rgba(0,0,0,.5)), url("../images/appheader.jpg");
	height:450px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.item img{
	opacity:.5;
	height:768px !important;
	object-fit:cover;
}
.hero-text {
	position:absolute;
	top:20%;
	left:10%;
	color: white;
	font-family: 'Baloo Paaji 2', cursive;
}
.hero-text h1{
	color:#fff;
	font-family: 'Baloo Paaji 2', cursive;
	font-size: 3.5rem;
	font-weight: 600;
}
.hero-text h2{
	color:#79c942;
}
.hero-text .hero-intro-text{
	font-family:Avenir-Light;
	font-size:18px;
	letter-spacing:1pt;
	
}
.header-button{
	margin-top:20px;
	
}
.header-button button{
	background:#79c942;
	width:200px;
	padding:5px;
	height:50px;
	border-radius:5px;
	border:1px solid #79c942;
	font-size:17px;
	letter-spacing:1.1pt;
	font-family:'Baloo Paaji 2', cursive;
	box-shadow:1px 3px 6px rgba(0,0,0,.1);
	transition:.25s;
}
.header-button button:hover{
	background:#fff;
	color:#79c942;
}
.smallMargins{
	margin-top:20px;
}
.bgblue{
	background:rgba(0,0,0,.2);
	padding:25px;
	border-left:2px solid #79c942;
}

  .bottom-sector {
  position: absolute;
  bottom: -1px;
  width: 100%;
  fill: white; }
 .carousel-control{
	 background:transparent !important;
	 transition:.25s;
 } 
 .carousel-control:hover > .glyphicon{
	 color:#79c942;
 }

/*
	==================================
		Header Image
	==================================
*/

.header-img{
	padding-top:50px;
}
.header-img img{
	width:100%;
}

/*	
	==================================
			MAIN CONTENTS
	==================================
*/
.about-image{
	margin-top:50px;
}
.about-image img{
	width:100%;
}
.content-section{
	margin-top:90px;
	margin-bottom:90px;
}
.right-bordered{
	border-right:5px solid #79c942;
	padding-right:20px;
	padding-bottom:20px;
}
.right-bordered h3{
	font-family: 'Baloo Paaji 2', cursive;
	font-size:2rem;
	text-align:left;
	line-height:30px;
	letter-spacing:0.5pt;
}
.border-left-content{
	margin-top:20px;
}
.border-left-content .intro-text{
	font-size:17px;
	line-height:30px;
	letter-spacing:1.1pt;
}
.small-title{
	font-family: 'Montserrat', sans-serif;
	font-size:2.5rem;
	color:#79c942;
	font-weight:bold !important;
	text-transform:uppercase;
	margin-top:20px;
}
.small-titlee{
	font-family: 'Baloo Paaji 2', cursive;
	font-size:1.4rem;
	color:#79c942;
	font-weight:bold;
	text-transform:uppercase;
	margin-top:20px;
}

.icon-img img{
	width:100px;
}
.JoinNow{
	background:url('../images/bg.png');
	background-size:cover;
	font-family: 'Baloo Paaji 2', cursive;
	color:#fff;
}
.JoinNow-details{
	padding-top:90px;
	padding-bottom:90px;
}
.JoinNow-details h5{
	font-size:3rem;
}
.marginsBtn{
	margin-top:100px;
}

.marginsTop{
	margin-top:50px;
}

/*	
	==================================
			CONNNECTION PORTION
	==================================
*/
.connection{
	margin-top:50px;
}
.connection img{
	margin-bottom:25px;
}
.connection .text-left img{
	width:100px;
}
.connection-text{
	font-size:18px;
	font-family: 'Baloo Paaji 2', cursive;
	line-height:30px;
	margin-bottom:30px;
}
.social-icons{
	margin-top:20px;
}
.social-icons a{
	text-decoration:none;
}
.social-icons a img{
	width:50px;
	transition:.25s;
	margin-right:5px;
	margin-top:10px;
}
.social-icons a img:hover{
	transform:translateY(-10px);
}


/* 
	=================================
			Blog SECTION
	=================================
*/
.marginsBoth{
	margin-bottom:5px;
}
.blog-text{
	font-size:18px;
	font-family:Avenir-Light;
	line-height:30px;
	margin-bottom:30px;
	text-align:center;
}
.card{
	border:1px solid rgba(0,0,0,.05);
	box-shadow:1px 4px 10px rgba(0,0,0,.05);
	border-radius:5px;
	margin-bottom:20px;
}
.card-header img{
	width:100%;
	height:300px;
	object-fit:cover;
	cursor:pointer;
}
.card-body{
	padding:20px;
}
.card-description{
	font-size:16px;
	font-family:'Baloo Paaji 2', cursive;
	line-height:30px;
	margin-bottom:20px;
}
.card-btn{
	text-align:center;
}
.card-btn button{
	background:#79c942;
	width:150px;
	padding:5px;
	color:#fff;
	font-family:'Baloo Paaji 2', cursive;
	border:1px solid #79c942;
	border-radius:30px;
	height:40px;
}
/* 
	=================================
			Contact Form
	=================================
*/
.contact{
	background:url('../images/wavy.png');
	background-repeat:no-repeat;
	background-size:cover;
	padding-bottom:90px;
	padding-top:90px;
}
input[type='text'], input[type='email']{
	border:1px solid #24a1d1;
	height:40px;
	box-shadow:0px 0px 0px !important;
}
textarea{
	resize:none;
	border:1px solid #24a1d1 !important;
	box-shadow:0px 0px 0px !important;
}
.contact-details{
	margin-top:120px;
}
.contact-details ul li{
	list-style:none;
	font-size:16px;
	font-family: 'Baloo Paaji 2', cursive;
	line-height:40px;
	color:gray;
}
.contact-details ul li span{
	color:#24a1d1;
	letter-spacing:1.1pt;
}
/*	
	==================================
			FOOTER SECTION
	==================================
*/
.footer{
	background:url('../images/bg.png');
	background-size:cover;
	padding-top:50px;
}
.footer-title{
	font-family:'Baloo Paaji 2', cursive;
	font-size:18px;
	color:#79c942;
}
.links a{
	color:#fff;
	font-size:15px;
	font-family:Arial-main;
}
.footer-text{
	color:#fff;
	font-size:15px;
	font-family:Avenir-Light;
	margin-top:10px;
}
.footer img{
	width:90px;
	object-fit:cover;
	margin-top:20px;
}
.copyright{
	color:#fff;
	border-top:1px solid rgba(255,255,255,.3);
	padding:10px;
	margin-top:40px;
	font-family:Avenir-Light;
	font-size:18px;
}
.footer .col-md-4:nth-child(3){
	text-align:right;
}
/* 
	=================================
		DIGITAL MARKETING PAGE
	=================================
*/
.imgWidth img{
	width:100%;
}
.glyphicon-check{
	color:#79c942;
}
.cardsBox .glyphicon-check{
	color:#79c942;
}
.border-left-content .glyphicon-check{
	color:#79c942;
}
.borderedLeft{
	border-left:1px solid rgba(0,0,0,.2);
}
.marginBottom{
	margin-bottom:40px;
}
.black-title{
	font-family:'Baloo Paaji 2', cursive;
	font-size:30px;
	color:#333;
}
.text-bold{
	font-weight:bold;
}
.btn-info{
	background:#79c942;
	height:50px;
	transition:.25s;
}
.imgBorder img{
	box-shadow:20px 20px 10px rgba(0,0,0,.3);
	border-radius:3px;
	padding:8px;
	background:#fff;
	border:1px solid rgba(0,0,0,.1);
}
.imgBorderLeft img{
	box-shadow:-20px 20px 10px rgba(0,0,0,.3);
	border-radius:3px;
	padding:8px;
	background:#fff;
	border:1px solid rgba(0,0,0,.1);
}
.smallPadding{
	padding-top:30px;
}
.bgBlue{
	margin-top:90px;
	margin-bottom:90px;
	padding-bottom:90px;
	background:url('../images/bg.png');
	background-size:cover;
	color:#fff;
}
.bgBlue p{
	color:#fff;
}
.paddingTop{
	padding-top:90px;
}
.btnLong button{
	color:#fff !important;
	width:250px;
	margin-top:10px;
}
.col-sm-2{
	margin-bottom:30px;
	margin-top:10px;
}
.blog-section{
	padding:20px;
	border:1px solid rgba(0,0,0,.1);
	background:rgba(0,0,0,.01);
	border-radius:5px;
	box-shadow:1px 4px 10px rgba(0,0,0,.05);
}
.blog-description{
	margin-top:30px;
}
.text-gray{
	color:gray;
}


.fontNew{
	font-family: 'Baloo Paaji 2', cursive;
	font-size:16px;
}


/*
	==================================
			SCROLL TO TOP
	==================================
*/ 

.scroll-to-top {
    background-color: #79c942;
    display: none;
    width: 50px;
    height: 50px;
    font-size: 25px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    position: fixed;
    right: 10px;
    bottom: 50px;
    z-index: 999;
	transition:.45s;
}
.scroll-to-top:hover,
.scroll-to-top:focus {
    background-color: #33313f;
    color: #ffffff;
}


.cardsBox{
	
	border:1px solid rgba(0,0,0,.05);
	padding:20px;
	border-radius:3px;
	background:rgba(0,0,0,.01);
	cursor:pointer;
	transition:.15s;
	margin-bottom:30px;
}
.cardsBox:hover {
	background:#79c942;
	color:#fff !important;
	transform:translateY(-20px);
	box-shadow:4px 10px 10px rgba(0,0,0,.3);
}
.cardsBox:hover > .small-title, .cardsBox:hover > .lang_title_one_text .glyphicon-check{
	color:#fff !important;
}


/*	
	==================================
			DEVICE RESPONSIVE
	==================================
*/


@media screen and (max-width:768px) {
	.carousel-inner .item:nth-child(1) img{
		object-position:-10px;
	}
	.hero-image{
		height:auto;
	}
	.top-bar{
		display:none;
	}
	.navbar-right{
		padding-top:20px;
		padding-bottom:20px;
	}
	.navbar-right li{
		text-align:center;
	}
	.right-bordered{
		border-right:none;
	}
	.right-bordered h3{
		text-align:left;
	}
	.navbar-right, .navbar-default{
		background:url('../images/bg.png');
	}
	.navbar-header{
		margin-top:0px;
	}
	.navbar-brand{
		margin-top:-29px;
	}
	.view a{
		border-bottom:0px !important;
	}
	.team{
		background:#fff;
		height:auto;
	}
	.footer{
		
		padding-left:20px;
		padding-right:20px;
	}
	.footer .full{
		margin-bottom:40px;
	}
	.center-text{
		text-align:left;
	}
	.border{
		width:100%;
	}
	.about-heading{
		padding-left:20px;
	}
	.marginsBtn{
		margin-top:0px;
		margin-bottom:30px;
		text-align:center;
	}
	.JoinNow-details{
		padding-top:20px;
		padding-bottom:20px;
		text-align:center;
	}
	.hero-text h1{
		font-size:2.5rem;
	}
	.bgblue{
		background:transparent;
		border-left:0px;
		padding:25px;
		margin-left:-20px;
		width:100%;
	}
	.footer{
		text-align:center;
	}
	.carousel-inner .item:nth-child(3) img{
		object-position:-250px;
	}
	.footer .col-md-4:nth-child(3){
		text-align:center;
	}
}

@media screen and (max-width:468px) {
	.full{
		width:100%;
	}
	.carousel-inner .item:nth-child(1) img{
		object-position:-120px;
	}
	.carousel-inner .item:nth-child(3) img{
		object-position:-650px;
	}
}
