body,html{
	scroll-behavior: smooth !important;
}

/*** Navigation ***/

.navbar{
	background:rgba(0, 0, 0, 0) !important;
	padding:10px;
	font-family: 'Raleway', sans-serif;
	height: 150px;
}



	.navbar.shrink{
		background: #000 !important;
		transition: 0.5s ease;
	}

.navbar .nav-link{
	margin: 5px;
	font-weight: 700;
	font-size: 15px;
	color:#fff !important;

}

/*** Navigation ***/

/*** Navigation 2 ***/
	.header2{
		background: #000 !important;
	}
/*** Navigation 2 ***/

/*** header ***/

.jumbotron{
	  /* The image used */
	  background-image: url('../img/header.jpg');

	  /* Set a specific height */
	  min-height: 757px;

	  /* Create the parallax scrolling effect */
	  background-attachment: fixed;
	  background-position: center;
	  background-repeat: no-repeat;
	  background-size: cover;
	  font-family: 'Raleway', sans-serif;
	  border-radius: 0;
}

.mrock_txt{
	margin-top: 200px;
	font-weight: 100;
	font-size:40px;
	color:#fff;
}

.services_text{
	color: #fff;
	font-weight: 800;
	text-transform: uppercase;
	font-size: 50px;
}

.type{
	color:#F14259;
}

.mrock_para{
	color:#fff;
	font-size: 18px;
	font-family: 'Raleway', sans-serif;
	font-weight:500;
	margin-top: 20px;
}

.learn_btn{
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 600;
	padding: 10px 30px;
}

.started_btn{
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 600;
	padding: 10px 30px;
	background:#F14259;
	border:solid 1px #F14259;
}

/*** header ***/

/*** about ***/
	.mrock_desc{
		padding: 30px;
		font-family: 'Raleway', sans-serif;
		color: #000;
	}

	.mrock_desc h2{
		font-weight: 200;
	}

	.mrock_awesome{
		font-weight: 700;
	}

	.mrock_about{
		max-width: 1000px !important; 
		margin: auto;
		font-weight: 500;
		color: #485460;
		margin-top: 25px;
		font-size: 18px;
	}
/*** about ***/

/*** mission ***/
	.mission{
		padding: 30px; 
		font-family: 'Raleway', sans-serif;
	}

	.mission_main_txt{
		font-weight: 200;
		font-size: 40px;
		color: #000;
	}

	.mission_bold{
		font-weight: 700;
		border-left: 1px solid #F14259;
		padding-left: 15px;
	}

	.mission p{
		font-weight: 500;
		color: #485460;
		font-size: 15px;
	}


	/*** progress bars ***/
		.skills,
.skills .skill,
.skills .skill .skill-title,
.skills .skill .skill-bar {
   width: 100%;
   float: left;
}

.skills {
   padding:15px;
}

.skills .skill {
   margin-bottom: 30px;
}

.skills .skill .skill-title {
   color: #636e72;
   margin-bottom: 10px;
   font-weight: 600;
   font-size: 14px;
}

.skills .skill .skill-bar {
   width: 0;
   height: 6px;
   background: #fff;
   transition: 1s cubic-bezier(1, 0, .5, 1);
   -webkit-transition: 1s cubic-bezier(1, 0, .5, 1);
   -ms-transition: 1s cubic-bezier(1, 0, .5, 1);
}

.skills.active .skill .skill-bar {
   width: 100%;
}

.skills .skill .skill-bar span {
   float: left;
   width: 0%;
   background: #F14259;
   height: 2px;
   position: relative;
   transition: 1s cubic-bezier(1, 0, .5, 1);
   -webkit-transition: 1s cubic-bezier(1, 0, .5, 1);
   -ms-transition: 1s cubic-bezier(1, 0, .5, 1);
}

.skills .skill .skill-bar span b {
   float: left;
   width: 100%;
   position: relative;
   text-align: right;
   opacity: 0;
   font-size: 11px;
   color: #343331;
   font-weight: 500;
   top: -18px;
}

.container1{
  width: 100%;
  max-width: 600px;
  padding:0 15px;
  margin:0 auto;
  font-family: 'Raleway', sans-serif;
}

	/*** progress bars ***/
/*** mission ***/

/*** skills 2 ***/
	.skills2{
		padding: 30px;
		font-family: 'Raleway', sans-serif;
		background: #F14259;
	}

	.skill_icons{
		color:#FFF;
	}


	.skills2_txt{
		margin-top: 15px;
		font-weight:600;
		color: #FFF;
		font-size: 19px;
	}

	.skills_para2{
		font-size: 15px;
		font-weight:500;
		color: #FFF;
		max-width: 300px;
		margin: auto;
		margin-top: 18px;
		
	}
/*** skills 2 ***/

/*** Testimonial ***/
		.testimonial{
			/* The image used */
			  background-image: url("../img/quote2.jpg");

			  /* Set a specific height */
			  min-height: 280px;

			  /* Create the parallax scrolling effect */
			  background-attachment: fixed;
			  background-position: center;
			  background-repeat: no-repeat;
			  background-size: cover;
			  color: #BBBCB0;
			  font-family: 'Raleway', sans-serif;
		}

		.quote_style{
			max-width:700px;
			margin: auto;
		}

		.quote{
			font-size: 20px;
			line-height: 1.8em;
			font-weight: 500;
		}

		.person_quote{
			color:#F14259;
			font-size: 17px;
			text-transform: uppercase;
			font-weight:600;
			margin-top: 15px;
		}

		.person_role{
			font-size: 14px;
			font-weight:600;
		}
/*** Testimonial ***/

/*** portfolio ***/
	.portfolio{
		padding: 30px;
		font-family: 'Raleway', sans-serif;
	}

	.port_tab{
		 font-family: 'Raleway', sans-serif;
		 text-transform: uppercase;
		 color:#333333;
		 font-weight: 700;
		 font-size:13px;
		 letter-spacing: 1px;
	}

	.port_tab:hover{
		color:#F14259;
	}

	.portfolio .active{
		color:#F14259 !important;
		background: none !important;
		text-decoration: underline;
	}

	.port_img_hover:hover{
		opacity: 0.8;
		transition: 0.3s ease;
	}
/*** portfolio ***/


/*** features ***/
	.features{
		/* The image used */
			  background-image: url("../img/team.jpg");

			  /* Set a specific height */
			  min-height: 350px;

			  /* Create the parallax scrolling effect */
			  background-attachment: fixed;
			  background-position: center;
			  background-repeat: no-repeat;
			  background-size: cover;
			  color: #BBBCB0;
			  font-family: 'Raleway', sans-serif;
	}

	.features h2{
		font-weight: 800;
		font-size: 40px;
		margin-top: 15px;
	}

	.features i{
		font-size:35px;
	}

	.features h5{
		font-size:18px;
		font-weight:600;
		margin-top: 15px;
	}
/*** features ***/

/*** top features ***/
	.top_awesome{
		padding: 30px;
		font-family: 'Raleway',sans-serif;
	}

	.features_font{
		font-family: 'Raleway',sans-serif;
		max-width:1100px;
		margin:auto;
	}

	.special-feature{
		padding: 20px;
	}

	.top_awesome i{
		 color: #F14259;
		 font-size: 30px;

	}

	.special-feature h5{
		margin-top:15px;
		font-weight: 700;
		font-family: 'Raleway', sans-serif !important;
		font-size: 18px;
	}

	.special-feature p{
		font-size: 14px;
		font-weight: 500;
		color:grey;
	}
/*** top features ***/

/*** services ***/
	.services{
		/* The image used */
			  background-image: url("../img/services.jpg");

			  /* Set a specific height */
			  min-height: 550px;

			  /* Create the parallax scrolling effect */
			  background-attachment: fixed;
			  background-position: center;
			  background-repeat: no-repeat;
			  background-size: cover;
			  color: #fff;
			  font-family: 'Raleway', sans-serif;
	}

	.services .container{
		max-width: 1200px;
		margin: auto;
		padding: 30px;

	}

	.services p{
		color: #bbb;
		font-size: 15.5px;
		font-weight: 500;
		padding: 15px;
	}

	.service_txt2{
		color: #fff !important;
		font-weight: 600;
		font-size: 16px !important;
		padding: 15px !important;
	}

	/* tabs */
	.service1-tab{
		background: rgba(70, 70, 70, 0.55) !important;
		padding: 20px;
		margin:20px;
	}

	.service1-tab{
		color:#F14259 !important;
	}

	.service1-tab i{
		font-size:30px;
	}

	.service1-tab h5{
		color: #fff;
		text-transform: uppercase;
		font-size: 15px;
		font-weight: 600;
		margin-top: 10px;
	}
		.tab-active{
			background: #fff !important;
		}

		.tab_active h5{
			margin-top: 15px;
			text-decoration: none;
		}

		.tab-active i{
			color:#F14259 !important;
		}
	/* tabs */
/*** services ***/

/*** creative team ***/
	.team{
		font-family: 'Raleway', sans-serif;
		padding: 30px;
	}

	.team_img{
		height: auto;
		width: 70%;
		border-radius: 100px;
	}

	.team h5{
		font-family: 'Raleway', sans-serif;
		margin-top: 15px;
		font-weight:700;
		color: #090909;
	}

	.team h6{
		font-family: 'Raleway', sans-serif;
		margin-top: 10px;
		font-weight:500;
		color: grey;
	}

	.social_icons i{
		color:#090909;
		margin: 5px;
	}
/*** creative team ***/

/*** pricing ***/
	.pricing{
		font-family: 'Raleway', sans-serif;
		padding: 30px;
	}

	.package_txt{
		font-weight: 600;
		font-size: 25px;
		color: #000;
	}

	.price_numb{
		font-size: 50px;
		font-weight: 800;
		color: #000;
	}

	.price_date{
		font-size: 14px;
		font-family: 'Raleway', sans-serif;
		font-weight: 400;
		color: #787878;
	}


	.currency{
		font-size: 15px;
	}

	.price_list{
		 list-style-type: none;
	}

	.price_list li{
		color: #666666;
		font-weight:500;
		margin-top: 10px;

	}

	.price_button{
		background: #F14259 !important;
		border-radius: 0;
		font-weight: 800;
		padding: 10px 30px;
	}
/*** pricing ***/

/*** testimonial ***/

			.testimonial2 {
			    min-height: 375px;
			    position: relative;
			    background: url(../img/testimonial.jpg);
			    padding-top: 50px;
			    padding-bottom: 50px;
			    background-position: center;
			    background-size: cover;
			    font-family: 'Raleway', sans-serif;
			}
			#testimonial4 .carousel-inner:hover{
			  cursor: -moz-grab;
			  cursor: -webkit-grab;
			}
			#testimonial4 .carousel-inner:active{
			  cursor: -moz-grabbing;
			  cursor: -webkit-grabbing;
			}
			#testimonial4 .carousel-inner .item{
			  overflow: hidden;
			}

			.testimonial4_indicators .carousel-indicators{
			  left: 0;
			  margin: 0;
			  width: 100%;
			  font-size: 0;
			  height: 20px;
			  bottom: 15px;
			  padding: 0 5px;
			  cursor: e-resize;
			  overflow-x: auto;
			  overflow-y: hidden;
			  position: absolute;
			  text-align: center;
			  white-space: nowrap;
			}
			.testimonial4_indicators .carousel-indicators li{
			  padding: 0;
			  width: 14px;
			  height: 14px;
			  border: none;
			  text-indent: 0;
			  margin: 2px 3px;
			  cursor: pointer;
			  display: inline-block;
			  background: #ffffff;
			  -webkit-border-radius: 100%;
			  border-radius: 100%;
			}
			.testimonial4_indicators .carousel-indicators .active{
			  padding: 0;
			  width: 14px;
			  height: 14px;
			  border: none;
			  margin: 2px 3px;
			  background-color: #9dd3af;
			  -webkit-border-radius: 100%;
			  border-radius: 100%;
			}
			.testimonial4_indicators .carousel-indicators::-webkit-scrollbar{
			  height: 3px;
			}
			.testimonial4_indicators .carousel-indicators::-webkit-scrollbar-thumb{
			  background: #eeeeee;
			  -webkit-border-radius: 0;
			  border-radius: 0;
			}

			.testimonial4_control_button .carousel-control{
			  top: 175px;
			  opacity: 1;
			  width: 40px;
			  bottom: auto;
			  height: 40px;
			  font-size: 10px;
			  cursor: pointer;
			  font-weight: 700;
			  overflow: hidden;
			  line-height: 38px;
			  text-shadow: none;
			  text-align: center;
			  position: absolute;
			  background: transparent;
			  border: 2px solid #ffffff;
			  text-transform: uppercase;
			  -webkit-border-radius: 100%;
			  border-radius: 100%;
			  -webkit-box-shadow: none;
			  box-shadow: none;
			  -webkit-transition: all 0.6s cubic-bezier(0.3,1,0,1);
			  transition: all 0.6s cubic-bezier(0.3,1,0,1);
			}
			.testimonial4_control_button .carousel-control.left{
			  left: 7%;
			  top: 50%;
			  right: auto;
			}
			.testimonial4_control_button .carousel-control.right{
			  right: 7%;
			  top: 50%;
			  left: auto;
			}
			.testimonial4_control_button .carousel-control.left:hover,
			.testimonial4_control_button .carousel-control.right:hover{
			  color: #000;
			  background: #fff;
			  border: 2px solid #fff;
			}

			.testimonial4_header{
			  top: 0;
			  left: 0;
			  bottom: 0;
			  width: 550px;
			  display: block;
			  margin: 30px auto;
			  text-align: center;
			  position: relative;
			}
			.testimonial4_header h4{
			  color: #ffffff;
			  font-size: 30px;
			  font-weight: 600;
			  position: relative;
			  letter-spacing: 1px;
			  text-transform: uppercase;
			}

			.testimonial4_slide{
			  top: 0;
			  left: 0;
			  right: 0;
			  bottom: 0;
			  width: 70%;
			  margin: auto;
			  padding: 20px;
			  position: relative;
			  text-align: center;
			}
			.testimonial4_slide img {
			    top: 0;
			    left: 0;
			    right: 0;
			    width: 90px;
			    height: 90px;
			    margin: auto;
			    display: block;
			    color: #f2f2f2;
			    font-size: 18px;
			    line-height: 46px;
			    text-align: center;
			    position: relative;
			    border-radius: 50%;
			    box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
			    -moz-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
			    -o-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
			    -webkit-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
			    border: solid 5px #414143;
			}
			.testimonial4_slide p {
			    color: #ffffff;
			    font-size: 20px;
			    line-height: 1.4;
			    margin: 40px 0 20px 0;
			}
			.testimonial4_slide h4 {
			  color: #ffffff;
			  font-size: 22px;
			}

			.testimonial .carousel {
				padding-bottom:50px;
			}
			.testimonial .carousel-control-next-icon, .testimonial .carousel-control-prev-icon {
			    width: 35px;
			    height: 35px;
			}
			/* ------testimonial  close-------*/
/*** testimonial ***/

/*** news ***/
	.news{
		font-family: 'Raleway', sans-serif;
		padding: 30px;
	}
/*** news ***/

/*** partners ***/
	.partners{
		padding: 30px;
	}

	.partners img{
		padding: 15px;
		opacity: 0.5;
	}

	.partners img:hover{
		opacity: initial;
	}
/*** partners ***/

/*** contact ***/
	.contact{
		padding: 30px;
		font-family: 'Raleway',sans-serif;
	}
/*** contact ***/

/*** contact details***/
	.contact_details{
		/* The image used */
			  background-image: url("../img/quote2.jpg");

			  /* Set a specific height */
			  min-height: 300px;

			  /* Create the parallax scrolling effect */
			  background-attachment: fixed;
			  background-position: center;
			  background-repeat: no-repeat;
			  background-size: cover;
			  color: #fff;
			  font-family: 'Raleway', sans-serif;
	}

	.details_box{
		background: rgba(70, 70, 70, 0.3) !important;
	    padding: 20px;
	    margin: 20px;
	    border-radius: 4px;
	}
/*** contact details***/

/*** footer***/
	.footer_final{
		background:#111111;
		font-family: 'Raleway', sans-serif;
		padding: 80px;
	}

	.footer i{
		margin: 10px;
		font-size: 20px;
		color: #777777;
	}
/*** footer***/

	.wow12{
			/* The image used */
			  background-image: url("../img/quote2.jpg");

			  /* Set a specific height */
			  min-height: 280px;

			  /* Create the parallax scrolling effect */
			  background-attachment: fixed;
			  background-position: center;
			  background-repeat: no-repeat;
			  background-size: cover;
			  color: #BBBCB0;
			  font-family: 'Raleway', sans-serif;
		}



/*** media queries ***/
	
@media only screen and (max-width: 600px) {

	/* navbar */
		.navbar{
			height: auto !important;
		}

		/* nav dropdown */

		.navbar-collapse{
				background: #000 !important;
				padding:20px;
				transition: 0.3s ease;
			}

			.navbar img{
				height: 100px !important;
			}
		/* nav dropdown */
	/*navbar */
	/* header */
	.mrock_txt{
		font-size: 18px;
	}
  .services_text {
    font-size: 21px;
  }

  .mrock_para{
  	font-size:15px;
  }
  /* header */

  /* google map */
  	.google_map{
  		height: auto !important;
  		width: 100% !important;
  	}
  /* google map */

  /* portfolio */
  	.work_img_responsive{
  		height: auto !important;
  		margin:auto !important;
  		margin-top:10px !important;
  		width:80% !important;
  	}

  	.work_heading_responsive{
  		margin:auto !important;
  	}

  	.work_heading_responsive h3{
  		font-size: 15px !important;
  	}

  	.work_heading_responsive p{
  		display: none !important;
  	}

  	.work_heading_responsive li{
  		display: none !important;
  	}

  	 .work_heading_responsive2{
  		margin:auto !important;
  	}

  	.work_heading_responsive2 h3{
  		margin-top: 100px;
  		font-size: 15px !important;
  	}

  	 .work_heading_responsive2 li{
  		display: none !important;
  	}
  /* portfolio */
}
/*** media queries ***/