* {
  box-sizing: border-box;
}

body {
    font-family: 'Roboto',sans-serif !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto',sans-serif !important;
    margin-top: 0 !important;
    font-weight: 700 !important;
    text-transform: normal !important;
    line-height: 1.16 !important;
	color:#212529 !important;
}

.gtco-testimonials {
  position: relative;
}
.gtco-testimonials h2 {
  font-size: 30px;
  text-align: center;
  color: #333333;
  margin-bottom: 50px;
}
.gtco-testimonials .owl-stage-outer {
  padding: 30px 0;
}
.gtco-testimonials .owl-nav {
  display: none;
}
.gtco-testimonials .owl-dots {
  text-align: center;
}
.gtco-testimonials .owl-dots span {
  position: relative;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  display: block;
  background: #fff;
  border: 2px solid #01b0f8;
  margin: 0 5px;
}
.gtco-testimonials .owl-dots .active {
  box-shadow: none;
}
.gtco-testimonials .owl-dots .active span {
  background: #01b0f8;
  box-shadow: none;
  height: 12px;
  width: 12px;
  margin-bottom: -1px;
}
.gtco-testimonials .card {
  background: #fff;
  box-shadow: 0 8px 30px -7px #c9dff0;
  margin: 0 20px;
  padding: 0 10px;
  border-radius: 20px;
  border: 0;
}
.gtco-testimonials .card .card-img-top {
  max-width: 100px;
  border-radius: 50%;
  margin: 15px auto 0;
  box-shadow: 0 8px 20px -4px #95abbb;
  width: 100px;
  height: 100px;
}
.gtco-testimonials .card h5 {
  color: #01b0f8 !important;
  font-size: 21px;
  line-height: 1.3;
}
.gtco-testimonials .card h5 span {
  font-size: 18px;
  color: #666666 ;
}
.gtco-testimonials .card p {
  font-size: 18px;
  color: #555;
  padding-bottom: 15px;
}
.gtco-testimonials .active {
  opacity: 0.5;
  transition: all 0.3s;
}
.gtco-testimonials .center {
  opacity: 1;
}
.gtco-testimonials .center h5 {
  font-size: 24px;
}
.gtco-testimonials .center h5 span {
  font-size: 20px;
}
.gtco-testimonials .center .card-img-top {
  max-width: 100%;
  height: 120px;
  width: 120px;
}

@media (max-width: 767px) {
  .gtco-testimonials {
    margin-top: 20px;
  }
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
  outline: 0;
}
.owl-carousel button.owl-dot {
  outline: 0;
}


.center {
	text-align: center;
}

p {
    color: #000;
    font-family: "Roboto",sans-serif !important;
    font-size: 18px;
    line-height: 1.67;
    letter-spacing: 0.5px !important;
}

.loc
{
    font-size: 15px;
}

ol {
	color: #000;
	font-family: "Roboto", sans-serif;
	font-weight: 300;
	font-size: 16px;
	line-height: 2;
}

.scrolldown {
	scroll-behavior: smooth;
	position: absolute;
}

.button {
	border: 1px solid #438e29;
	background-color: hsl(105, 80%, 32%);
	border-radius: 4px;
	color: white;
}



.static-title {
	text-align: center;
	margin-bottom: 1em;
	color: #263b5c !important;
	font-size: 30px;
}

section {
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}


.badge {
	text-align: center;
}

.margin {
	margin-right: 3px;
}

* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.value {
	font-family: "Roboto", Arial, Helvetica, sans-serif;
	font-size: x-large;
	line-height: 2px;
}

.section-bold {
	background: #f9fafb;
}

.static-section {
	background-color: white;
}

.margin {
	margin-top: 6rem;
	margin-bottom: 6rem;
}

.margin1 {
	margin-left: 9rem;
}

.padding {
	padding-bottom: 4rem;
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 1200px;
}

/* The Close Button */
.close {
  color: #000;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
  opacity: 1;
}

.close:hover,
.close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

.mySlides {
  display: none;
}

.cursor {
  cursor: pointer;
}

.pagination>li>a, .pagination>li>span {
    position: inherit !important;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  /*position: absolute;margin-top: -50px;
  top: 100%;*/
  width: auto;
  padding: 16px;
  
  color: white;
  font-weight: 400;
  font-size: 13px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}


.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}

img.hover-shadow {
  transition: 0.3s;
}

.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

@media (min-width: 576px)
{
	.modal-dialog {
		max-width: 800px;
		margin: 1.50rem auto;
	}
}

.cursor
{
	cursor: pointer;
}

b, strong {
    font-weight: 600 !important;
}

.primary-title
{
	padding: 3rem 0;
}

.primary-title1
{
	padding: 3rem 0 0 0;
}

.Reviews__review-box___1RP0p {
    text-align: left;
}

.Reviews__review-init___150og {
    /* border: 1px solid #d8d8d8; */
    width: 32px;
    height: 32px;
    font-size: 17px;
    line-height: 24px;
    /* border-radius: 16px; */
    text-align: center;
    display: inline-block;
    position: absolute;
   /* margin-top: 8px;*/
}

h5, .h5 {
    font-size: 20px !important;
}


.Reviews__review-init___150og1 {
    /* border: 1px solid #d8d8d8; 
    width: 32px;
    height: 32px;*/
    font-size: 17px;
    line-height: 24px;
    /* border-radius: 16px; */
    text-align: center;
    display: inline-block;
    position: absolute;
    /* margin-top: 8px; */
}

.Reviews__review-remark___3qpLi {
    display: inline-block;
    /* padding: 10px 5px; */
    /* width: 80%; */
    margin-left: 35px;
}

.Reviews__review-remark___3qpLi1 {
    display: inline-block;
    /* padding: 10px 5px; */
    /* width: 80%; */
    margin-left: 135px;
}

.Reviews__reviewer-name___2YdwV {
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 0.5rem;
    line-height: 1.5;
	color: #000;
    font-family: "Roboto", Arial, Helvetica, sans-serif;
}

/* Media Query for Mobile Devices */
@media (max-width: 480px) {
	.bx
	{
		height: auto;
		width:100%;
	}
	.mt
	{
		margin-top: 44px !important;
		bottom: 25px;
		left: 0px !important;
		position: relative !important;
	}
}

/* Media Query for low resolution  Tablets, Ipads */
@media (min-width: 481px) and (max-width: 767px) {
	.bx
	{
		height: auto;
		width:100%;
	}
}
	  
/* Media Query for Tablets Ipads portrait mode */
@media (min-width: 768px) and (max-width: 1024px){
	.bx
	{
		height: 250px;
		width:250px;
	}
}
	  
/* Media Query for Laptops and Desktops */
@media (min-width: 1025px) and (max-width: 1280px){
	.bx
	{
		height: 250px;
		width:250px;
	}
}
	  
/* Media Query for Large screens */
@media (min-width: 1281px) {
	.bx
	{
		height: 250px;
		width: 250px;
	}
}

.mt
{
	margin-top: 44px;
    position: absolute;
    bottom: 25px;
    left: 30px;
}

.owl-theme .owl-dots .owl-dot span
{
	margin: 0 5px !important;
}









.demo-gallery > ul {
  margin-bottom: 0;
}
.demo-gallery > ul > li {
	float: left;
	margin-bottom: 15px;
}
.demo-gallery > ul > li a {
  border: 3px solid #FFF;
  border-radius: 3px;
  display: block;
  overflow: hidden;
  position: relative;
  float: left;
}
.demo-gallery > ul > li a > img {
  -webkit-transition: -webkit-transform 0.15s ease 0s;
  -moz-transition: -moz-transform 0.15s ease 0s;
  -o-transition: -o-transform 0.15s ease 0s;
  transition: transform 0.15s ease 0s;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  height: 100%;
  width: 100%;
}
.demo-gallery > ul > li a:hover > img {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}
.demo-gallery > ul > li a:hover .demo-gallery-poster > img {
  opacity: 1;
}
.demo-gallery > ul > li a .demo-gallery-poster {
  background-color: rgba(0, 0, 0, 0.1);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: background-color 0.15s ease 0s;
  -o-transition: background-color 0.15s ease 0s;
  transition: background-color 0.15s ease 0s;
}
.demo-gallery > ul > li a .demo-gallery-poster > img {
  left: 50%;
  margin-left: -10px;
  margin-top: -10px;
  opacity: 0;
  position: absolute;
  top: 50%;
  -webkit-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}
.demo-gallery > ul > li a:hover .demo-gallery-poster {
  background-color: rgba(0, 0, 0, 0.5);
}
.demo-gallery .justified-gallery > a > img {
  -webkit-transition: -webkit-transform 0.15s ease 0s;
  -moz-transition: -moz-transform 0.15s ease 0s;
  -o-transition: -o-transform 0.15s ease 0s;
  transition: transform 0.15s ease 0s;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  height: 100%;
  width: 100%;
}
.demo-gallery .justified-gallery > a:hover > img {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}
.demo-gallery .justified-gallery > a:hover .demo-gallery-poster > img {
  opacity: 1;
}
.demo-gallery .justified-gallery > a .demo-gallery-poster {
  background-color: rgba(0, 0, 0, 0.1);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: background-color 0.15s ease 0s;
  -o-transition: background-color 0.15s ease 0s;
  transition: background-color 0.15s ease 0s;
}
.demo-gallery .justified-gallery > a .demo-gallery-poster > img {
  left: 50%;
  margin-left: -10px;
  margin-top: -10px;
  opacity: 0;
  position: absolute;
  top: 50%;
  -webkit-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}
.demo-gallery .justified-gallery > a:hover .demo-gallery-poster {
  background-color: rgba(0, 0, 0, 0.5);
}
.demo-gallery .video .demo-gallery-poster img {
  height: 48px;
  margin-left: -24px;
  margin-top: -24px;
  opacity: 0.8;
  width: 48px;
}
.demo-gallery.dark > ul > li a {
  border: 3px solid #04070a;
}
.home .demo-gallery {
  padding-bottom: 80px;
}

.primary-title1{
	padding: 1rem 0 0rem 0;
}

.primary-title2{
	padding: 1rem 0 1rem 0;
}

.primary-title3{
	padding: 1rem 0 1rem 0;
}

.dd
{
	/*font-size: 1.25rem;*/
}

.talking-point ul li{
	font-size: 18px;
}

ul {
    text-align: left;
}

/*-- Footer --*/
.footer {
	/*background-color: #212121;*/

background-color:#f4f4f4;
font-family: "Roboto", Helvetica, Arial, sans-serif;}

.footer-info {
	/*margin-top: 50px;*/
	margin-top:0px;
font-family: "Roboto", Helvetica, Arial, sans-serif;
}
.footer h4 {
/*	color: #fff;
	padding: 20px 0 25px;
	font-weight: 600;
	text-align: left;
	font-size:1.5em;*/
	
	    font-family: "Roboto", Helvetica, Arial, sans-serif;
    color: #000;
    font-weight: 400;
    font-size: 21px ;
    line-height: 1.2;
	padding: 20px 0 25px;
	
	
	
	
}
.footer-info li {
	/*color: #B7B4B4;*/
	display: block;
	font-weight: 400;
	font-size: 14px;
	line-height: 25px;
		font-family: "Roboto", Helvetica, Arial, sans-serif;
color:#000;
}
.links a {
	color: #EEE;
}
.links a:hover {
	color: #FFF;
	text-decoration: underline;
}
a.mail {
	color: #B7B4B4;
}
a.mail:hover {
	color: #fff;
}
.footer-info-grid.links li {
    float: left;
    width: 31%;
    margin: 1%;

}

/*.fleft{ width:40%; float:left;}
.fmid{ width:30%; float:left;}
.fright{ width:30%; float:left;}*/
.fleft ul{ list-style-type: none; width:80%; margin:0 auto;}
.fmid ul{ list-style-type: none;  width:53%; margin:0 auto;}
.fright{ text-align:center;}
.footer .footer-info .col-md-4
{
padding-left:8%;
padding-right:8%;
}

#csrnews_form h4
{
padding:0px 0px 0px;
font-size:16px !important;

}

#csrnews_form input[type=text]
{
width:70%;


}

#csrnews_form .row
{
margin-bottom:5px;

}


#addorg_form .row
{
margin-bottom:5px;

}

#addorg_form input[type=text]
{
width:70%;

}


#addorg_form h4
{
padding:0px 0px 0px;
font-size:20px !important;

}

#success_org h3
{
font-size:19px !important;

}


#subscribe_form h4
{
padding:0px 0px 0px;
font-size:20px !important;

}

#subscribe_form .row
{
margin-bottom:10px;

}





/*-- Newsletter --*/
.footer-info p {
	color: #B7B4B4;
	font-weight: 400;
	font-size: 14px;
	line-height: 23px;
	margin-bottom: 20px;
	text-align: left;
}
.newsletter {
	position: relative;
}
.newsletter .email {
	padding: 5px 60px 5px 15px;
	border-radius: 3px;
	-Webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	height: 40px;
	border: 1px solid #fff;
	width: 100%;
	text-align: left;
}
.newsletter .email {
	color: #bcc0c4;
	background-color:#F4F4F4;
	border: none;
}
.newsletter .submit {
	width: 40px;
	height: 40px;
	background-image: url('../images/subscribe.png');
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	background-color: #032F3E;
	top: 0;
	right: 0;
	border: none;
}
/*-- //Newsletter --*/
/*-- Copyright --*/
.copyright {
	text-align: center;
	padding: 30px 0;
}
.copyright p {
	/*color: #FFF;*/
	color: #212121;
}
.copyright a {
	color: #FFF;
	text-decoration: none;
}
.copyright a:hover {
	color: #B7B4B4;
	text-decoration: underline;
}
/*-- //Copyright --*/
.social ul li{
  padding: 0em;
  list-style:none;
  display:inline-block;
}
.social ul li a span.fa {
  background-position: 0px -2px;
}
.social ul li a span.tw {
  background-position: -41px -3px;
}
.social ul li a span.g {
  background-position:-86px -4px;
}
.social ul li span.in {
  background-position: -129px -4px;
}
.social ul li a  span.pin {
  background-position:-174px -5px;
}
.social ul li a  span.fa:hover {
  opacity:0.5;
	transition: 0.5s all;
	-Webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
.social ul li a span.tw:hover {
  opacity:0.5;
	transition: 0.5s all;
	-Webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
.social ul li a span.g:hover {
  opacity:0.5;
	transition: 0.5s all;
	-Webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
.social ul li a span.in:hover {
  opacity:0.5;
	transition: 0.5s all;
	-Webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
.social ul li a span.pin:hover {
 opacity:0.5;
	transition: 0.5s all;
	-Webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all; 
}
.social ul li span{
  background:url(../images/ftr-icons.png)no-repeat;
  width:34px;
  height:36px;
  display:block;
}
/*--projects--*/
.agileits h4 {
    text-align: center;
    color: #032F3E;
    font-size: 1.7em;
    margin: 0.7em 0;
}


.agileits h2 {
    text-align: center;
    color: #032F3E;
    font-size: 1.7em;
    margin: 0.7em 0;
}


.agileits p {
    margin: 1em 0 0;
    color: #777;
    font-size: 14px;
    line-height: 1.8em;
	text-align:center;
}
/*-- //Footer --*/
.banner-1 {
    background: url(../images/banner.jpg) no-repeat;
    width: 100%;
    display: block;
    height: 250px;
    background-size: cover;
}
/*-- gallery-page --*/
.view {
  width: 31.5%;
  height: 100%;
   margin: 10px;
   float: left;
   border: 10px solid #fff;
   overflow: hidden;
   position: relative;
   text-align: center;
   -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;
   cursor: default;
}
.view .mask,.view .content {
  width: 100%;
  height: 100%;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}
.view-seventh img {
   -webkit-transition: all 0.5s ease-out;
   -moz-transition: all 0.5s ease-out;
   -o-transition: all 0.5s ease-out;
   -ms-transition: all 0.5s ease-out;
   transition: all 0.5s ease-out;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   opacity: 1;
}
.view-seventh .mask {
   background-color:#215954;
   -webkit-transform: rotate(0deg) scale(1);
   -moz-transform: rotate(0deg) scale(1);
   -o-transform: rotate(0deg) scale(1);
   -ms-transform: rotate(0deg) scale(1);
   transform: rotate(0deg) scale(1);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   opacity: 0;
   -webkit-transition: all 0.9s ease-out;
   -moz-transition: all 0.9s ease-out;
   -o-transition: all 0.9s ease-out;
   -ms-transition: all 0.9s ease-out;
   transition: all 0.9s ease-out;
}
.view-seventh h2,.view-seventh h3 {
   -webkit-transform: translateY(-200px);
   -moz-transform: translateY(-200px);
   -o-transform: translateY(-200px);
   -ms-transform: translateY(-200px);
   transform: translateY(-200px);
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-seventh p {
   -webkit-transform: translateY(-200px);
   -moz-transform: translateY(-200px);
   -o-transform: translateY(-200px);
   -ms-transform: translateY(-200px);
   transform: translateY(-200px);
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-seventh a.info {
   -webkit-transform: translateY(-200px);
   -moz-transform: translateY(-200px);
   -o-transform: translateY(-200px);
   -ms-transform: translateY(-200px);
   transform: translateY(-200px);
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-seventh:hover img {
   -webkit-transform: rotate(720deg) scale(0);
   -moz-transform: rotate(720deg) scale(0);
   -o-transform: rotate(720deg) scale(0);
   -ms-transform: rotate(720deg) scale(0);
   transform: rotate(720deg) scale(0);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   opacity: 0;
}
.view-seventh:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   opacity: 1;
   -webkit-transform: translateY(0px) rotate(0deg);
   -moz-transform: translateY(0px) rotate(0deg);
   -o-transform: translateY(0px) rotate(0deg);
   -ms-transform: translateY(0px) rotate(0deg);
   transform: translateY(0px) rotate(0deg);
   -webkit-transition-delay: 0.4s;
   -moz-transition-delay: 0.4s;
   -o-transition-delay: 0.4s;
   -ms-transition-delay: 0.4s;
   transition-delay: 0.4s;
}
.view-seventh:hover h2,.view-seventh:hover h3 {
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0.7s;
   -moz-transition-delay: 0.7s;
   -o-transition-delay: 0.7s;
   -ms-transition-delay: 0.7s;
   transition-delay: 0.7s;
}
.view-seventh:hover p {
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0.6s;
   -moz-transition-delay: 0.6s;
   -o-transition-delay: 0.6s;
   -ms-transition-delay: 0.6s;
   transition-delay: 0.6s;
}
.view-seventh:hover a.info {
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0.5s;
   -moz-transition-delay: 0.5s;
   -o-transition-delay: 0.5s;
   -ms-transition-delay: 0.5s;
   transition-delay: 0.5s;
}
.view h2,.view h3  {
  color: #e6e6e6;
  text-align: center;
  position: relative;
  font-size: 23px;
  padding: 10px;
  background:#032F3E;
  margin: 72px 0 25px 0;
}
.view p { 
  font-size: 14px;
  line-height: 1.8em;
  position: relative;
  color: #fff;
  padding: 0px 20px 20px;
  text-align: center;
}
.view.view-seventh img {
  width: 100%;
}
/*-- //gallery-page --*/
/*-- contact --*/
.contact iframe{
	width:100%;
	min-height: 360px;
	margin: 3em 0 0;
}
.contact-form {
	padding-top: 0em;
	border:1px solid #62baed;
	border-radius:5px;
}
.contact-form-left p {
	color: #999;
    font-size: 16px;
    margin: 0 auto 1em;
    line-height: 1.5em;
}
.contact-form-left h5 {
	color:#9ec503;
	font-size: 18px;
	font-weight: 600;
	margin: 1.5em 0;
}
.contact-form-left a{
	color: #000;
	font-size: 17px;
	text-decoration:none;
	font-family: 'Josefin Sans', sans-serif;
}
.contact-form-left a:hover{
	color:#215954;
	text-decoration:none;
	transition:.5s all;
}
.contact input[type="text"],.contact input[type="email"],.contact textarea {
	display: inline-block;
    background: none;
    border: 1px solid #C7C5C5;
    width: 31.8%;
    outline: none;
    font-size: 14px;
    color: #C3C3C3;
    padding: 10px 15px;
}
.contact input[type="email"] {
	margin:0 .9em;
}
.contact textarea {
	width: 100%;
	display: block;
	min-height: 150px;
	resize: none;
	margin: 1em 0;
}
.contact input[type="submit"]{
	background: #215954;
    border: none;
    padding: 10px 0px;
    width: 21%;
    font-size: 16px;
    color: #fff;
    outline: none;
    transition: .5s all;
}
.contact input[type="submit"]:hover{
	background:#032F3E;
}
address {
    margin-bottom: 0 ! important;
}
/*-- //contact --*/
/**about**/
.about,.services,.gallery,.codes,.contact {
  /*padding: 5em 0;*/
  padding: 2.3em 0;
}
.about-header h3 {
    font-size: 2.5em;
    text-transform: capitalize;
    color: #215954;
    margin-bottom: 2em;
}
.about-header p {
  font-size: 1.2em;
  color: #555;
 line-height:1.8em;
}
.about-header {
  text-align: center;
  margin-bottom: 2em;
}
.about h4 {
    font-size: 1.5em;
    text-transform: capitalize;
    margin: 1em 0;
    color: #032F3E;
    text-align: left;
}
.about p {
  font-size: 1em;
  color: #999;
  line-height: 1.8em;
}
.about-bottom {
    margin: 5em 0 0;
}
.team2 {
  padding: 2em 0;
}
.testimonials {
  padding: 4em 0;
  text-align: center;
  background:#f4f4f4;
 }
.testimonials h4 {
    font-size: 1.5em;
    text-transform: capitalize;
    margin: 1em 0 0;
    color: #032F3E;
    text-align: right;
}
.testimonials p {
  font-size: 1em;
  color: #777;
  line-height: 1.8em;
}
.test-grids {
  margin-top: 3em;
}

.services h4 {
   font-size: 1.4em;
   /*  text-transform: capitalize;
    margin: 1em 0;
    color: #032F3E;
    text-align:center;*/
	/*font-size: 24px;*/
	margin: 1em 0;
    /*font-family: inherit;*/
	font-family:'Roboto',sans-serif !important;
	text-align:center;
}




.services p {
    font-size: 1em;
    color: #777;
	line-height: 1.8em;
	text-align:center;
}
.service-grids1 {
    margin-top: 3em;
	}
	/**feature**/
.feature {
    text-align: center;
    padding: 3em 0 0;
}
.feature-grids {
    margin-top: 3em;
}
.feature-icon{
    border:2px solid #215954;
    width: 100px;
    height: 100px;
    line-height: 8em;
    margin: 0 auto;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
}
.feature-grid:hover div.feature-icon {
    transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    -ms-transition: 0.5s all ease;
}
.glyphicon-wrench,.glyphicon-dashboard,.glyphicon-cog .ss,.glyphicon-record {
    font-size: 2em;
    color: #215954;
}
span.glyphicon.glyphicon-cog.ss {
    font-size: 2em;
    color: #215954;
}
/**feature**/
.about h1,.gallery h1,.services h1
{
    text-align: center;
    color: #215954;
    font-size: 3em;
    margin: 0 0 1.5em;
}

.contact h1 {
    text-align: center;
    color: #215954;
    font-size: 3em;
    margin: 2em 0 1.5em;
	
}





.contact-form .col-md-6 
{
padding-top:1em;
padding-left:150px;
padding-right:150px;

}



.testimonials h2,.services h2{
    text-align: center;
    color: #215954;
    font-size: 3em;
    margin: 0 0 1.5em;
}
.contact h2,.contact h3 {
font-family: "Roboto", Helvetica, Arial, sans-serif;
    text-align: center;
    color: #FFFFFF;
    font-size: 2.2em;
	font-weight: 400;
	line-height: 2em;
	background-color:#62baed;
}

/*--Typography--*/
/*--history-grid-image--*/
.history-grid-image {
    overflow: hidden;
}
.history-grid-image {
	overflow: hidden;
}
.history-grid-image img {
	position: relative;
	width: 100%;
	transition: all 1.5s ease-in-out 0s;
	-webkit-transition: all 1.5s ease-in-out 0s;
	-moz-transition: all 1.5s ease-in-out 0s;
	-o-transition: all 1.5s ease-in-out 0s;
}
.history-grid-image img:hover {
	transform: scale(1.3);
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-ms-transform: scale(1.3);
}
/*--history-grid-image--*/
.show-grid [class^=col-] {
    background: #fff;
  text-align: center;
  margin-bottom: 10px;
  line-height: 2em;
  border: 10px solid #f0f0f0;
}
.show-grid [class*="col-"]:hover {
  background: #e0e0e0;
}
.grid_3{
	margin-bottom:2em;
}
.xs h3, h3.m_1{
	color:#000;
	font-size:1.7em;
	font-weight:300;
	margin-bottom: 1em;
}
.grid_3 p{
  color: #999;
  font-size: 0.85em;
  margin-bottom: 1em;
  font-weight: 300;
}
.grid_4{
	background:none;
	margin-top:50px;
}
h3.title {
    text-align: center;
    color: #215954;
    font-size: 3em;
    margin: 0 0 1.5em;
}
.label {
  font-weight: 300 !important;
  border-radius:4px;
}  
.grid_5{
	background:none;
	padding:2em 0;
}
.grid_5 h3, .grid_5 h2, .grid_5 h1, .grid_5 h4, .grid_5 h5, h3.hdg, h3.bars {
	font-size: 2em;
    text-transform: capitalize;
    margin: 1em 0;
    color: #032F3E;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
  border-top: none !important;
}
.tab-content > .active {
  display: block;
  visibility: visible;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  z-index: 0;
}
.badge-primary {
  background-color: #03a9f4;
}
.badge-success {
  background-color: #8bc34a;
}
.badge-warning {
  background-color: #ffc107;
}
.badge-danger {
  background-color: #e51c23;
}
.grid_3 p{
  line-height: 2em;
  color: #888;
  font-size: 0.9em;
  margin-bottom: 1em;
  font-weight: 300;
}
.bs-docs-example {
  margin: 1em 0;
}
section#tables  p {
 margin-top: 1em;
}
.tab-container .tab-content {
  border-radius: 0 2px 2px 2px;
  border: 1px solid #e0e0e0;
  padding: 16px;
  background-color: #ffffff;
}
.table td, .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
  padding: 15px!important;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
  font-size: 18px;
  color: #000;
  border-top: none !important;
}
.tab-content > .active {
  display: block;
  visibility: visible;
}
.label {
  font-weight: 300 !important;
}
.label {
  padding: 4px 6px;
  border: none;
  text-shadow: none;
}
.nav-tabs {
  margin-bottom: 1em;
}
.alert {
  font-size: 0.85em;
}
h1.t-button,h2.t-button,h3.t-button,h4.t-button,h5.t-button {
line-height:1.8em;
  margin-top:0.5em;
  margin-bottom: 0.5em;
}
li.list-group-item1 {
  line-height: 2.5em;
}
.input-group {
  margin-bottom: 20px;
  }
.in-gp-tl{
padding:0;
}
.in-gp-tb{
padding-right:0;
}
.list-group {
  margin-bottom: 48px;
}
 ol {
  margin-bottom: 44px;
}
h2.typoh2{
    margin: 0 0 10px;
}

.sbtn
{
float:right;
}

.forheight
{
height:210px;
    margin-bottom: 3em;
    border: 1px solid rgba(243, 243, 243, 0.22);
}

.forheightreport
{
height:250px;
    margin-bottom: 3em;
    border: 1px solid rgba(243, 243, 243, 0.22);
}


.textmnore
{
height:210px;
}

.textmnorereport
{
height:250px;
}

#show_here_insmallmedia
{
display:none;
}

#show_here_infullmedia
{
display:inline;
}



.lhs_show_small
{
display:none;
}

.lhs_show_full
{
display:inline;
}



/*index start*/


.footer #csrnews_form h4
{
font-family: "Roboto", Helvetica, Arial, sans-serif !important;
}

.news
{
/*height:400px;*/
width:90%;
margin:0 auto;
}

.leftm
{
/*background:url(images/lm.jpg) no-repeat;*/
height:400px;
text-align:justify;
width: 49.6%;
 margin-right: 4px;
 position: relative;
}

.middlem
{
/*background:url(images/mm.jpg) no-repeat;*/
height:400px;
text-align:justify;
position: relative;}

.rightm
{height:400px;
    padding-left: 4px;
	padding-right:0px;
	}

.rightt
{
/*background:url(images/rt.jpg) no-repeat;*/
height:200px;
text-align:justify;
position: relative;
}

.rightb
{
/*background:url(images/rb.jpg) no-repeat;*/
height:196px;
text-align:justify;
margin-top:4px;
position: relative;}

.in_news
{
/* bottom:1px; position:absolute; font-weight:bold; color:#000; font-size:19px;*/
 z-index: 100;
  position: absolute;
  color: #000;
  font-size:21px;
  font-weight: 400px;
 bottom:0px;
 background-color:rgba(235, 235, 235, 0.89);
     left: 0px;
    line-height: 1.2;
    width: 100%;
	font-family: "Roboto", Helvetica, Arial, sans-serif;
	padding:5px;
 }
 
 .all_news_button
{
 z-index: 100;
  position: absolute;
  color: #FFF;
  font-size:16px;

 background-color:rgba(0, 128, 0, 0.65);
     right: 3px;
	 top: 1px;
    
    width: 43px;
	text-align:center;
	border-raius:5px !important;

}

.news_img
{
  position: absolute;
  left: 0;
  top: 0;
  height:100%;
}


.strip
{

background-color:#212121;


    width: 105%;
    margin: 0 auto;
  
    margin-left: -31px;

}

/*index end*/

.bluecolor

{
color: #0f9bdc;
}


.listingPageHeading
{
font-family:'Roboto', Helvetica, Arial, sans-serif !important;
 color:#a6ce39 !important;
}

.listingContentHeading
{
color:#000 !important; 
margin:0.5em 0  !important;
 line-height: 1.2  !important;
  font-family: 'Roboto',sans-serif !important;
   font-size:22px  !important;
    font-weight:400px  !important;
	 text-align:left  !important;
	  text-decoration: none  !important;
}


.listingContentSubheading
{text-align:left !important;
 font-size:1.1em !important;
  color:rgb(0, 149, 218) !important;
   margin:0 0 0.5em 0 !important;
    font-weight:600 !important;
	}






@media (max-width:768px){
.grid_5 {
	padding: 0 0 1em;
}
.grid_3 {
	margin-bottom: 0em;
}
.sbtn
{
float:none;
padding-top:1%;
padding-bottom:1%;
}


#show_here_insmallmedia
{
display:inline;
}

#show_here_infullmedia
{
display:none;
}

.lhs_show_small
{
display:inline;
}

.lhs_show_full
{
display:none;
}

.hbr
{
line-height:0.2;}

}


@media (max-width:640px){
h1, .h1, h2, .h2, h3, .h3 {
	margin-top: 0px;
	margin-bottom: 0px;
}
.grid_5 h3, .grid_5 h2, .grid_5 h1, .grid_5 h4, .grid_5 h5, h3.hdg, h3.bars {
	margin-bottom: .5em;
}
.progress {
	height: 10px;
	margin-bottom: 10px;
}
ol.breadcrumb li,.grid_3 p,ul.list-group li,li.list-group-item1 {
	font-size: 14px;
}
.breadcrumb {
	margin-bottom: 10px;
}
.well {
	font-size: 14px;
	margin-bottom: 10px;
}
h2.typoh2 {
	font-size: 1.5em;
}
.label {
	font-size: 60%;
}
}
@media (max-width:480px){
.table h1 {
	font-size: 26px;
}
.table h2 {
	font-size: 23px;
}
.table h3 {
	font-size: 20px;
}
.label {
	font-size: 53%;
}
.alert,p {
	font-size: 14px;
}
.pagination {
	margin: 20px 0 0px;
}
}
@media (max-width: 320px){
.grid_4 {
	margin-top: 18px;
}
h3.title {
	font-size: 1.7em;
}
.alert, p,ol.breadcrumb li, .grid_3 p,.well, ul.list-group li, li.list-group-item1,a.list-group-item {
	font-size: 13px;
}
.alert {
	padding: 10px;
	margin-bottom: 10px;
}
ul.pagination li a {
	font-size: 14px;
	padding: 5px 11px;
}
.list-group {
	margin-bottom: 10px;
}
.well {
	padding: 10px;
}
.nav > li > a {
	font-size: 14px;
}
table.table.table-striped,.table-bordered,.bs-docs-example {
	display: none;
}
.grid_5 h3, .grid_5 h2, .grid_5 h1, .grid_5 h4, .grid_5 h5, h3.hdg, h3.bars {
    font-size: 1.5em;
}
}
/*--//Typography --*/
.service-grid {
    margin-bottom: 3em;
	height:300px;
	/*border-bottom: 2px solid #f3f3f3;*/
	border:1px solid rgba(243, 243, 243, 0.22);

}
.typo {
    padding: 5em 0;
}
.team {
    margin: 0 0 5em;
    text-align: center;
}
.team p {
    font-size: 1.1em;
    color: #555;
    line-height: 1.8em;
}
.team-grids {
  position: relative;
}
.team-info {
  margin-top: 3em;
}
.team-grids a {
	overflow: hidden;
	position: relative;
	display: block;
}
.captn h4 {
  color: #fff;
  margin: .1em 0 0;
  font-size: 1.7em;
  text-align:center;
}
.captn p {
    color: #fff;
    font-size: 0.95em;
    font-weight: 100;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}
.team-info img {
    width: 100%;
}
.team-grids a .captn {
    display: inline-block;
    height: 100%;
    width: 100%;
    font-weight: 800;
    color: #fff;
    position: absolute;
    bottom: -86%;
    right: 0%;
    background-color: rgba(33, 89, 84, 0.7);
    padding: 2% 10%;
    text-align: center;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.fa {
    font-size:1.5em! important;
}
.team-grids a:hover .captn {
  width: 100%;
  bottom: 0%;
  padding: 40% 10%;
    right: 0%;
}
ul.social-icons1 li {
    display: inline-block;
    margin: 0 5px;
}
/*--team--*/
/*-- Responsive Code --*/
@media screen and (max-width:1366px) {

}
@media screen and (max-width:1024px) {
	a.navbar-brand {
		padding: 15px 10px;
		font-size: 35px;
	}
	nav a {
		font-size: 15px;
	}
	.hover-effect a span {
		width: 80px;
	}
.banner {
    height: 530px;
}
.banner-info {
    width: 75%;
    margin: 10em auto 0;
}
.ab-text {
    float: left;
    width: 50%;
}
.info {
    float: left;
    width: 50%;
}
.accordion-section-title {
    padding: 14.5px 0;
}
.view {
    width: 31%;
}
.view h2,.view h3  {
    margin: 35px 0 25px 0;
}
.contact input[type="text"], .contact input[type="email"]{
    width: 31.5%;
}
.contact textarea {
    width: 100%;
}
}
@media screen and (max-width:991px) {
	.agile {
    padding: 3em 0;
}
.accordion-section-title {
    width: 100%;
    font-size: 15px;
    padding: 9px 0;
}
.w3l h3, .wthree h3, .agileits h3, .agile h3 {
    font-size: 2.6em;
    margin: 0 0 1em;
}
.w3l {
    padding: 3em 0;
}
.agileits {
    padding: 3em 0;
}
.agileits-left {
    float: left;
    width: 33.33%;
}
.agileits h4 {
    font-size: 1.6em;
}
.wthree {
    padding: 3em 0;
}
.services-grid-left {
    float: left;
    width: 50%;
}
.services-grid-right {
    float: left;
    width: 50%;
}
.services-grid-left2 h4 {
    font-size: 1.7em;
}
.footer-info {
    margin-top: 30px;
}
.banner-info {
    width: 100%;
    margin: 9em auto 0;
}
.about, .services, .gallery, .codes, .contact {
    padding: 3em 0;
}
.about-header h3 {
    font-size: 2.3em;
}
.about-grid {
    float: left;
    width: 50%;
	z-index:-1;
}
.about h1, .gallery h1, .services h1, .contact h1 {
    font-size: 2.5em;
    margin: 0 0 1em;
}
.team-grids {
    float: left;
    width: 25%;
}
.captn h4 {
    font-size: 1.5em;
}
.team-grids a .captn {
    bottom: -81%;
}
.testimonials h2, .services h2 {
    font-size: 2.5em;
    margin: 0 0 1em;
}
.test-grid {
    float: left;
    width: 33.33%;
}
.testimonials h4 {
    font-size: 1.3em;
}
.about-bottom {
    margin: 3em 0 0;
}
.testimonials {
    padding: 3em 0;
}
.service-grid {
    float: left;
    width: 33.33%;
	z-index:999;
}
.feature-grid {
    float: left;
    width: 25%;
}
.services h4 {
    font-size: 1.4em;
}
.feature {
    padding: 1em 0 0;
}
.banner-1 {
    height: 200px;
}
.view {
    width: 30.5%;
}
.view h2,.view h3  {
    font-size: 16px;
    padding: 10px;
    margin: 22px 0 8px 0;
}
.view p {
    font-size: 13px;
    line-height: 1.6em;
    padding: 0px 6px 20px;
}
.contact-form-left {
    float: left;
    width: 33%;
}
.contact-form-right {
    float: left;
    width: 67%;
}
.contact input[type="text"], .contact input[type="email"]{
    width: 30.9%;
}
.contact h2, .contact h3 {
    font-size: 1.8em;
    margin: 0 0 1.5em;
}
.grid_5 h3, .grid_5 h2, .grid_5 h1, .grid_5 h4, .grid_5 h5, h3.hdg, h3.bars {
    font-size: 1.7em;
}
.accordion-section-content {
    width: 100%;
}
h3.title {
 font-size: 2.5em;
}

#add_after_five
{
display:none;
}

.forheight
{
height:400px;


}

.textmnore
{
height:200px;
}
.leftm
{

width: 100%;
 margin-right: 0px;
  margin-bottom: 4px;
}




.middlem
{
width: 100%;
 margin-right: 0px;
  margin-bottom: 4px;
}

.rightm
{
width: 100%;
 margin-right: 0px;
  margin-bottom: 4px;
      padding-left: 0px;
	}

.rightt
{
width: 100%;
margin-right: 0px;
margin-bottom: 4px;

}

.rightb
{
width: 100%;
margin-right: 0px;


}

.footer .footer-info .col-md-4 {
    text-align: center;

}

.fleft ul {
width:100%;
}

.fmid ul {
width:100%;
}

.fright {
text-align:left;
}

}
@media screen and (max-width:853px) {
	a.navbar-brand {
		font-size: 30px;
	}
}

@media screen and (max-width:800px) {
	a.navbar-brand {
		padding: 15px 5px;
	}
	.navbar-collapse {
		padding-right: 0;
		padding-left: 0;
	}
	.container-fluid>.navbar-collapse {
		margin-right: -10px;
		
	}
	nav a {
		font-size: 14px;
	}
	.hover-effect a {
		height: 20px;
	}
	.hover-effect a span {
		/*width: 75px;*/
		width: 140px;
	}
	
}



@media screen and (max-width:768px) {
	.banner-info {
    margin: 10em auto 0;
}

#search input[type="text"]
{
    width: 400px !important;
}

.fleft{ width:100%;
 float:none;
 text-align:center;
 }
.fmid{ width:100%;
 float:none;
 text-align:center;
  clear:both;}
.fright{width:100%;
 float:none;
 /*text-align:center;*/
 clear:both;}
 
 
 .strip {

    width: 100% !important;
    margin: 0 auto !important;

}
 
 
 
}

/*added for filter start*/
@media (max-width:767px)
{
#filter_hidden1
{
display:none ;
}

.fi
{
display:inline !important;

}


.bluecolor a
{

/*float:left !important;*/
}

.col-sm-3
{
float:none !important;
text-align:center;
}

.afterfilterspace
{
display:inline !important;
height:5px;
}


#tos
{
display:inline !important;
}

#tob
{
display:none !important;
}

.col-xs-6 
{
width:100% !important;
}

.col-xs-6 .btn 
{
width:100% !important;
}

.col-xs-6 .dropdown-menu
{
left: 16px !important;
min-width:90% !important;


}


 .bx-wrapper
 {
 display:none;
 }

}

/*added for filter end*/



@media screen and (max-width:736px) {
	.navbar-collapse {
		border-top: none;
		box-shadow: none;
	}
	a.navbar-brand {
		padding: 0;
		margin-left: 20px;
		height: 20px;
	}
.navbar ul {
    float: none;
    text-align: center;
    z-index: 999;
}
	.navbar ul li {
		float: none;
		display: block;
	}
	.footer-info {
		margin-top: 30px;
	}
	.footer-info-grid {
		width: 33.3%;
		float: left;
	}
	.header {
    padding: 0.5em;
	    z-index: 999;
    position: relative;
}
.banner {
    height: 430px;
}
.services-grid-left2 h4 {
    font-size: 1.6em;
}
nav a {
    margin: 5px 0;
    font-size: 17px;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #2D4C45 ! important;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff ! important;
}
.navbar-default .navbar-toggle {
    border-color: #0195da ! important;
}
.banner-1 {
    height: 160px;
}
}
@media screen and (max-width:667px) {
.banner h1 {
    font-size: 2em;
}
.banner-info {
    margin: 8em auto 0;
}
.ab-text {
    width: 100%;
    margin-bottom: 1.5em;
}
.info {
    width: 100%;
}
.accordion-section-title {
    padding: 15px 0;
}
.accordion-section-title {
    width: 100%;
}
.w3l h3, .wthree h3, .agileits h3, .agile h3 {
    font-size: 2.3em;
}
.agileits h4 {
    font-size: 1.5em;
}
.services-grid-left {
    width: 100%;
    margin-bottom: 3em;
}
.services-grid-right {
    width: 100%;
}
.services-grids:nth-child(3) {
    margin: 3em 0 1em;
}
.services-grid-left1 {
    padding: 0;
    width: 25%;
}
.services-grid-left2 {
    margin-top: 2px;
}
.footer-info-grid {
    width: 50%;
}
.about h4 {
    font-size: 1.3em;
}
.captn h4 {
    font-size: 1.3em;
}
.team-grids a .captn {
    bottom: -79%;
}
.view p {
    font-size: 12px;
    line-height: 1.5em;
    padding: 0px 6px 20px;
}
.view h2,.view h3  {
    margin: 8px 0 8px 0;
}
.view {
    width: 30%;
}
.contact input[type="text"], .contact input[type="email"]{
    width: 32.1%;
}
.contact input[type="email"] {
    margin: 0 .2em;
}
}
@media screen and (max-width:640px) {
.service-grid {
    width: 50%;
}
.feature-grid {
    width: 50%;
    margin-bottom: 2em;
}
.view {
    width: 46%;
}
.view h2,.view h3  {
    margin: 55px 0 8px 0;
}
.contact-form-left {
    width: 100%;
    margin-bottom: 1.5em;
}
.contact h2, .contact h3 {
    margin: 0 0 1em;
}
.contact-form-right {
    width: 100%;
}
.contact input[type="text"], .contact input[type="email"]{
    width: 32.5%;
}
}

@media screen and (max-width:603px) {
	.footer-info p {
		margin-bottom: 5px;
	}
}

@media screen and (max-width:600px) {
.banner h1 {
    font-size: 1.8em;
}
.banner-info {
    margin: 7em auto 0;
}
.banner {
    height: 400px;
}
.about-header h3 {
    font-size: 2em;
    margin-bottom: 1em;
}
.about-grid {
    float: left;
    width: 100%;
    margin-bottom: 2em;
}
.about-bottom {
    margin: 1em 0 0;
}
.team-grids {
    float: left;
    width: 50%;
	margin-bottom: 2em;
}
.team-grids a .captn {
    bottom: -88%;
}
.test-grid {
    width: 100%;
    margin-bottom: 1.5em;
}
.forheight
{
height:auto;

}

.textmnore
{
height:auto;
padding-bottom:5%;
}


.col-md-12
{
padding-left:0px;
padding-right:0px;
}

.col-md-4
{padding-left:0px;
padding-right:0px;
}

.col-md-8
{
padding-left:0px;
padding-right:0px;
}

.readmore
{
width:100%;
clear:both;
text-align:center;
}



}
@media screen and (max-width:568px) {
	.agileits h4 {
    font-size: 1.4em;
}
.view h2,.view h3  {
    margin: 46px 0 8px 0;
}
.contact input[type="text"], .contact input[type="email"]{
    width: 32.3%;
}
}
@media screen and (max-width:480px) {

	.agileits h4 {
    font-size: 1.4em;
}
.banner-info {
    margin: 6em auto 0;
}
.banner {
    height: 350px;
}
.w3l h3, .wthree h3, .agileits h3, .agile h3 {
    font-size: 2em;
}
.w3l p.p1 {
    font-size: 13px;
    line-height: 25px;
}
.agileits-left {
    width: 100%;
    margin-bottom: 2em;
}
.services-grid-left1 {
    padding: 0;
    width: 33%;
}
.footer-info-grid {
    width: 100%;
}
.footer-info-grid.address {
    width: 100%;
}
.footer-info-grid.links {
    width: 100%;
}
.footer-info-grid {
    margin-bottom: 12px;
}
.footer h4 {
    padding: 20px 0 15px;
    font-size: 1.3em;
	text-align: center;
}
.testimonials h2, .services h2 {
    font-size: 2em;
    margin: 0 0 1em;
}
.team-grids a .captn {
    bottom: -85%;
}
.about h1, .gallery h1, .services h1, .contact h1 {
    font-size: 2em;
    margin: 0 0 1em;
}
.about h4 {
    font-size: 1.2em;
}
.services h4 {
    font-size: 1.3em;
}
.banner-1 {
    height: 132px;
}
.view {
    width: 45%;
}
.view h2,.view h3  {
    margin: 22px 0 8px 0;
}
.contact input[type="text"], .contact input[type="email"]{
    width: 100%;
}
.contact input[type="email"] {
    margin: 1em 0;
}
.contact-form-left p {
    margin: 0 auto 0.3em;
}
.contact iframe {
    min-height: 250px;
    margin: 1em 0 0;
}
h3.title {
 font-size: 2em;
}
.navbar {
    min-height: 45px;
    z-index: 9;
}


#search input[type="text"]
{
    width: 272px !important;
}

}
@media screen and (max-width:414px) {


#loader img
{
width:40% !important;
}
.service-grid
{
width:100%;
padding:0;
}
.banner h1 {
    font-size: 1.4em;
    line-height: 1.3em;
}
.banner-info {
    margin: 4em auto 0;
}
	.newsletter .submit {
		right: 0;
	}
	.footer-info p {
		margin-bottom: 15px;
	}
	.copyright p {
		font-size: 13px;
	}
	.banner {
    height: 330px;
}
.services-grid-left2 h4 {
    font-size: 1.4em;
	text-align:center;
}
.services-grid-left1 {
    width: 100%;
    text-align: center;
    margin-bottom: 1.5em;
}
.services-grid-left2 {
    margin-top: 2px;
    width: 100%;
    text-align: center;
}
.captn h4 {
    font-size: 1.2em;
}
.team-grids a .captn {
    bottom: -83%;
}
.view {
    width: 94%;
}
.view h2,.view h3  {
    margin: 95px 0 8px 0;
}
.contact h2, .contact h3 {
    font-size: 1.7em;
}
.contact input[type="submit"] {
    width: 28%;
    font-size: 14px;
}
.contact iframe {
    min-height: 200px;
}
}
@media screen and (max-width:375px) {
.view h2,.view h3  {
    margin: 85px 0 8px 0;
}
}
@media screen and (max-width:320px) {
.banner h1 {
    font-size: 1.2em;
    line-height: 1.3em;
}
.banner-info1 p {
    line-height: 1.6em;
    font-size: 13px;
}
.banner-info {
    margin: 3em auto 0;
}
.banner {
    height: 300px;
}
.container-fluid {
    padding-right: 0px;
    padding-left: 0px;
}
a.navbar-brand {
    padding: 0;
    margin-left: 14px;
    height: 20px;
}
.w3l h3, .wthree h3, .agileits h3, .agile h3 {
    font-size: 1.7em;
}
.ab-text {
    padding: 0;
}
.agile {
    padding: 2em 0;
}
.info {
    padding: 0;
}
.accordion-section-title {
    font-size: 14px;
    text-indent: 1em;
    padding: 12px 0;
}
.w3l {
    padding: 2em 0;
}
.w3l p.p1 {
    padding: 0px 0;
}
.agileits {
    padding: 2em 0 0;
}
.agileits p {
    font-size: 13px;
}
.wthree {
    padding: 2em 0;
}
.services-grid-left {
    padding: 0;
}
.services-grid-left2 {
    padding: 0;
}
.services-grid-left2 p {
    font-size: 13px;
}
.services-grid-left2 h4 {
    font-size: 1.3em;
}
.services-grid-left {
    margin-bottom: 2em;
}
.footer-info p {
    font-size: 13px;
}
.footer-info li {
    font-size: 13px;
}
.copyright {
    text-align: center;
    padding: 20px 0 20px;
}
.footer-info {
    margin-top: 15px;
}
.footer-info-grid.links, .footer-info-grid.address, .footer-info-grid.newsletter {
    padding: 0 0px;
}
.about-header h3 {
    font-size: 1.5em;
}
.about h4 {
    font-size: 1.1em;
}
.about p {
    font-size: 13px;
    line-height: 1.7em;
}
.about-grid {
    padding: 0;
}
.about h1, .gallery h1, .services h1, .contact h1 {
    font-size: 1.7em;
    margin: 0 0 1em;
}
h3.title {
 font-size: 1.7em;
}
.team-info {
    margin-top: 2em;
}
.team-grids {
    width: 100%;
    padding: 0;
}
.team-grids a .captn {
    bottom: -90%;
}
.about, .services, .gallery, .codes, .contact {
    padding: 2em 0;
}
.testimonials {
    padding: 2em 0;
}
.testimonials h2, .services h2 {
    font-size: 1.7em;
    margin: 0 0 1em;
}
.test-grid {
    padding: 0;
}
.test-grids {
    margin-top: 1em;
}
.testimonials p {
    font-size: 13px;
    line-height: 1.7em;
}
.testimonials h4 {
    font-size: 1.1em;
}
.service-grid {
    width: 100%;
    padding: 0;
}
.service-grid {
    float: left;
    width: 100%;
    padding: 0;
}
.feature-grid {
    width: 100%;
    padding: 0;
}
.banner-1 {
    height: 120px;
}
.view h2,.view h3 {
    margin: 58px 0 8px 0;
}
.navbar-toggle {
    margin-top: 3px;
}
.navbar {
    min-height: 45px;
}
.contact-form-left p {
    font-size: 13px;
    line-height: 1.5em;
}
.contact-form-left {
    padding: 0;
}
.contact-form-left {
    padding: 0;
}
.contact input[type="submit"] {
    padding: 8px 0px;
    width: 30%;
}
.agileits-left {
    padding: 0;
}
}

/*pagination start*/


  div.pagination {

	padding: 3px;

	margin: 3px;

}



div.pagination a {

padding: 2px 5px 2px 5px;

margin: 2px;

border: 1px solid rgba(33, 89, 84, 0.88);;

text-decoration: none;

color: rgba(33, 89, 84, 0.69);

}

div.pagination a:hover, div.pagination a:active {

	border: 1px solid rgba(33, 89, 84, 0.88);;



	color: #000;

}

div.pagination span.current {

padding: 2px 5px 2px 5px;

margin: 2px;

border: 1px solid rgba(33, 89, 84, 0.88);;

font-weight: bold;

background-color: rgba(33, 89, 84, 0.88);;

color: #FFF;

	}

	div.pagination span.disabled {

		padding: 2px 5px 2px 5px;

		margin: 2px;

		border: 1px solid #EEE;

	

		color: #DDD;

	}

/*pagination end*/	


/*without media start*/

.submitbutton
{
    background-color: transparent !important;
    width: 100% !important;
    border: 0 !important;
    height: 100% !important;
}

.fi
{
display:none;
float:right;
width:20px; 
height:20px;
}

#filter_hidden2
{
display:none;
}

#sorthide
{
font-size:14px;
background-color: #ffffff;
border-color: rgb(241, 241, 241);
box-shadow: 1px 2px 5px #888888;
list-style: none;
line-height:2;
margin-top:5px;
display:none;

}

#sortingspan
{
background-color: rgb(241, 241, 241);
border-color: rgb(241, 241, 241);
box-shadow: 1px 2px 5px #888888;
padding:2px;
}

#tos
{
display:none;

}


.green_heading
{
text-transform: capitalize;
    color: rgb(152, 204, 1) !important; 
	font-family:'Oswald', sans-serif !important;
	 font-size:2em !important;
}
	
	
	
		.readmore
	{
	position: absolute;bottom: 2px; z-index: 999999; right: 5px; text-decoration:none; color:#FFFFFF;
	}
 
 .readmorebutton
 {
border:px solid #FFFFFF; -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;width:px;font-size:px;font-family:arial, helvetica, sans-serif; padding: 3px 10px 3px 10px; text-decoration:none; display:inline-block; color: #FFFFFF;
 background-color: #7ACE50; background-image: -webkit-gradient(linear, left top, left bottom, from(#7ACE50), to(#abdc28));
 background-image: -webkit-linear-gradient(top, #7ACE50, #abdc28);
 background-image: -moz-linear-gradient(top, #7ACE50, #abdc28);
 background-image: -ms-linear-gradient(top, #7ACE50, #abdc28);
 background-image: -o-linear-gradient(top, #7ACE50, #abdc28);
 background-image: linear-gradient(to bottom, #7ACE50, #abdc28);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#7ACE50, endColorstr=#abdc28);
}

.readmorebutton:hover{
 border:px solid #FFFFFF;
 background-color: #5fb833; background-image: -webkit-gradient(linear, left top, left bottom, from(#5fb833), to(#8bb41d));
 background-image: -webkit-linear-gradient(top, #5fb833, #8bb41d);
 background-image: -moz-linear-gradient(top, #5fb833, #8bb41d);
 background-image: -ms-linear-gradient(top, #5fb833, #8bb41d);
 background-image: -o-linear-gradient(top, #5fb833, #8bb41d);
 background-image: linear-gradient(to bottom, #5fb833, #8bb41d);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#5fb833, endColorstr=#8bb41d);
 color:#FFFFFF;
}


#abt {
    text-align: justify;
    color: #5a5a5a;
    font-size: 16px;
    opacity: 0.8;
    /*font-family: "Arial", sans-serif;*/
	font-family: 'Roboto',sans-serif;
}



/*for box effect start*/


.new-items{
	/*width:33.33%;*/
	/*width:25%;*/
	float:left;	transition:all 1s ease-in-out;
	-webkit-transition:all 0.5s;
	 

}
.new_middle{
	margin:0 2%;
}
.new-items img{
	width:100%;
	height:260px;
	transition:all 1s ease-in-out;
	-webkit-transition:all 0.5s;
	
}
.new-items img:hover{
	height:270px;
	}
	
.item1{
	padding: 2%;
    margin-right: 3%;
    background: #fff;
	border:1px solid #F5F8F9;
	border-radius:3px;
    margin-bottom: 3%;
	transition:all 1s ease-in-out;
	-webkit-transition:all 0.5s;
    height: 320px;
}
.item1:hover{

	box-shadow:0px 2px 16px rgba(2, 134, 136, 0.65);

    -ms-transform: scale(1.05,1.05);
    -webkit-transform: scale(1.05,1.05);
    /* transform: scale(1.05,1.05); */
	 
	}
.item-info{
	margin-top:1em;
}
.item-info3{
	margin-top:5em;
	padding-left:2em;
}
.item-info span,.item-info2 span,.item-info3 span,.item-info4 span,.item-info5 span,.item-info6 span{
	color:#000;
	font-size:0.7em;
	margin:7px 0;
	display:block;
}

.inslist
{
height:250px;
 overflow:auto;   
  background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175); padding: 5px 20px;
    margin: 2px 0 0;

}

/*for box effect start*/


/*shine button start*/



.buttonshine_green {/*width: 200px;
	height: 50px;*/
	/*width: 250px;*/
	width:300px;
	height: 40px;
	background: #97ce01;
	display: block;
	position: relative;
	
	overflow: hidden;
	border: 1px solid #336666;
	color: white;
	text-decoration: none;
	
	-webkit-box-shadow: inset 0px 1px 1px 0px rgba(255,255,255,.4);
	-moz-box-shadow: inset 0px 1px 1px 0px rgba(255,255,255,.4);
	box-shadow: inset 0px 1px 1px 0px rgba(255,255,255,.4);
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	
	background-image: -webkit-linear-gradient(bottom, #a1d21a 0%, #87b900 49%, #abd733 50%, #c0e166 100%);
	background-image: -moz-linear-gradient(bottom, #a1d21a 0%, #87b900 49%, #abd733 50%, #c0e166 100%);
	background-image: -ms-linear-gradient(bottom, #a1d21a 0%, #87b900 49%, #abd733 50%, #c0e166 100%);
	background-image: -o-linear-gradient(bottom, #a1d21a 0%, #87b900 49%, #abd733 50%, #c0e166 100%);
	background-image: linear-gradient(bottom, #a1d21a 0%, #87b900 49%, #abd733 50%, #c0e166 100%);

}

.buttonshine_green span.text {
	position: absolute;
	top: 10px;
	left: 50px;
	font: 15px Arial;
}

.buttonshine_green span.shine {
	content: '';
	position: absolute;
	height: 400px;
	width: 20px;
	background: white;
	top: -80px;
	left: -20px;
	display: block;
	opacity: 0.8;
	
	-webkit-box-shadow: 0px 0px 20px 10px white; 
	-moz-box-shadow: 0px 0px 20px 10px white; 
	box-shadow: 0px 0px 20px 10px white; 
	
	-webkit-transform: rotate(-45deg);	
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.buttonshine_green:hover {
	-webkit-box-shadow: inset 0px 1px 10px 0px rgba(255,255,255,.4), 0px 3px 3px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: inset 0px 1px 10px 0px rgba(255,255,255,.4), 0px 3px 3px 0px rgba(0,0,0,0.4);
	box-shadow: inset 0px 1px 10px 0px rgba(255,255,255,.4), 0px 3px 3px 0px rgba(0,0,0,0.4);
}

.buttonshine_green:active {
	-webkit-box-shadow: inset 0px 1px 15px 0px rgba(0,0,0,.4), inset 0px 1px 1px 1px rgba(0,0,0,.2), 0px 1px 1px 0 rgba(255,255,255,.5);
	-moz-box-shadow: inset 0px 1px 15px 0px rgba(0,0,0,.4), inset 0px 1px 1px 1px rgba(0,0,0,.2), 0px 1px 1px 0 rgba(255,255,255,.5);
	box-shadow: inset 0px 1px 15px 0px rgba(0,0,0,.4), inset 0px 1px 1px 1px rgba(0,0,0,.2), 0px 1px 1px 0 rgba(255,255,255,.5);
}

.buttonshine_green:hover span.shine {
	left: 170px;
	top: -300px;
}
	







.buttonshine {
	/*width: 200px;
	height: 50px;*/
	width: 250px;
	height: 40px;
	background: #1396e2;
	display: block;
	position: relative;
	
	overflow: hidden;
	border: 1px solid #336666;
	color: white;
	text-decoration: none;
	
	-webkit-box-shadow: inset 0px 1px 1px 0px rgba(255,255,255,.4);
	-moz-box-shadow: inset 0px 1px 1px 0px rgba(255,255,255,.4);
	box-shadow: inset 0px 1px 1px 0px rgba(255,255,255,.4);
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	
	background-image: -webkit-linear-gradient(bottom, #1fa6f4 0%, #30a4e8 49%, #5db6ea 50%, #74c7f7 100%);
	background-image: -moz-linear-gradient(bottom, #1fa6f4 0%, #30a4e8 49%, #5db6ea 50%, #74c7f7 100%);
	background-image: -ms-linear-gradient(bottom, #1fa6f4 0%, #30a4e8 49%, #5db6ea 50%, #74c7f7 100%);
	background-image: -o-linear-gradient(bottom, #1fa6f4 0%, #30a4e8 49%, #5db6ea 50%, #74c7f7 100%);
	background-image: linear-gradient(bottom, #1fa6f4 0%, #30a4e8 49%, #5db6ea 50%, #74c7f7 100%);
}

.buttonshine span.text {
	position: absolute;
	top: 10px;
	left: 50px;
	font: 15px Arial;
}

.buttonshine span.shine {
	content: '';
	position: absolute;
	height: 400px;
	width: 20px;
	background: white;
	top: -80px;
	left: -20px;
	display: block;
	opacity: 0.8;
	
	-webkit-box-shadow: 0px 0px 20px 10px white; 
	-moz-box-shadow: 0px 0px 20px 10px white; 
	box-shadow: 0px 0px 20px 10px white; 
	
	-webkit-transform: rotate(-45deg);	
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.buttonshine:hover {
	-webkit-box-shadow: inset 0px 1px 10px 0px rgba(255,255,255,.4), 0px 3px 3px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: inset 0px 1px 10px 0px rgba(255,255,255,.4), 0px 3px 3px 0px rgba(0,0,0,0.4);
	box-shadow: inset 0px 1px 10px 0px rgba(255,255,255,.4), 0px 3px 3px 0px rgba(0,0,0,0.4);
}

.buttonshine:active {
	-webkit-box-shadow: inset 0px 1px 15px 0px rgba(0,0,0,.4), inset 0px 1px 1px 1px rgba(0,0,0,.2), 0px 1px 1px 0 rgba(255,255,255,.5);
	-moz-box-shadow: inset 0px 1px 15px 0px rgba(0,0,0,.4), inset 0px 1px 1px 1px rgba(0,0,0,.2), 0px 1px 1px 0 rgba(255,255,255,.5);
	box-shadow: inset 0px 1px 15px 0px rgba(0,0,0,.4), inset 0px 1px 1px 1px rgba(0,0,0,.2), 0px 1px 1px 0 rgba(255,255,255,.5);
}

.buttonshine:hover span.shine {
	left: 170px;
	top: -300px;
}




	
	

/*shine button end*/

/* Ajaxloading start */

 #loading-image
	  {
	  position:fixed;
	  left:40%;
	  top:50%;
	  width:10%;
	  display:none;
	  z-index:99999999;
	  	  }
		  
		  
 #overlay{
          position: fixed;
		  top: 0;
		  left: 0;
		  width: 100%;
		  height: 100%;
		  background-color: #FFFFFF;
		  filter:alpha(opacity=70);
		  -moz-opacity:0.7;
		  -khtml-opacity: 0.7;
		  opacity: 0.7;
		  z-index: 100000;
          display: none;

       }
.followuslist {
    width: 100%;
    padding: 10px;
}
/* Ajax loading end */

.followuslist a {
    display: block;
    margin-bottom: 10px;
    text-align: left;
}
body a {
    transition: 0.5s all;
    -Webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    text-decoration: none;
}

body a:hover {
    text-decoration: none;
}

.newsletter {
    position: relative;
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.pb-5, .py-5 {
    padding-bottom: 3rem !important;
}
.mt-5, .my-5 {
    margin-top: 3rem !important;
}
.bg-light {
    background-color: #f8f9fa !important;
}
.p-3 {
    padding: 1rem!important;
}
.p-0 {
    padding: 0!important;
}
.pl-3, .px-3 {
    padding-left: 1rem!important;
}
.pr-3, .px-3 {
    padding-right: 1rem!important;
}
.pl-0, .px-0 {
    padding-left: 0!important;
}
.pr-0, .px-0 {
    padding-right: 0!important;
}

.pt-5, .py-5 {
    padding-top: 3rem !important;
}
.mb-0, .my-0 {
    margin-bottom: 0!important;
}
.mb-3, .my-3 {
    margin-bottom: 1rem !important;
}
.pl-5, .px-5 {
    padding-left: 3rem !important;
}
.pr-5, .px-5 {
    padding-right: 3rem !important;
}
.pb-2, .py-2 {
    padding-bottom: 0.5rem !important;
}
.pt-2, .py-2 {
    padding-top: 0.5rem !important;
}
.mt-4, .my-4 {
    margin-top: 1.5rem !important;
}
.w-100 {
    width: 100%!important;
}
.img-fluid {
    max-width: 100%;
    height: auto;
}

.d-none {
    display: none!important;
}
h4, .h4 {
    font-size: 24px;
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
}
.rounded {
    border-radius: 0.25rem!important;
}
.border {
    border: 1px solid #dee2e6!important;
}
.bg-white {
    background-color: #fff!important;
}

@media only screen and (max-width: 768px) {
	#maincontainer {
		position: absolute;
		z-index: 1;
		top: 70px;
		width: 100%;
	}
}

@media only screen and (min-width: 769px) {
	#maincontainer {
		position: absolute;
		z-index: 1;
		top: 131px;
		width: 100%;
	}
}

#secondnavbar {
	padding-top: 0px;
	display: inline-block;
	margin-left: 0px;
	padding-left: 2%;
}

#secondnavbar>li>a {
	padding: 0px 5px 0px 5px !important;
	font-weight: inherit;
	color: white;
	font-weight: bold;
	font-size: 17px;
}

.submenulist {
	width: 9.5%;
	float: left;
	padding: 5px 0px 5px;
	margin: 0px;
	vertical-align: top;
	border-right: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
	margin-right: 0px;
	border-bottom: 1px solid #e6e6e6;
	height: 370px;
	;
	/* background:#f2f2f2; */
	background: white;
}

.submenulist a {
	display: block;
	margin-top: 0px;
	margin-bottom: 20px;
	font-size: 14px!important;
}

.followuslist {
	width: 100%;
	padding: 10px;
}

.followuslist a {
	display: block;
	margin-bottom: 10px;
	text-align: left;
}

#dropdownsubmenus {
	padding: 0px;
	margin: 0px;
	margin-left: 27%;
	width: 95%;
	position: absolute;
	display: none;
	z-index: 2;
	margin-top: 19px;
}

#fullmenuopenlink {
	background: white;
}

#fullmenuopenlink:visited {
	color: black;
	background: orange;
}

#usernamelink {
	margin-top: 0px;
	margin-bottom: 0px!important;
	width: 80%!important;
	font-size: 17px;
	padding-top: 5px;
	padding-bottom: 0px;
	margin-left: 0%!important;
	margin-right: 20%!important;
	cursor: pointer;
	font-weight: bold;
	overflow: hidden;
	word-wrap: break-word;
	height: 35px;
	font-weight: 600!important;
}

.nav .open>a {
	color: black;
	background: white!important;
}

.fa-sign-in {
	font-size: 2.5rem!important;
}

.userdropdown {
	margin-left: 12px;
	width: 80%!important;
	border-top: none!important;
	margin-top: 0px!important;
	padding-top: 0px!important;
	margin-top: 0px!important;
	margin-left: 0%!important;
	margin-right: 20%!important;
}

.userdropdownlistitem {
	width: 100%;
	padding-left: 0px!important;
	padding-right: 0px;
	text-align: left!important;
}

.userdropdownlistitemlink {
	margin: 0px 0px 6px 0px;
	font-size: 15px;
}


/* for smaller devices */

@media only screen and (max-width: 768px) {
	#topnavbar ul {
		float: none;
	}
	#topnavbar a {
		font-weight: bold;
		font-size: 17px;
	}
	.navbar-header {
		display: block;
		width: 100%!important;
		height: 60px;
	}
	.navbar-brand {
		padding: 5px 0px 0px 5px!important;
		margin: 0px!important;
		width: 50%;
	}
	#firstnavbar_mob {
		display: block;
	}
	#firstnavbar_mob {
		padding: 0px!important;
		margin: 0px!important;
		width: 100%;
		background: white;
		background: #0095da;
		z-index: 0!important;
	}
	#firstnavbar {
		display: none;
	}
	#firstnavbar_mob li {
		width: 100%!important;
		text-align: left;
	}
	.menulink_mob {
		width: 100%;
		font-weight: bold;
		background: inherit;
		color: white!important;
		margin-bottom: 0px!important;
	}
	.nav .open>a {
		background: #0095da!important;
		color: white!important;
	}
	.nav>li>a:hover,
	.nav>li>a:focus {
		background: #0095da!important;
		color: white!important;
	}
	.whitebar {
		width: 35px;
		height: 2px;
		background-color: white;
		margin: 6px 0;
	}
	.submenudropdown_mob {
		background: #007ab3!important;
		width: 100%;
	}
	#divsecondnavbar {
		display: none;
	}
	.caret {
		float: none;
		margin-top: 0%;
		margin-left: 4px;
	}
}


/*for bigger devices  */

@media only screen and (min-width: 769px) {
	#topnavbar ul {
		float: left;
	}
	#topnavbar a {
		color: black;
		font-weight: 500;
		font-size: 17px;
	}
	.navbar>.container .navbar-brand,
	.navbar>.container-fluid .navbar-brand {
		margin-left: 0px;
	}
	.navbar-header {
		padding: 10px 0px 0px 20px;
		display: inline-block;
		width: 17%;
		background: #fff !important;
	}
	.navbar-brand {
		padding: 0px;
		margin: 0px;
		width: 100%;
	}
	#firstnavbar_mob {
		display: none;
	}
	#firstnavbar {
		padding-top: 0px;
	}
	#firstnavbar {
		width: 85%;
		padding: 0px;
		background: white;
		height: 60px;
		position: absolute;
		top: 0px;
	}
	#firstnavbar>li {
		width: auto;
		word-wrap: break-word;
		text-align: center;
		margin-left: 20px;
		padding: 20px 0px 0px 0px;
	}
	#firstnavbar>li>a {
		padding: 0px !important;
		font-weight: bold;
	}
	#firstnavbar>li>a:hover {
		text-decoration: none!important;
	}
	.menulink:before {
		content: '»';
		position: relative;
		font-weight: 500;
		opacity: 0;
		right: 6px;
		transition: 0.5s;
	}
	.menulink:hover:before {
		right: 2px;
		opacity: 1;
		text-decoration: none;
	}
	#firstnavbar>li>a:visited {
		/*  
         background:#f2f2f2;
         color:black; */
		background: white;
		color: black;
	}
	#firstnavbar>li>a:hover {
		/* background:#f2f2f2;
         color:black; */
		background: white;
		color: black;
		text-decoration: underline;
	}
	#divsecondnavbar {
		position: absolute;
		top: 80px;
		z-index: 1;
		background-color: #f2f2f2;
		background: #379fd8;
		padding: 0px;
		margin: 0px;
		width: 100%!important;
	}
	.submenulist a {
		font-weight: 600!important;
	}
}

.followuslink {
	margin: 0px 0px 0px 30%;
}

.followusimg {
	width: 30%;
	;
}

.dropdown .dropbtn {
	font-size: 17px;
	border: none;
	outline: none;
	color: black;
	font-weight: bold;
	background-color: inherit;
	font-family: inherit;
	margin: 0;
	padding-top: 10px;
}

.dropdown-content {
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	min-width: 300px;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	z-index: 2;
}

.dropdown-content a {
	float: none;
	font-weight: bold !important;
	color: black !important;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
	text-align: left;
}

.dropdown-content a:hover {
	background-color: #ddd;
}

.dropdown:hover .dropdown-content {
	display: block;
}

@media only screen and (max-width: 768px) {
	#maincontainer {
		position: absolute;
		z-index: 1;
		top: 70px;
		width: 100%;
	}
}

@media only screen and (min-width: 769px) {
	#maincontainer {
		position: absolute;
		z-index: 1;
		top: 131px;
		width: 100%;
	}
}

#secondnavbar {
	padding-top: 0px;
	display: inline-block;
	margin-left: 0px;
	padding-left: 2%;
}

#secondnavbar>li>a {
	padding: 0px 5px 0px 5px !important;
	font-weight: inherit;
	color: white;
	font-weight: bold;
	font-size: 17px;
	font-family: 'Open Sans', sans-serif;
}

.submenulist {
	width: 9.5%;
	float: left;
	padding: 5px 0px 5px;
	margin: 0px;
	vertical-align: top;
	border-right: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
	margin-right: 0px;
	border-bottom: 1px solid #e6e6e6;
	height: 370px;
	;
	/* background:#f2f2f2; */
	background: white;
}

.submenulist a {
	display: block;
	margin-top: 0px;
	margin-bottom: 20px;
	font-size: 14px!important;
}

.followuslist {
	width: 100%;
	padding: 10px;
}

.followuslist a {
	display: block;
	margin-bottom: 10px;
	text-align: left;
}

#dropdownsubmenus {
	padding: 0px;
	margin: 0px;
	margin-left: 27%;
	width: 95%;
	position: absolute;
	display: none;
	z-index: 2;
	margin-top: 19px;
}

#fullmenuopenlink {
	background: white;
}

#fullmenuopenlink:visited {
	color: black;
	background: orange;
}

#usernamelink {
	margin-top: 0px;
	margin-bottom: 0px!important;
	width: 80%!important;
	font-size: 17px;
	padding-top: 5px;
	padding-bottom: 0px;
	margin-left: 0%!important;
	margin-right: 20%!important;
	cursor: pointer;
	font-weight: bold;
	overflow: hidden;
	word-wrap: break-word;
	height: 35px;
	font-weight: 600!important;
}

.nav .open>a {
	color: black;
	background: white!important;
}

.fa-sign-in {
	font-size: 2.5rem!important;
}

.userdropdown {
	margin-left: 12px;
	width: 80%!important;
	border-top: none!important;
	margin-top: 0px!important;
	padding-top: 0px!important;
	margin-top: 0px!important;
	margin-left: 0%!important;
	margin-right: 20%!important;
}

.userdropdownlistitem {
	width: 100%;
	padding-left: 0px!important;
	padding-right: 0px;
	text-align: left!important;
}

.userdropdownlistitemlink {
	margin: 0px 0px 6px 0px;
	font-size: 15px;
}


/* for smaller devices */

@media only screen and (max-width: 768px) {
	#topnavbar ul {
		float: none;
	}
	#topnavbar a {
		font-weight: bold;
		font-size: 17px;
	}
	.navbar-header {
		display: block;
		width: 100%!important;
		height: 60px;
	}
	.navbar-brand {
		padding: 5px 0px 0px 5px!important;
		margin: 0px!important;
		width: 50%;
	}
	#firstnavbar_mob {
		display: block;
	}
	#firstnavbar_mob {
		padding: 0px!important;
		margin: 0px!important;
		width: 100%;
		background: white;
		background: #0095da;
		z-index: 0!important;
	}
	#firstnavbar {
		display: none;
	}
	#firstnavbar_mob li {
		width: 100%!important;
		text-align: left;
	}
	.menulink_mob {
		width: 100%;
		font-weight: bold;
		background: inherit;
		color: white!important;
		margin-bottom: 0px!important;
	}
	.nav .open>a {
		background: #0095da!important;
		color: white!important;
	}
	.nav>li>a:hover,
	.nav>li>a:focus {
		background: #0095da!important;
		color: white!important;
	}
	.whitebar {
		width: 35px;
		height: 2px;
		background-color: white;
		margin: 6px 0;
	}
	.submenudropdown_mob {
		background: #007ab3!important;
		width: 100%;
	}
	#divsecondnavbar {
		display: none;
	}
	.caret {
		float: none;
		margin-top: 0%;
		margin-left: 4px;
	}
}


/*for bigger devices  */

@media only screen and (min-width: 769px) {
	#topnavbar ul {
		float: left;
	}
	#topnavbar a {
		color: black;
		font-weight: 500;
		font-size: 17px;
	}
	.navbar>.container .navbar-brand,
	.navbar>.container-fluid .navbar-brand {
		margin-left: 0px;
	}
	.navbar-header {
		padding: 10px 0px 0px 20px;
		display: inline-block;
		width: 17%;
	}
	.navbar-brand {
		padding: 0px;
		margin: 0px;
		width: 100%;
	}
	#firstnavbar_mob {
		display: none;
	}
	#firstnavbar {
		padding-top: 0px;
		display: inline-block;
	}
	#firstnavbar {
		width: 85%;
		padding: 0px;
		background: white;
		height: 60px;
		position: absolute;
		top: 0px;
	}
	#firstnavbar>li {
		width: auto;
		word-wrap: break-word;
		text-align: center;
		margin-left: 20px;
		padding: 20px 0px 0px 0px;
		font-family: 'Open Sans', sans-serif;
	}
	#firstnavbar>li>a {
		padding: 0px !important;
		font-weight: bold;
	}
	#firstnavbar>li>a:hover {
		text-decoration: none!important;
	}
	.menulink:before {
		content: '»';
		position: relative;
		font-weight: 500;
		opacity: 0;
		right: 6px;
		transition: 0.5s;
	}
	.menulink:hover:before {
		right: 2px;
		opacity: 1;
		text-decoration: none;
	}
	#firstnavbar>li>a:visited {
		/*  
         background:#f2f2f2;
         color:black; */
		background: white;
		color: black;
	}
	#firstnavbar>li>a:hover {
		/* background:#f2f2f2;
         color:black; */
		background: white;
		color: black;
		text-decoration: underline;
	}
	#divsecondnavbar {
		position: absolute;
		top: 80px;
		z-index: 1;
		background-color: #f2f2f2;
		background: #379fd8;
		padding: 0px;
		margin: 0px;
		width: 100%!important;
	}
	.submenulist a {
		font-weight: 600!important;
	}
}

.followuslink {
	margin: 0px 0px 0px 30%;
}

.followusimg {
	width: 30%;
	;
}

@media screen and (max-width: 1400px) {
	.modal.left .modal-dialog {
		width: 430px !important;
		height: 30% !important;
		margin-right: 90px !important;
	}
}

@media screen and (max-width: 600px) {
	.pt {
		padding-top: 30px !important;
	}
	.taglabel {
		width: 100% !important;
	}
}

table.TF {
	font-family: inherit;
	border-spacing: 0;
	border: 0;
	width: 100% !important;
}

.table>thead>tr>th,
.table>thead>tr>td,
table.TF td {
	vertical-align: bottom;
	border-bottom: none !important;
}

.odd {
	background-color: transparent !important;
}

.navbar ul li {
	float: left;
	text-align: center;
	display: inline-block;
	position: relative;
}

nav a {
	display: inline-block;
	margin: 15px 5px;
	outline: none;
	/* color: #EEE; */
	color: #0195da;
	text-decoration: none;
	font-weight: 400;
	text-shadow: 0 0 1px rgb(255 255 255 / 30%);
	font-size: 17px;
	padding: 0 2px;
	/* padding: 0 0px; */
}

@media (min-width: 768px) {
	.navbar-toggle {
		display: none;
	}
}

@media (max-width: 992px) {
	.dropdown-toggle {
		display: none;
	}
	.dropdown-menu {
		display: block;
		position: relative;
		border-width: 0;
		padding: 0;
		margin: 0;
	}
	.dropdown-item {
		padding: .5rem 0rem;
		color: rgba(0, 0, 0, .5);
	}
}



.ht{
	height: 550px;
	background-color: #000;
	opacity: 0.5
}

.navbar {
	padding: 0px;
}

.mt-3, .my-3 {
    margin-top: 1.5rem !important;
}

.mb-3, .mb-3 {
    margin-bottom: 1.5rem !important;
}

.mb-5, .mb-5 {
    margin-bottom: 3rem !important;
}

.mb-1, .mb-1 {
    margin-bottom: 1rem !important;
}

.Reviews__review-remark___3qpLi11
{
	display: inline-block;
    /* padding: 10px 5px; */
    /* width: 80%; */
    margin-left: 0px;
	padding: 20px;
}

.Reviews__review-box___1RP0p1 {
    text-align: left;
    border: 1px solid #e0e0e0;
    padding: 20px;
}

/* carousel */
#quote-carousel {
  margin-top: 30px;
  text-align:center;
}
/* indicator position */
#quote-carousel .carousel-indicators {
  right: 50%;
  top: auto;
  bottom: -10px;
  margin-right: -19px;
  color:#60dfe5;
}
/* indicator color */
#quote-carousel .carousel-indicators li {
  background: #333333;
  height: 10px;
  width: 10px;
}
/* active indicator */
#quote-carousel .carousel-indicators .active {
  background: #60dfe5;
  height:4x;
  width:50px;
  margin-bottom:1px;
}

.parallax {
    background: url(images/parallax3.jpg) fixed no-repeat center center;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
    color: #FFF !important;
}

.parallax a {
    color: #549dc5
}

.parallax p {
    color: #fff
}

.parallax a:hover {

}
.parallax h1,
.parallax h2,
.parallax h3,
.parallax h4,
.parallax h5,
.parallax h6 {
    color: #fff  !important
}
.parallax.mobile {
    background-attachment: scroll !important
}

.parallax .inner {
    padding-top: 100px;
}

.parallax .inner3 {
    padding-bottom: 100px;
}

.parallax .inner1 {
    padding-bottom: 130px;
}

.parallax .inner2 {
    padding-bottom: 50px;
}


.parallax.parallax4 {
	
    background: linear-gradient(rgba(00,00,000,0.5), rgba(00,00,000,0.6)), url(images/bann.jpg);
	    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.bm10 {
    margin-bottom: 10px !important;
}

.facts h4 {
    font-size: 40px;
    margin-bottom: 20px;
}

.facts p {
    font-size: 16px;
    text-transform: uppercase;
    margin: 0;
}

figure {
    margin-bottom: 15px !important;
}
figure {
    display: block;
    overflow: hidden;
    position: relative;
}
figure {
    margin: 0;
    padding: 0;
}

.text-center{
	text-align: center
}

.team figure {
    margin-bottom: 25px;
}

.team h3 {
    margin: 0 0 5px 0;
    font-size: 16px;
    line-height: 22px;
}

.team span.biz-title {
    font-size: 15px;
    margin-bottom: 8px;
    display: inline-block;
    font-weight: normal;
	float: left;
}
.colored {
    color: #549dc5;
}

.colored1 {
    color: #d8545d;
}


.register {
    border: 1px solid #549dc5;
    background: #549dc5;
	color: #fff;	
	border-radius: 6px;
	padding: 5px;
	float: right;
}

.register1 {
    border: 1px solid #549dc5;
    color: #549dc5;
	border-radius: 6px;
	padding: 10px
}

.evt{
	width: 50px;
    border-radius: 50px;
    height: 50px;
    text-align: left;
}

.icon {
    float: left;
    margin-right: 10px;
}

.icon {
    display: table;
}

.text {
    overflow: hidden;
	text-align: left;
}

.icn {
    color: #2e2e2e;
    line-height: 1;
    font-size: 35px;
    text-transform: uppercase;
    -webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
}

.brd{
	border: 0px solid #ddd;
    border-radius: 4px;
    padding: 5px;
}

.brd1{
	border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px;
    background: #fff;
}

#myCarousel .thumbnail {
	margin-bottom: 0;
}
.carousel-control.left, .carousel-control.right {
	background-image:none !important;
}
.carousel-control {
	color:#fff;
	top:40%;
	color:#000;
	bottom:auto;
	padding-top:4px;
	width:30px;
	height:30px;
	text-shadow:none;
	opacity:1;
}
.carousel-control:hover {
	color: #d9534f;
}
.carousel-control.left, .carousel-control.right {
	background-image:none !important;
}
.carousel-control.right {
	left:auto;
	right:-120px !important;
	top: 40%;
}
.carousel-control.left {
	right: auto;
    left: -111px ;
    top: 40%;
}
.carousel-indicators {
	bottom:-30px;
}
.carousel-indicators li {
	border-radius:0;
	width:10px;
	height:10px;
	background:#ccc;
	border:1px solid #ccc;
}
.carousel-indicators .active {
	width:12px;
	height:12px;
	background:#3276b1;
	border-color:#3276b1;
}

@media screen and (min-width: 768px)
{
	.carousel-indicators {
		bottom: -60px !important;
	}
}

.carousel-indicators li
{
	border: 1px solid #000 !important;
	
}

.clr{
	color: #808080 !important;
}

.mt-10{
	margin-top: 5rem;
}

.brd4{
	height: 350px;
}

.brd3{
	height: 430px;
}

.pt-3{
	padding-top: 1rem;
}

.divsearchby1 {
    position: relative;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(images/banner2.png);
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    height: 550px;
	    background-size: cover;
}

.bg-gradient1 {
    padding: 50px;
    background: rgba(0, 0, 0, 0.5);
}


.carousel-control { 
    width: 8%;
    width: 0px;
}
.carousel-control.left,
.carousel-control.right { 
    margin-right: 40px;
    margin-left: 32px; 
    background-image: none;
    opacity: 1;
}
.carousel-control > a > span {
    color: white;
	font-size: 29px !important;
}

header.header-area.absulate-header {
    position: absolute;
    width: 100%;
    z-index: 99;
    padding-top: 17px;
}
header.header-area {
    height: 115px;
}
.cssanimation {
    animation-duration: .9s;
    animation-fill-mode: both;
}
.animated {
    webkit-transition: margin .3s ease-out;
    transition: margin .3s ease-out;
}
.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}

nav.proone-nav {
    float: left;
    width: 100%;
}

.proone-nav ul.menu {
    float: right;
    margin-top: 19px;
}
.proone-nav ul {
    list-style: none;
    display: block;
    margin: 0;
    padding: 0;
}

.proone-nav .menu > li {
    float: left;
    padding: 0;
}
.proone-nav .menu li {
    position: relative;
    transition: all 0.3s ease 0s;
    list-style: none;
}

.proone-nav ul.menu > li > a {
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    opacity: 1;
    padding: 5px 25px 15px 15px;
    text-transform: uppercase;
    border-radius: 3px;
}

.proone-nav .menu li a {
    color: #ffffff;
    display: block;
}

.proone-nav .menu > li ul {
    background-color: #C065DE;
    border-top: 2px solid #FEAC01;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    padding: 15px 0;
    position: absolute;
    transform: translate3d(0px, 10px, 0px);
    transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 210px;
    z-index: 99;
    box-shadow: 0px 1px 2px rgb(0 0 0 / 12%);
}
.proone-nav ul {
    list-style: none;
    display: block;
    margin: 0;
    padding: 0;
}

.mobile-menu-area {
    background: #262626;
}


.pdd{
    padding:0px 269px !important;
}

/* Media Query for Mobile Devices */
@media (max-width: 480px) {
    .pdd{
        padding:0px 0px !important;
    }
}
 
/* Media Query for low resolution  Tablets, Ipads */
@media (min-width: 481px) and (max-width: 767px) {
    .pdd{
        padding:0px 0px !important;
    }
}


/**/
#owl-demo .item{
  background: #3498DB;
  padding: 30px 0px;
  margin: 0;
  color: #FFF;
  border-radius: 0;
  text-align: center;
  height: 300px;
}

#owl-demo2 .item{
  background: #2980B9;
  padding: 30px 0px;
  margin: 0;
  color: #FFF;
  text-align: center;
  border-radius: 0;
  height: 300px;
}

#owl-demo3 .item{
  background: #3498DB;
  padding: 30px 0px;
  margin: 0;
  color: #FFF;
  text-align: center;
  border-radius: 0;
  height: 300px;
}

.customNavigation{
  text-align: center;
}
/*use styles below to disable ugly selection*/
.customNavigation a{
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.mb-10{
	margin-bottom: 5rem;
}