/* ==== Google font ==== */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,700,600);
@import url('font-awesome.css');
/* ==== overwrite bootstrap standard ==== */
@import url('animate.css');

body {
	width: 100%;
	height: 100%;	
	font-family:"Source Sans Pro", "Helvetica Neue", "Lucida Grande", sans-serif;
	font-size:15px;
	font-weight:300;
	line-height:1.6em;
	color:white;
	background-color:#fff;
	overflow-x:hidden;	
}

h1,h2 {
	color:#333;
	line-height:1.6em;
	font-family:"Source Sans Pro", "Helvetica Neue", "Lucida Grande", sans-serif;
	font-size:30px;
}

h3,h4 {
	color:#333;
	line-height:1.6em;
	font-family: "Source Sans Pro", "Helvetica Neue", "Lucida Grande", sans-serif;
	font-size:16px;
}
h5{
	color:black;
	font-family: "Source Sans Pro", "Helvetica Neue", "Lucida Grande", sans-serif;
	line-height:1.6em;
	padding-left: 12px;
	min-height: 130px;
	display: table-cell;
	vertical-align: middle;
	font-size: 15px;	
}
h6{
	color:black;
	font-family: "Source Sans Pro", "Helvetica Neue", "Lucida Grande", sans-serif;
	line-height:1.6em;
	padding-left: 10px;
	min-height: 130px;
	display: table-cell;
	vertical-align: middle;
	font-size: 10px;	
}

pp {
	color:#333;
	font-size:10px;
	line-height: 1em;
	font-weight:300;
	font-family: "Source Sans Pro", "Helvetica Neue", "Lucida Grande", sans-serif;
}

p {
	color:#333;
	font-size:17px;
	line-height: 1.6em;
	font-weight:300;
	font-family: "Source Sans Pro", "Helvetica Neue", "Lucida Grande", sans-serif;
}
a {
    text-decoration:none;
    transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    outline: none;
	color:#333;
}
a:hover {
	text-decoration: none;
	color:#eee;	
	}

.btn-primary {
  padding: 8px 20px;
  background: #1BBD36;
  color: #fff;
  border-radius: 4px;
  border:none;
  margin-top: 10px;
}

.btn-primary-2 {
  padding: 5px 10px 5px;
  background: #167AC6;
  color: #fff;
  border-radius: 4px;
  border:none;
  margin-top: 0px;
  font-weight: normal;
  font-size: 14px;
}
	
.text-center h2 {
/* 	margin-bottom:30px; */
}

.text-center p {
	margin-bottom:40px;
	color:#333;
}

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #fff;
  text-transform:uppercase;
  font-size:18px;
  border-radius:30px;
  margin-left:-10px;
}

#breadcrumb {
	background-color: #ffffff;
	margin-top:0px;
	color:#0000ff;
}

.breadcrumb { 
  list-style: none;
  background-color: #ffffff;
  border-radius: 0px;
  padding:0px 0px;
  color:#0000ff;
}

.breadcrumb li {   
   margin-top: 0px;
   font-weight:600;
}

/* Loader*/
	.loader {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 200;
		width: 100%; 
		height: 100%;
		background: #fff; 
	}


/*===========================
  Menu and Navigation
============================ */
.navigation  {
	background-color:#007bcd;
	padding:0;
}

.navbar-brand h1 {
	margin-top:9px;
	padding-top:5px;
	float: left;	
	font-size: 25px;	
	color:#333;	
	text-transform:uppercase;
	font-weight:900;
}
.navbar-brand h1 span {
	color: #1BBD36;
}

.menu {
	font-size:12px;
	float:right;
	text-transform:uppercase;
	font-weight:700;	
}

.menu ul.nav-tabs li {
	color:#000;	
}

.nav-tabs {
	border-bottom: 0;
}
.nav-tabs > li {
	float: left;
	margin-bottom: 0;
}
.nav-tabs > li > a {	
	border-radius:0;
	color:#DDD;
	/* padding:30px; */
}

.nav-tabs > li > a:hover {	
	color: #1BBD36;	
	border-color: #fff #fff #fff;
	border-radius:0;
	background-color:#fff; 
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}
.nav-tabs > li > a.active:hover {	
	color: #1BBD36;
	border-color: #fff #fff #fff;
	border-radius:0;
	background-color:#fff; 
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}
.nav-tabs > li > a.active {
	color: #DDD;
	border-radius:0;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
/* }
@media screen and (max-width: 1090px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 1090px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  } */


/*===========================
  slider
============================ */
#main-slider {
	margin-top:20px;
}

#main-slider {
  position: relative;
}

.no-margin {
  margin: 0;
  padding: 0;
}

#main-slider .carousel .carousel-content {
  margin-top: 30px;
}

#main-slider .carousel .slide-margin{
  margin-top: 30px;
}

#main-slider .carousel h2 {
  color: #fff;
  text-transform:uppercase;
  font-size:50px;
  font-weight:800;
}

#main-slider .carousel h2 span {
  color: #1BBD36;
}

#main-slider .carousel h2 span spani {
  color: #000;
}

#main-slider .carousel p {
  color: #ddd;
  font-size:25px;
}

#main-slider .carousel .btn-slide {
  padding: 0px 0px;
  background: #1BBD36;
  color: #fff;
  border-radius: 0px;
  margin-top: 10px;
  display: inline-block;
}

#main-slider .carousel .slider-img{
  text-align: right;
  position: absolute;
}


#main-slider .carousel .item {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  left: 0 !important;
  opacity: 0;
  top: 0;
  position: absolute;
  width: 75%;
  display: block !important;
  height: 730px;
  -webkit-transition: opacity ease-in-out 500ms;
  -moz-transition: opacity ease-in-out 500ms;
  -o-transition: opacity ease-in-out 500ms;
  transition: opacity ease-in-out 500ms;
}

#main-slider .carousel .item:first-child {
  top: auto;
  position: relative;
}

#main-slider .carousel .item.active {
  opacity: 1;
  -webkit-transition: opacity ease-in-out 500ms;
  -moz-transition: opacity ease-in-out 500ms;
  -o-transition: opacity ease-in-out 500ms;
  transition: opacity ease-in-out 500ms;
  z-index: 1;
}

#main-slider .active .animation.animated-item-1 {
  -webkit-animation: fadeInUp 300ms linear 300ms both;
  -moz-animation: fadeInUp 300ms linear 300ms both;
  -o-animation: fadeInUp 300ms linear 300ms both;
  -ms-animation: fadeInUp 300ms linear 300ms both;
  animation: fadeInUp 300ms linear 300ms both;
}

#main-slider .active .animation.animated-item-2 {
  -webkit-animation: fadeInUp 300ms linear 600ms both;
  -moz-animation: fadeInUp 300ms linear 600ms both;
  -o-animation: fadeInUp 300ms linear 600ms both;
  -ms-animation: fadeInUp 300ms linear 600ms both;
  animation: fadeInUp 300ms linear 600ms both;
}

#main-slider .active .animation.animated-item-3 {
  -webkit-animation: fadeInUp 300ms linear 900ms both;
  -moz-animation: fadeInUp 300ms linear 900ms both;
  -o-animation: fadeInUp 300ms linear 900ms both;
  -ms-animation: fadeInUp 300ms linear 900ms both;
  animation: fadeInUp 300ms linear 900ms both;
}

#main-slider .active .animation.animated-item-4 {
  -webkit-animation: fadeInUp 300ms linear 1200ms both;
  -moz-animation: fadeInUp 300ms linear 1200ms both;
  -o-animation: fadeInUp 300ms linear 1200ms both;
  -ms-animation: fadeInUp 300ms linear 1200ms both;
  animation: fadeInUp 300ms linear 1200ms both;
}

.feature {
	padding:50px;
}

.text-center i {
	font-size:40px;
	margin-top:70px;
	margin-bottom:30px;
	color:#fff;
	padding:50px;
	background:#1BBD36;
	border-radius:50%;
}

.text-center h2 {
	margin-top:20px;
	margin-bottom:20px;
	font-size:20px;
	color: #333;
	font-weight: 600;
}

.hi-icon-effect i.fa:hover {
	background:#fff;
	color: #1BBD36;
	-webkit-transition: color 300ms, background-color 300ms;
  -moz-transition: color 300ms, background-color 300ms;
  -o-transition:  color 300ms, background-color 300ms;
  transition:  color 300ms, background-color 300ms;
}

#partner {
  background:#ffffff;
  background-size: cover;
}

#partner {
  color: #206BAB;
  text-align: center;
/*   padding:30px; */
}

#partner h2 {
  color: #206BAB;
  font-size:20px;
  font-weight:600;
}
#partner h3 {
  color: #206BAB;
  font-size:30px;
  font-weight:600;
}
#partner p {
  color: #fff;
  font-size:20px;
  
}

.partners ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.partners ul li{
  display: inline-block;
  float: left;
  width: 20%;
}

.partners ul li a img {
	margin-top:30px;
}

#conatcat-info{
  background: #fff url(../images/contact.png) no-repeat 90% 0;
  padding: 30px 0;
}

.contact-info i{
  width: 60px;
  height: 60px;
  font-size: 40px;
  line-height: 60px;
  color: #fff;
  background: #000;
  text-align: center;
  border-radius: 6px;
}

.contact-info h2{
  margin-top: 0;
  color: #000;
}

.contact-info{
  color:#000;
}

/* --- about us --- */
.aboutusguru {
	padding:0px;
}

.aboutus img {
	border-radius:6px;
}

.aboutus h3 {
	margin-bottom:30px;
	font-weight:300;
}
.aboutus h3 {
font-family: "Source Sans Pro", "Helvetica Neue", "Lucida Grande", sans-serif;
font-size: 16px;
line-height: 1.6em;

	}	
.aboutus h3{
color: black;
text-align: justify;
	}	

.aboutus h2 {
	font-size: 24px;
	margin-top:10px;
	margin-bottom:10px;
	font-weight:300;
}

.aboutus h4 {
	margin-top:30px;
	margin-bottom:30px;
	font-weight:700;
}

.skill h2{
	margin-top:-10px;
	margin-bottom: 25px;
}

.progress-wrap{
  position: relative;
}

.progress .color1,
.progress .color1 .bar-width{
  background: #2d7da4;
}

.progress .color2,
.progress .color2 .bar-width{
  background: #6aa42f;
}

.progress .color3,
.progress .color3 .bar-width{
  background: #ffcc33;
}

.progress .color4,
.progress .color4 .bar-width{
  background: #db3615;
}

.progress, 
.progress-bar {
  height: 15px;
  line-height: 15px;
  background: #e6e6e6;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  overflow: visible;
  text-align: right;
}

.progress{
  position: relative;
}

.progress .bar-width{
  position: absolute;
  width: 40px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-size: 12px;
  font-weight: 700;
  top: -30px;
  border-radius: 2px;
  margin-left: -30px;
}

.progress span{
  position: relative;
}

.progress span:before{
  content: " ";
  position: absolute;
  width: auto;
  height: auto;
  border-width: 8px 5px;
  border-style: solid;
  bottom: -15px;
  right: 8px;
}

.progress .color1 span:before{
  border-color: #2d7da4 transparent transparent transparent;
}

.progress .color2 span:before{
  border-color: #6aa42f transparent transparent transparent;
}

.progress .color3 span:before{
  border-color: #ffcc33 transparent transparent transparent;
}

.progress .color4 span:before{
  border-color: #db3615 transparent transparent transparent;
}


.about {
	background:#eee;
	padding:50px;
}

.about h2 {
	margin-bottom:30px;
}

.about img {
	margin-bottom:30px;
	border-radius:6px;
}

.our-team {
	padding:50px;
	background:#ddd;
}

.our-team h3 {
	margin-bottom:30px;
	font-weight:800;
}

.our-team h4 {
	margin-top:20px;
	margin-bottom:20px;
	font-weight:600;
}

.our-team img{
	border-radius:6px;
	margin-top:30px;
}

.lates {
	padding:50px;
}

.lates h2 {
	font-size:20px;
	font-weight:600;
	color:#333;
}

.lates img {
	margin-top:30px;
	border-radius:5px;
}

/* --- footer --- */
.footer {
	background:#206BAB;
	padding:2px;
}

/* ul.social-network {
	list-style:none;
	margin-top:20px;	
	padding:10px;
	transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

ul.social-network li {
	display:inline;
	margin: 0 18px;	
	font-size:25px;	
}

ul.social-network li a {	
	color:#d0d0d0;	
}
.social-network li:hover .fa-twitter {
  color: #00abf0;
}
.social-network li:hover .fa-facebook {
  color: #39579a;
}
.social-network li:hover .fa-google-plus {
  color: #eb8984;
}
.social-network li:hover .fa-pinterest {
  color: #c9171e; 
}
.social-network li:hover .fa-linkedin {
  color: #0077b5; 
}
.social-network li:hover .fa-youtube-play {
  color: #C84941; 
}
.social-network li:hover .fa-dribbble {
  color: #EA4C89 ; 
}
.social-network li:hover .fa-pinterest-square {
  color: #EA4B49; 
} */

.copyright {
	/* margin-top:10px; */
}

.copyright a {
	color:#ffffff;
	/* text-transform:uppercase; */
	font-weight:300;
	font-size:13px;
	text-shadow:none;
	font-family: "Source Sans Pro", "Helvetica Neue", "Lucida Grande", sans-serif;
}

/* --- services --- */
.services {
	padding:50px;
}

.services h3 {
	margin-bottom:30px;
	font-weight:800;
}

.services img {
	border-radius:6px;
}

.sub-services img {
	border-radius:6px;
}

.services p {
	margin-top:30px;
	font-size:13px;
}

.sub-services {
	padding:50px;
	background:#ddd;
}

.sub-services p {
	margin-top:30px;
	font-size:13px;
}

.media-body p {
	margin-bottom:30px;
}

.media ul li {
	list-style:none;
}

.media i {
	color:#206BAB;
	font-size:50px;
}

.media h4 {
	font-size:20px;
	font-weight:600;
	color:#1BBD36;
}

/* --- portfolio --- */

#portfolio .center p {
	margin-top:50px;
	margin-bottom:50px;
	font-size:18px;
}

.portfolio-items, 
.portfolio-filter {
  list-style: none outside none;
  margin: 0 0 40px 0;
  padding: 0;
}

.portfolio-filter > li {
  display: inline-block;
}

.portfolio-filter > li a {
  background: none repeat scroll 0 0 #FFFFFF;
  font-size: 14px;
  font-weight: 400;
  margin-right: 20px;
  text-transform: uppercase;
  transition: all 0.9s ease 0s;
  -moz-transition: all 0.9s ease 0s;
  -webkit-transition: all 0.9s ease 0s;
  -o-transition: all 0.9s ease 0s;
  border: 1px solid #F2F2F2;
  outline: none;
  border-radius: 3px;
}

.portfolio-filter > li a:hover,
.portfolio-filter > li a.active{
  color:#fff;
  background: #1BBD36;
  border: 1px solid #1BBD36;
  box-shadow: none;
  -webkit-box-shadow: none;
}

.portfolio-items > li {
  float: left;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.portfolio-item {
	margin: 0;
	padding:0;
}

.overlay {
	margin-bottom:20px;
}

.overlay a:hover {
	color: #1BBD36;
}

/* Start: Recommended Isotope styles */
/**** Isotope Filtering ****/
.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -ms-transition-property: -ms-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  transition-property: transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}

/* End: Recommended Isotope styles */
/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}


/* --- Map --- */
.map{
	position:relative;
	margin-bottom:40px;
}

.map iframe{
	width:100%;
	height:450px;
	border:none;
}

.map-grid iframe{
	width:100%;
	height:350px;
	border:none;
	margin:0 0 -5px 0;
	padding:0;
}

/* --- blog --- */
#blog {
	margin-top:5px;
}

a.btn-primary:hover {
	background-color:#ddd;
	color:#1BBD36;
}

.widget {
  margin-bottom: 60px;
  padding-left: 0;
}

.single_comments {
  margin-bottom: 20px;
}

.single_comments img {
  float: left;
  margin-right: 10px;
  margin-top: 5px;
}

.single_comments p {
  margin-bottom: 0;
}

.widget .entry-meta span {
  display: inline-block;
  margin-right: 10px;
  color:#333;
}

.widget .entry-meta span a:hover {
	color:#1BBD36;
}

.widget h3 {
  color: #000;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.blog_category{
  list-style:none;
  margin:0;
  padding:0;
}

.blog_category li{
  float:none;
  margin-bottom:20px;
}

.blog_category li a {
  background:#f5f5f5;
  border-radius: 4px;
  color: #888;
  display: inline-block;
  padding: 5px 15px;
}

.blog_category li a:hover{
  background:#1BBD36;
  color: #fff;
}

 .badge:before {
  border-color: transparent transparent transparent #1BBD36;
  border-style: solid;
  border-width: 10px;
  bottom: -8px;
  content: "";
  height: 0;
  left: 5px;
  position: absolute;
  z-index: -99999;
}

.badge {
  background-color: #1BBD36;
  border-radius: 5px;
  color: #fff;
  padding: 8px;
  position: relative;
  left: 60px;
  top: -18px;
  font-weight: normal;
}

.blog_archieve {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}

.blog_archieve li {
  padding: 10px 0;
  border-bottom: 1px solid #f5f5f5;
}

ul.blog_archieve li a:hover{
	color:#1BBD36;
}

.blog_archieve li:first-child {
  padding-top: 0;
}

ul.gallery {
  list-style: none;
  padding: 0;
  margin: 0;
}

ul.gallery li {
  display: block;
  width: 60px;
  padding: 0;
  margin: 0 4px 4px 0;
  float: left;
}

ul.faq {
  list-style: none;
  margin: 0;
}

ul.faq li {
  margin-top: 30px;
}

ul.faq li:first-child {
  margin-top: 0;
}

ul.faq li span.number {
  display: block;
  float: left;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background: #34495e;
  color: #fff;
  font-size: 24px;
}

ul.faq li > div {
  margin-left: 70px;
}

ul.faq li > div h3 {
  margin-top: 0;
}

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.blog-item {
  border-radius: 0;
  overflow: hidden;
  margin-bottom: 50px;
}

.blog .blog-item .img-blog {
  border-radius: 5px;
  margin-bottom: 45px;
}

.blog .blog-item .blog-content {
  padding-bottom: 25px;
}

.blog .blog-item .blog-content h2 {
  margin-top: 0;
  font-size: 30px;
}

.readmore{
  margin-top: 0;
}

.blog .blog-item .blog-content h4 {
	margin-bottom: 40px;
	font-weight: 600
 }

.blog .blog-item .blog-content p {
	font-size: 16px;
	font-weight: 800;
	margin-left: 50px;
}

.blog .blog-item .entry-meta {
  border-radius: 5px;
  overflow: hidden;
}

.blog .blog-item .entry-meta > span {
  background: #f5f5f5;
  border-top: 1px solid #fff;
  display: block;
  font-size: 12px;
  overflow: hidden;
  padding: 5px;
  text-align: left;
}

#publish_date {
  background: #206BAB;
  border-bottom: 5px solid #4e4e4e;
  color: #fff;
  padding: 5px 0;
  text-align: center;
   font-size: 18px;
}

.blog .blog-item .entry-meta > span {
  color: #ccc;
}

.blog .blog-item .entry-meta > span a {
  font-size: 12px;
  margin-left: 3px;
  font-weight: 300;
  color: #888;
}

ul.pagination > li > a {
  border: 1px solid #F1F1F1;
  margin-right:5px;
  border-radius: 5px;
  font-size: 16px;
  padding: 5px 14px;
  color:#1BBD36;
}

ul.pagination > li > a i{
  margin-left:5px;
  margin-right:5px;
}

ul.pagination > li.active > a, 
ul.pagination > li:hover > a {
  background-color: #1BBD36 !important;
  border-color: #1BBD36 !important;
  color: #fff;
}

.search_box {
  background-image: url("../images/search_icon.png");
  background-position: 314px 15px;
  background-repeat: no-repeat;
  border-color: #DEDEDE;
  height: 48px;
  outline: medium none;
  box-shadow: none;
}

.form-control:focus {
  box-shadow:none;
  outline: 0 none;
}

ul.tag-cloud, 
ul.sidebar-gallery {
  list-style: none;
  padding: 0;
  margin: 0;
}

.tag-cloud li{
    display: inline-block;
    margin-bottom: 3px;
}

.tag-cloud li a {
  background: #f5f5f5;
  color: #888;
  border: 0;
  border-radius: 4px;
  padding: 8px 15px;
}

.tag-cloud li a:hover{
  background:#1BBD36;
  color: #fff;  
}

.sidebar-gallery li{
  display: inline-block;
  margin: 0 10px 10px 0;
}

.sidebar-gallery li a {
  border-radius: 4px;
  display: inline-block;
}

/* --- contact --- */
#contact-page{
  padding-top: 0;
  background:#fff;
  margin-bottom:50px;
}

#contact-page .contact-form 
.form-group label {
  color: #4E4E4E;
  font-size: 14px;
  font-weight: 300;
}

.form-group .form-control {
 /*  padding: 7px 12px; */
  border-color:#f2f2f2;
  box-shadow: none;
}

textarea#message{
  resize: none;
  padding: 10px;
}
.form-group input[type=text] {
    width: 100%;
   /*  padding: 12px 20px; */
    font-size: 12px;
    margin: 8px 0;
    color: #206BAB;
    /* display: inline-block; */
   /*  border: 1px solid #ccc; */
    box-sizing: border-box;
}

#contact-page .contact-wrap {
  margin-top: 20px;
}

.center h2{
  font-size: 36px;
  margin-top: 0;
  margin-bottom: 20px;
  text-align:center;
}
.center p{
   text-align:center;
}

.btn-lg:hover {
	color:#1BBD36;
	background:#ddd;
}

a.scrollup{
    color:#fff;
	height:40px;
	width:40px;
	font-size:12px;
	line-height:30px;
	text-align:center;
	text-decoration:none;
	position:fixed;
	bottom:30px;
	right:40px;	
	opacity:0,5;
	border-radius:50%;
	z-index:999;
}
a.scrollup:hover{
	opacity:1;
	background-color:#ddd;
	color:#0080ff;
}
}

.social:hover {
     -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
     -o-transform: scale(1.1);
 }
 .social {
     -webkit-transform: scale(0.8);
     /* Browser Variations: */
     
     -moz-transform: scale(0.8);
     -o-transform: scale(0.8);
     -webkit-transition-duration: 0.5s;
     -moz-transition-duration: 0.5s;
     -o-transition-duration: 0.5s;
 }

/*
    Multicoloured Hover Variations
*/
 
 #social-fb:hover {
     color: #3B5998;
 }
 #social-tw:hover {
     color: #4099FF;
 }
 #social-gp:hover {
     color: #d34836;
 }
 #social-em:hover {
     color: #f39c12;
 }	 
 .slider {
  margin: 10px 0;
  width: 150px; /* Update to your slider width */
  height: 75px; /* Update to your slider height */
  position: relative;
  overflow: hidden;
}

.slider li {
  display: none;
  position: absolute; 
  top: 0; 
  left: 0; 
}
.slider1 {
  margin: 10px 0;
  width: 150px; /* Update to your slider width */
  height: 75px; /* Update to your slider height */
  position: relative;
  overflow: hidden;
}

.slider1 li {
  display: none;
  position: absolute; 
  top: 0; 
  left: 0; 
}
.slider2 {
  margin: 10px 0;
  width: 150px; /* Update to your slider width */
  height: 75px; /* Update to your slider height */
  position: relative;
  overflow: hidden;
}

.slider2 li {
  display: none;
  position: absolute; 
  top: 0; 
  left: 0; 
}
.slider3 {
  margin: 10px 0;
  width: 150px; /* Update to your slider width */
  height: 75px; /* Update to your slider height */
  position: relative;
  overflow: hidden;
}

.slider3 li {
  display: none;
  position: absolute; 
  top: 0; 
  left: 0; 
}
.container-fluid {
  /*     padding: 60px 50px; */
  }
  .bg-grey {
      background-color: #EEEEEE;
  }
  .navbar-nav li a:hover, .navbar-nav li.active a {
      color: #206BAB !important;
      background-color: #d2e9ff!important;
  }
.wrapperrow .hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 3px solid #a7a7a7;
    margin: 0;
    padding: 0;
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 3px solid #a7a7a7;
    margin: 0;
    padding: 1;
}
/* .button {
    width: 200px;
    height: 30px;
    background-color: #ffffff;
    border: solid 2px #0080ff;
    border-radius: 15px
} */
.myButtonpr {
	 width: auto;
     height: auto;
	-moz-box-shadow: 0px 0px 0px 2px #9fb4f2;
	-webkit-box-shadow: 0px 0px 0px 2px #9fb4f2;
	box-shadow: 0px 0px 0px 2px #9fb4f2;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7892c2), color-stop(1, #476e9e));
	background:-moz-linear-gradient(top, #7892c2 5%, #476e9e 100%);
	background:-webkit-linear-gradient(top, #7892c2 5%, #476e9e 100%);
	background:-o-linear-gradient(top, #7892c2 5%, #476e9e 100%);
	background:-ms-linear-gradient(top, #7892c2 5%, #476e9e 100%);
	background:linear-gradient(to bottom, #7892c2 5%, #476e9e 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7892c2', endColorstr='#476e9e',GradientType=0);
	background-color:#7892c2;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:1px solid #4e6096;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:'Helvetica',Arial,sans-serif;
	font-size:16px;
	padding:6px 18px;
	text-decoration:none;
	text-shadow:0px 1px 0px #283966;
}
.myButtonpr:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #476e9e), color-stop(1, #7892c2));
	background:-moz-linear-gradient(top, #476e9e 5%, #7892c2 100%);
	background:-webkit-linear-gradient(top, #476e9e 5%, #7892c2 100%);
	background:-o-linear-gradient(top, #476e9e 5%, #7892c2 100%);
	background:-ms-linear-gradient(top, #476e9e 5%, #7892c2 100%);
	background:linear-gradient(to bottom, #476e9e 5%, #7892c2 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#476e9e', endColorstr='#7892c2',GradientType=0);
	background-color:#476e9e;
}
.myButtonpr:active {
	position:relative;
	top:1px;
}

.myButton {
	 width: auto;
     height: auto;
	-moz-box-shadow: 0px 0px 0px 2px #700000;
	-webkit-box-shadow: 0px 0px 0px 2px #700000;
	box-shadow: 0px 0px 0px 2px #700000;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7892c2), color-stop(1, #600000));
	background:-moz-linear-gradient(top,#800000 5%, #700000 100%);
	background:-webkit-linear-gradient(top, #800000 5%, #700000 100%);
	background:-o-linear-gradient(top, #800000 5%, #700000 100%);
	background:-ms-linear-gradient(top, #800000 5%, #700000 100%);
	background:linear-gradient(to bottom, #800000 5%, #700000 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#800000', endColorstr='#600000',GradientType=0);
	background-color:#600000;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:1px solid #700000;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:"Source Sans Pro", "Helvetica Neue", "Lucida Grande", sans-serif;
	font-size:18px;
	padding:6px 18px;
	text-decoration:none;
	text-shadow:0px 1px 0px #800000;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #ffffff));
	background:-moz-linear-gradient(top, #600000 5%, #600000 100%);
	background:-webkit-linear-gradient(top,#600000 5%, #600000 100%);
	background:-o-linear-gradient(top, #600000 5%, #600000 100%);
	background:-ms-linear-gradient(top, #600000 5%, #600000 100%);
	background:linear-gradient(to bottom, #600000 5%, #600000 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#600000', endColorstr='#600000',GradientType=0);
	background-color:#800000;
}
.myButton:active {
	position:relative;
	top:1px;
}

/* Full-width input fields */
input[type=text], input[type=password] {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    color: #206BAB;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}
/* Extra styles for the cancel button */
.cancelbtn {
    padding: 14px 20px;
    background-color: #f44336;
}

/* -------------------------------------------------- */
		/* Parallax
		/* -------------------------------------------------- */
		
			.parallax { 
				z-index: 0;
				background-color: transparent;
			}
		
			/* BG Overlay Grid  */
		
			.parallax-overlay {
				position: absolute;
				z-index: 0;
				left: 0;
				top: 0;
				margin: 0 auto;
				width: 100%;
				height: 100%;
				background-image: url(../images/bac4.jpg);
				background-repeat: repeat;
			}
			
			#slides .parallax-overlay { z-index: 1; }
			
			/* BG Color for Image Parallax */
		
			.bg-turquoise-color { background-color: #206BAB; }
			.bg-dark-color		{ background-color: #000;    }
			
			/* BG Color */
		
			.bg-gray-color		{ background-color: #f8f8f8; }

			/* BG Image */
		
			.full-bg-image {
				position: absolute;
				z-index: -1;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				background-position: 50% 50%;
				background-repeat: repeat;		
			}
			
			.no-touch .full-bg-image { 
				background-attachment: fixed;
				background-size: cover;
			}
			
			.bg-turquoise-color .full-bg-image {
				opacity: .07;
				filter: alpha(opacity = 7);
			}
			
			.bg-dark-color .full-bg-image {
				opacity: 0.6;
				filter: alpha(opacity = 60);				
			}
		
			.parallax-bg-1 .full-bg-image { background-image: url(../images/bac4.jpg); }
			.parallax-bg-2 .full-bg-image { background-image: url(../images/bac4.jpg); }
			.parallax-bg-3 .full-bg-image { background-image: url(../images/bac4.jpg); }
			.parallax-bg-4 .full-bg-image { background-image: url(../images/bac4.jpg); }
		
			/* Mobile Video Image */
			
			.mobile-video-image .full-bg-image { 
				display: none;
				background-image: url(../images/temp/mobile-video-image.jpg);
			}
			
			.touch .mobile-video-image .full-bg-image { display: block; }
			
			/* Bg Video */
			
			.mbYTP_wrapper { z-index: -2 !important; }
			
	.parallax input[type="text"],
	.parallax input[type="password"],
	.parallax input[type="datetime"],
	.parallax input[type="datetime-local"],
	.parallax input[type="date"],
	.parallax input[type="month"],
	.parallax input[type="time"],
	.parallax input[type="week"],
	.parallax input[type="number"],
	.parallax input[type="email"],
	.parallax input[type="url"],
	.parallax input[type="search"],
	.parallax input[type="tel"],
	.parallax input[type="color"],
	.parallax textarea, 
	.parallax select {
		border-color: #bbb;
		border-color: rgba(207,207,207, .33);
		color: #bbb;
	}
	/* HTML5 Validation Styles for Parallax */	
		
		.parallax .comments-form input:required:valid,
		.parallax .contact-form input:required:valid,
		.parallax .comments-form textarea:required:valid,
		.parallax .contact-form textarea:required:valid { 
			-webkit-box-shadow: 0 0 10px 1px rgba(0,194,169, .7);
					box-shadow: 0 0 10px 1px rgba(0,194,169, .7);
		}
		
		.parallax .comments-form input:focus:invalid,
		.parallax .contact-form input:focus:invalid,
		.parallax .comments-form textarea:focus:invalid,
		.parallax .contact-form textarea:focus:invalid { 
			-webkit-box-shadow: 0 0 10px 1px rgba(226,113,82, .7);
					box-shadow: 0 0 10px 1px rgba(226,113,82, .7);	
		}
		/* -------------------------------------------------- */
		/* Video Full Container
		/* -------------------------------------------------- */	
		
		.video-full-container { 
			display: table;
			width: 100%; 
		}
		
			.video-full-entry {
				display: inline-block;
				padding: 70px 0;
				width: 100%;
			}
			
			.video-full-container > .video-full-entry {
				position: relative;
				display: table-cell;
				margin: auto;
				padding: 115px 0 70px;
				vertical-align: middle;
			}
			
				.video-title {
					margin-bottom: 50px;
					font-size: 80px; 
					font-family: Helvetica,Arial,sans-serif;
					text-transform: uppercase;
				}

				.parallax .video-title { color: #fff; }
				
				.video-full-entry .button { margin: 0 22px 15px; }
				
	video {
    max-width: 100%;
    height: auto;
}
</
				
		/* -------------------------------------------------- */
		
		/* Counter Box
		/* -------------------------------------------------- */			

.counter-box { text-align: center; 
		border: 2px solid #7892c2;
		height: 150px;
		width: 280px;
		margin-top: 20px;
		}
		
.countertext {
    border: 2px solid #206BAB;
    width: 280px;
    height: 150px;
    padding: 5px;
   /*  border: 3px solid white; */
    margin: 0;
}
			.counter {
				display: inline-block;
				/* margin: 1 18px; */
				width: 280px;
				text-align: center;
				font-size: 0;
			}

				.counter .count {
					margin-bottom: 20px;
					height: 150px;
					border: 1px solid #206BAB;
					display: block;
					background-color: #ffffff;
					color: #206BAB;
					font-weight: 300;
					font-size: 46px;
					font-family: "Source Sans Pro", "Helvetica Neue", "Lucida Grande", sans-serif;
					line-height: 145px;
					
					-webkit-border-radius: 4px;
							border-radius: 4px;		
				}

				.counter .details {
					color: #8000ff;
					font-family: "Source Sans Pro", "Helvetica Neue", "Lucida Grande", sans-serif;
				}
				
				.parallax .counter .details { color:#206BAB; }
			/* -------------------------------------------------- */
/* Extra styles for the cancel button */
.cancelbtn {
    padding: 14px 20px;
    background-color: #f44336;
}
.signupbtn {
    padding: 14px 20px;
    background-color: #0080ff;
}
/* Float cancel and signup buttons and add an equal width */
.cancelbtn,.signupbtn {float:left;width:50%}

/* Add padding to container elements */
/* Set a style for all buttons */
button1 {
    background-color: #4CAF50;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 100%;
}

/* Add padding to container elements */
.container1 {
    padding: 16px;
}


/* Full-width input fields */
input[type=text], input[type=password] {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
     color: #206BAB;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}
/* The Modal (background) */

.modal {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: none;
    overflow: auto;
    background-color: #cacaff;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 9999;
}

/*.modal {*/
 /*   display: none; /* Hidden by default */
  /*  position: fixed; /* Stay in place */
 /*   z-index: 1; /* Sit on top */
/*    left: 0;
/*    top: 0;
/*    width: 100%; /* Full width */
 /*   height: 100%; /* Full height */
  /*  overflow: auto; /* Enable scroll if needed */
/*    background-color: rgb(0,0,0); /* Fallback color */
 /*   background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
 /*   padding-top: 60px;
}*/

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 5% auto 15% auto; /* 5% from the top, 15% from the bottom and centered */
    border: 1px solid #888;
    width: 40%; /* Could be more or less, depending on screen size */
}

/* The Close Button (x) */
.close {
    position: absolute;
    right: 1px;
    top: 1px;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: red;
    cursor: pointer;
}

/* Clear floats */
.clearfix::after {
    content: "";
    clear: both;
    display: table;
}


/* Change styles for cancel button and signup button on extra small screens */
/*@media screen {
    .cancelbtn, .signupbtn {
       width: 50%;
    }
}*/
/*.modal {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: none;
    overflow: auto;
    background-color: #000000;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 9999;
}*/

.modal-window {
    position: relative;
    background-color: #FFFFFF;
    width: 50%;
    margin: 10% auto;
    padding: 20px;
}

.modal-window.small {
    width: 30%;
}

.modal-window.large {
    width: 75%;
}

.close {
    position: absolute;
    top: 0;
    right: 0;
    color: rgba(0,0,0,0.3);
    height: 30px;
    width: 30px;
    font-size: 30px;
    line-height: 30px;
    text-align: center;
}

.close:hover,
.close:focus {
    color: #0000ff;
    cursor: pointer;
}

.open {
    display: block;
}
/* ------------- General ------------- */
@font-face {
	font-family: "cs-ctrl-basic";
	src: url("cs-ctrl-basic.eot");
	src: url("cs-ctrl-basic.eot#iefix") format("embedded-opentype"),
			url("cs-ctrl-basic.woff") format("woff"),
			url("cs-ctrl-basic.ttf") format("truetype"),
			url("cs-ctrl-basic.svg#basic") format("svg");
	font-weight: normal;
	font-style: normal;
}

.csslider1 {
  display: inline-block;
  position: relative;
  width: 400px;
  height: 220px;
}
.csslider1,
.csslider1 *,
.csslider1 *:after,
.csslider1 *:before {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.csslider1 > .cs_anchor {
  display: none;
}
.csslider1 > ul {
  position: relative;
  z-index: 1;
  font-size: 0;
  line-height: 0;
  margin: 0 auto;
  padding: 0;
  
  overflow: hidden;
  white-space: nowrap;
}
.csslider1 > ul > .cs_skeleton {
  width: 100%;
  visibility: hidden;
  font-size: 1px;
  line-height: 0;
}

.csslider1 > ul > .slide.img img {
  width: 100%;
}



.csslider1 > ul > .slide.img a {
  font-size: 1pt;
  color: transparent;
}
.csslider1 > ul > .slide {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  font-size: 15px;
  font-size: initial;
  line-height: normal;
  white-space: normal;
  vertical-align: top;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}
.csslider1 .cs_engine{
  position: absolute;
  top: -9999px;
  left: -9999px;
  font-size: 0pt;
  opacity: 0;
  filter: alpha(opacity=0);
}

.csslider1 > ul > li.img,
.csslider1 > .cs_arrowprev,
.csslider1 > .cs_arrownext,
.csslider1 > .cs_bullets,
.csslider1 > .cs_play_pause {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* ------------- /General Styles ------------- */

/* ------------- General Arrows ------------- */
.csslider1 > .cs_arrowprev,
.csslider1 > .cs_arrownext {
  position: absolute;
  top: 50%;
  z-index: 5;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.csslider1 > .cs_arrowprev > label,
.csslider1 > .cs_arrownext > label {
  position: absolute;
  text-decoration: none;
  cursor: pointer;
  opacity: 0;
  z-index: -1;
}
.csslider1 > .cs_arrowprev {
  left: 0;
}
.csslider1 > .cs_arrownext {
  right: 0;
}

.csslider1 > .slide:checked ~ .cs_arrowprev > label,
.csslider1 > .slide:checked ~ .cs_arrownext > label {
  opacity: 0;
  z-index: -1;
}



.csslider1 > #cs_slide1_0:checked ~ .cs_arrowprev > label.num1,
.csslider1 > #cs_pause1_0:checked ~ .cs_arrowprev > label.num1,
.csslider1 > #cs_slide1_0:checked ~ .cs_arrownext > label.num1,
.csslider1 > #cs_pause1_0:checked ~ .cs_arrownext > label.num1, 
.csslider1 > #cs_slide1_1:checked ~ .cs_arrowprev > label.num0,
.csslider1 > #cs_pause1_1:checked ~ .cs_arrowprev > label.num0,
.csslider1 > #cs_slide1_1:checked ~ .cs_arrownext > label.num0,
.csslider1 > #cs_pause1_1:checked ~ .cs_arrownext > label.num0 {
  opacity: 1;
  z-index: 5;
}


@-webkit-keyframes arrow1 {
  0%, 49.99% { opacity: 1; z-index: 5; }
  50%, 100%  { opacity: 0; z-index: -1; }
}
@keyframes arrow1 {
  0%, 49.99% { opacity: 1; z-index: 5; }
  50%, 100%  { opacity: 0; z-index: -1; }
}


.csslider1 > #cs_play1:checked ~ .cs_arrowprev > label.num1,
.csslider1 > #cs_play1:checked ~ .cs_arrownext > label.num1 {
  -webkit-animation: arrow1 16000ms infinite -2000ms;
  animation: arrow1 16000ms infinite -2000ms;
}
.csslider1 > #cs_play1:checked ~ .cs_arrowprev > label.num0,
.csslider1 > #cs_play1:checked ~ .cs_arrownext > label.num0 {
  -webkit-animation: arrow1 16000ms infinite 6000ms;
  animation: arrow1 16000ms infinite 6000ms;
}


.csslider1 > .slide:checked ~ .cs_arrowprev > label,
.csslider1 > .slide:checked ~ .cs_arrownext > label,
.csslider1 > .pause:checked ~ .cs_arrowprev > label,
.csslider1 > .pause:checked ~ .cs_arrownext > label {
  -webkit-animation: none;
  animation: none;
}


/* ------------- /General Arrows ------------- */

/* ------------- General Bullets ------------- */
.csslider1 > .cs_bullets {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 6;
  font-size: 0;
  line-height: 8pt;
  text-align: center;
}
.csslider1 > .cs_bullets > div {
  margin-left: -50%;
  width: 100%;
}
.csslider1 > .cs_bullets > label {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.csslider1 > .cs_bullets > label > .cs_thumb {
  visibility: hidden;
  position: absolute;
  opacity: 0;
  z-index: 1;
  line-height: 0;
  left: -42.5px;
  top: -48px;
}
.csslider1 > .cs_bullets > label > .cs_thumb > img {
  max-width: none;
}
/* ------------- /General Bullets ------------- */

/* ------------- Effect ------------- */

.csslider1 > #cs_slide1_0:checked ~ ul > .slide.num0,
.csslider1 > #cs_pause1_0:checked ~ ul > .slide.num0,
.csslider1 > #cs_slide1_1:checked ~ ul > .slide.num1,
.csslider1 > #cs_pause1_1:checked ~ ul > .slide.num1 {
  opacity: 1;
  z-index: 2;
}

.csslider1 > ul > .slide {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: 1;
  
  -webkit-transition: opacity 2000ms ease;
  transition: opacity 2000ms ease;

  
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}


@-webkit-keyframes fade1 {
  0%, 62.5%, 100%  { opacity: 0; }
  12.5%, 50%  { opacity: 1; }
  0%, 49.999%  { z-index: 2; }
  50.001%, 100%  { z-index: 1; }
}
@keyframes fade1 {
  0%, 62.5%, 100%  { opacity: 0; }
  12.5%, 50%  { opacity: 1; }
  0%, 49.999%  { z-index: 2; }
  50.001%, 100%  { z-index: 1; }
}

.csslider1 > #cs_play1:checked ~ ul > .slide.num0 {
  -webkit-animation: fade1 16000ms infinite -2000ms;
  animation: fade1 16000ms infinite -2000ms;
}
.csslider1 > #cs_play1:checked ~ ul > .slide.num1 {
  -webkit-animation: fade1 16000ms infinite 6000ms;
  animation: fade1 16000ms infinite 6000ms;
}



.csslider1 > #cs_play1:checked ~ ul > .slide,
.csslider1 > .pause:checked ~ ul > .slide {
  -webkit-transition: none;
  transition: none;
}


/* ------------- /Effect ------------- */

/* ------------- Template Show on hover ------------- */
.csslider1 > .cs_play_pause {
  -webkit-transition: .4s all 0s ease;
  transition: .4s all 0s ease;
}
.csslider1 > .cs_arrowprev {
  -webkit-transition: .4s all .15s ease;
  transition: .4s all .15s ease;
}
.csslider1 > .cs_arrownext {
  -webkit-transition: .4s all .3s ease;
  transition: .4s all .3s ease;
}
.csslider1 > .cs_arrowprev,
.csslider1 > .cs_arrownext,
.csslider1 > .cs_play_pause {
  opacity: 0;
  -webkit-transform: translateY(-30px);
  transform: translateY(-30px);
}

.csslider1:hover > .cs_arrowprev,
.csslider1:hover > .cs_arrownext,
.csslider1:hover > .cs_play_pause {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
/* ------------- /Template Show on hover ------------- */

/* ------------- Template Arrows ------------- */
.csslider1 > .cs_arrowprev > label,
.csslider1 > .cs_arrownext > label {
  padding: 17px;
  height: 23px;
  width: 23px;
  margin-top: -28px;
  margin-left: -28px;

  background-color: #400040;

  border-radius: 50%;
}
.csslider1 > .cs_arrowprev > label,
.csslider1 > .cs_arrownext > label,
.csslider1 > .cs_arrowprev > label span:after,
.csslider1 > .cs_arrownext > label span:after {
  -webkit-transition: background-color 0.4s, color 0.4s;
  transition: background-color 0.4s, color 0.4s;
}
.csslider1 > .cs_arrowprev {
  margin-left: 2px;
  left: 45px;
}
.csslider1 > .cs_arrownext {
  margin-right: 2px;
  right: 45px;
}
.csslider1 > .cs_arrowprev > label span,
.csslider1 > .cs_arrownext > label span {
  display: block;
  color: #3A4A5A;
}
.csslider1 > .cs_arrowprev > label span:after,
.csslider1 > .cs_arrownext > label span:after {
  display: block;
  font: 21px "cs-ctrl-basic";
  line-height: 23px;
  text-align: center;
}
/* IE10+ hack */
_:-ms-input-placeholder, :root .csslider1 > .cs_arrowprev > label span:after {
  line-height: 29px;
}
_:-ms-input-placeholder, :root .csslider1 > .cs_arrownext > label span:after {
  line-height: 29px;
}

.csslider1 > .cs_arrowprev > label span:after {
  content: '\e800';
}
.csslider1 > .cs_arrownext > label span:after {
  content: '\e801';
}

.csslider1 > .cs_arrowprev:hover > label,
.csslider1 > .cs_arrownext:hover > label {
  background-color: #e5f6fe;
}

.csslider1 > .cs_arrownext:hover > label span {
  color: #000;
  -webkit-animation: nextArrow1 .7s infinite ease-in-out;
  animation: nextArrow1 .7s infinite ease-in-out;
}
.csslider1 > .cs_arrowprev:hover > label span {
  color: #000;
  -webkit-animation: prevArrow1 .7s infinite ease-in-out;
  animation: prevArrow1 .7s infinite ease-in-out;
}


@keyframes nextArrow1 {
  0%, 100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
  25% {
    -webkit-transform: translateX(2px);
    transform: translateX(2px);
  }
  75% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
}
@-webkit-keyframes nextArrow1 {
  0%, 100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
  25% {
    -webkit-transform: translateX(2px);
    transform: translateX(2px);
  }
  75% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
}

@-webkit-keyframes prevArrow1 {
  0%, 100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
  25% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  75% {
    -webkit-transform: translateX(2px);
    transform: translateX(2px);
  }
}
@keyframes prevArrow1 {
  0%, 100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
  25% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  75% {
    -webkit-transform: translateX(2px);
    transform: translateX(2px);
  }
}
/* ------------- /Template Arrows ------------- */

/* ------------- Template Bullets ------------- */
.csslider1 > .cs_bullets {
  bottom: 5px;
  margin-bottom: 5px;
}
.csslider1 > .cs_bullets > label {
  border-radius: 50%;
  margin: 0 5px;
  padding: 9px;
  background: #CBECFD;
}




.csslider1 > .cs_bullets > label > .cs_point {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -2px;
  margin-top: -2px;
  background: transparent;
  border-radius: 50%;
  padding: 2px;
}

.csslider1 > .cs_bullets > label:hover > .cs_point,

.csslider1 > #cs_slide1_0:checked ~ .cs_bullets > label.num0 > .cs_point,
.csslider1 > #cs_pause1_0:checked ~ .cs_bullets > label.num0 > .cs_point,
.csslider1 > #cs_slide1_1:checked ~ .cs_bullets > label.num1 > .cs_point,
.csslider1 > #cs_pause1_1:checked ~ .cs_bullets > label.num1 > .cs_point {
  background: #3A4A5A;
}




@keyframes bullet1 {
  0%, 49.99%  { background: #3A4A5A; }
  50%, 100% { background: transparent; }
}
@-webkit-keyframes bullet1 {
  0%, 49.99%  { background: #3A4A5A; }
  50%, 100% { background: transparent; }
}

.csslider1 > #cs_play1:checked ~ .cs_bullets > label.num0 > .cs_point,
.csslider1 > #cs_pause1:checked ~ .cs_bullets > label.num0 > .cs_point {
  -webkit-animation: bullet1 16000ms infinite -2000ms;
  animation: bullet1 16000ms infinite -2000ms;
}
.csslider1 > #cs_play1:checked ~ .cs_bullets > label.num1 > .cs_point,
.csslider1 > #cs_pause1:checked ~ .cs_bullets > label.num1 > .cs_point {
  -webkit-animation: bullet1 16000ms infinite 6000ms;
  animation: bullet1 16000ms infinite 6000ms;
}



.csslider1 > #cs_play1:checked ~ .cs_bullets > label > .cs_point,
.csslider1 > .pause:checked ~ .cs_bullets > label > .cs_point {
  -webkit-transition: none;
  transition: none;
}


.csslider1 > .slide:checked ~ .cs_bullets > label > .cs_point,
.csslider1 > .pause:checked ~ .cs_bullets > label > .cs_point {
  -webkit-animation: none;
  animation: none;
}


/* ------------- Template /Bullets ------------- */
/* hide description & bullets on mobile devices lines 1708 to 222 css slider*/
@media
only screen and (max-width: 480px),
only screen and (-webkit-max-device-pixel-ratio: 2)      and (max-width: 480px),
only screen and (   max--moz-device-pixel-ratio: 2)      and (max-width: 480px),
only screen and (     -o-max-device-pixel-ratio: 2/1)    and (max-width: 480px),
only screen and (        max-device-pixel-ratio: 2)      and (max-width: 480px),
only screen and (                max-resolution: 192dpi) and (max-width: 480px),
only screen and (                max-resolution: 2dppx)  and (max-width: 480px) { 
  .csslider1 > .cs_description,
  .csslider1 > .cs_bullets {
    display: none;
  }
}
/* -------------------------------------------------- */
/* Pricing Tables
/* -------------------------------------------------- */	

		.simple-pricing-table { font-size: 0; }
		
		.safari .simple-pricing-table { 
			display: table;
			width: 100%;
		}
		
			.simple-pricing-table * {
				-webkit-transition: all .25s ease;
						transition: all .25s ease;
			}

			.simple-pricing-table .column {
				display: inline-block;
				margin-left: -1px;
				margin-top: -1px;
				width: 25%;
				border: 1px solid #cfcfcf;
				background-color: #fff;
				text-align: center;

				-webkit-border-radius: 3px;
						border-radius: 3px;
			}
			
			.simple-pricing-table.col-2 .column { width: 50%; }
			.simple-pricing-table.col-3 .column { width: 33.33333333333333%; }
			.simple-pricing-table.col-4 .column { width: 25%; }
			
			.simple-pricing-table .column:hover,
			.simple-pricing-table .featured {
				z-index: 2;
				border-color: transparent;
				background-color: #206BAB;
				
				-webkit-transform: scale(1);
						transform: scale(1);
					/* 	text-decoration: none; */
			}
			
			.animated .simple-pricing-table .column:hover {
				z-index: 2;
				-webkit-transform: scale(1);
						transform: scale(1);
					/* 	text-decoration: none;	 */	
			}

				.simple-pricing-table .title {
				/* 	margin: 10px; */
					/* margin-left: 50px; */
				/* 	padding: 25px 5px; */
				/* 	text-transform: uppercase; */
					font-weight: 300;
					color: #206BAB;
					font-size: 25px;
					font-family:"Source Sans Pro", "Helvetica Neue", "Lucida Grande", sans-serif;
					text-align: center;
				}
				
				.simple-pricing-table .column:hover .title,
				.simple-pricing-table .featured .title { color: #fff; }

				.simple-pricing-table .price {
					 padding: 28px 0 15px;
					border-top: 1px solid #e7e7e7;
					background-color: #e6e6e6;
					border-bottom: 1px solid #e7e7e7;
				}
				
				.simple-pricing-table .column:hover .price,
				.simple-pricing-table .featured .price {
					border-color: #fff;
					background-color: #206BAB;
				}

					.simple-pricing-table .cost { 
						margin: 0;
						font-weight: 300; 
						font-size: 36px;
						line-height: .7em;
						font-family:"Source Sans Pro", "Helvetica Neue", "Lucida Grande", sans-serif;
					}
					
					.simple-pricing-table .column:hover .cost,
					.simple-pricing-table .featured .cost { color: #fff; }

					.simple-pricing-table .description {
						color: #000000;
						text-transform: uppercase;
						font-weight: 300;
						font-size: 16px;
						font-family:"Source Sans Pro", "Helvetica Neue", "Lucida Grande", sans-serif;
					}
					
					.simple-pricing-table .column:hover .description,
					.simple-pricing-table .featured .description { color: #ffffff; }

				/* .simple-pricing-table .features { padding: 0 5px; }	 */

					.simple-pricing-table .features li {
						position: relative;
					/* 	padding: 5px 20px; */
						/* border-top: 1px solid #000040; */
						font-weight: 300;
						font-size: 16px;
						/* font-size: 14px; */
						color:#333;
						font-family:"Source Sans Pro", "Helvetica Neue", "Lucida Grande", sans-serif;
					}
					
					.simple-pricing-table .features li:first-child { border: none; }

					.simple-pricing-table .column:hover .features li,
					.simple-pricing-table .featured .features li {
						border-top-color: #206BAB;
						color: #fff;
					}
					
				.simple-pricing-table .footerprice { 
				/* 	padding: 30px 0; */
					border-top: 3px solid #e9e9e9;
					background-color: #fcfcfc;
					
					-webkit-border-radius: 0 0 6px 6px;
							border-radius: 0 0 6px 6px;
				}
				
				.simple-pricing-table .column:hover .footerprice,
				.simple-pricing-table .featured .footerprice {
					border-top-color: #206BAB;
					background-color: #206BAB;
				}

					.simple-pricing-table .button { margin: 0; }
					
					.simple-pricing-table .column:hover .button,
					.simple-pricing-table .featured .button {
						border-color: transparent;
						background-color: #fff;
						color: #206BAB;
					}
/* ---------------------------------------------------------------------- */
#header {
	/* position: fixed; */
	top: 0;
	left: 0;
	z-index: 99;
	width: 100%;
	border-bottom: 2px solid #ececec;
	background-color: #fff;
	line-height: 0;
	
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-webkit-transition: background-color .25s ease, height .25s ease;
			transition: background-color .25s ease, height .25s ease;
}

.home #header, #header.header-shrink { border-bottom-width: 0; }

#header.transparent   { background-color: transparent; }
#header.header-shrink { background-color: #c0c0c0;     }

	.header-in {
		margin: 0 auto;
		width: 90%;
		text-align: center;
	}
	
	.not-ie .header-in { font: 0/0 a; }
	
	@media screen and (min-width: 0\0) {
		.not-ie .header-in {
			font-size: 34px;
			transition: height .25s ease;
		}
	}
	
	.ie8 .header-shrink .header-in { font-size: 26px; }

	.header-in:after {
		display: inline-block;
		width: 100%;
		vertical-align: top;
		content: "";
	}	
/*Page*/
.page { width: 100%; }
	
		.section {
			position: relative;
			overflow: hidden;
			width: 100%;
			z-index: 2;
			padding: 50px 0;
			background-color: #fff;
		}
			
		.padding-top-off      { padding-top: 0; }
		.padding-bottom-off   { padding-bottom: 0; }
		.padding-off		  { padding: 0; }
		.padding-top-half-off { padding-top: 50px; }

		.border { border-bottom: 2px solid #ececec; }
		
		/* -------------------------------------------------- */
		/* Slogan Title Group
		/* -------------------------------------------------- */
		
		.section-title {
			position: relative;
			margin-bottom: 70px;
			padding-bottom: 15px;
		}
		
		.section-title:after {
			position: absolute;
			bottom: 0;
			left: 50%;
			margin-left: -7%;
			width: 14%;
			height: 2px;
			background-color: #ececec;
			content: "";
		}

			.section-title h1 {
				margin-bottom: 10px;
				color: #00c2a9;
				text-transform: uppercase;
				font-weight: 100;
				font-size: 60px;
				line-height: 1.1em;
			}

			.section-title h2 {
				text-transform: uppercase;
				font-weight: 300;
			}
		
	/*	Footer
/* ---------------------------------------------------------------------- */

/* #footer {
	position: relative;
	z-index: 1;
	color: #a0a0a0;
}

.page-template #footer { background-color: #fafafa; }

	#footer .section { 
		position: static;
		background-color: rgba(0,0,0,.7);
	}

	.ie8 #footer .section {
		background-image: url(../images/overlay-ie-footer.png);
		background-repeat: repeat;
	}
	
		#footer p { color: #a0a0a0; }
 */
	/* -------------------------------------------------- */
	/*	Widgets
	/* -------------------------------------------------- */

	#footerprice .widget { margin-bottom: 25px; }

	/* -------------------------------------------------- */
	/*	Logo In Footer
	/* -------------------------------------------------- */

	.logo-in-footer {
		padding: 68px 0;
		border-top: 1px solid #2c2a2e;
		border-top: 1px solid rgba(207,207,207, .12);
		background-color: rgba(0,0,0,.8);
		text-align: center;
	}
	
	.ie8 .logo-in-footer {
		background-image: url(../images/overlay-ie-logo-footer.png);
		background-repeat: repeat;
	}
	
		.logo-in-footer h1 { 
			margin-bottom: 0;
			font-size: 100px; 
			font-family: "Source Sans Pro", "Helvetica Neue", "Lucida Grande", sans-serif;
		}
		
			.logo-in-footer a {
				color: #252525;
				color: rgba(255,255,255, .1);
				text-transform: uppercase;
			}
			
	/* -------------------------------------------------- */
	/*	Bottom Footer
	/* -------------------------------------------------- */	
	
	.bottom-footer {
		padding: 37px 0;
		border-width: 1px;
		border-style: solid;
		border-color: #2c2a2e;
		border-color: rgba(207,207,207, .12);
		background-color: rgba(0,0,0,.95);
		color: #4b4b4c;
	}
	
	.ie8 .bottom-footer {
		background-image: url(../images/overlay-ie-bottom-footer.png);
		background-repeat: repeat;
	}
	
	.page-template .bottom-footer {
		border-color: #ececec;
		background-color: #fafafa;
		color: #777;
	}

		.copyright { font-size: 12px; }
		.developed { font-size: 11px; }

			.copyright a,
			.developed a { color: #00c2a9; }
.aboutus ul, li {
    margin: 10px;
/*     padding: 3px; */
    border: 2px;
    outline: 2px;
    color: #000000;
    /*  text-align: justify;*/
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

/* Timeline */

.timeline {
    list-style: none;
    /* padding: 10px 0 10px; */
    position: relative;
}

    .timeline:before {
        top: 0;
        bottom: 0;
        position: absolute;
        content: " ";
        width: 3px;
        background-color: #eeeeee;
        left: 50%;
        margin-left: -1.5px;
    }

    .timeline > li {
        margin-bottom: 20px;
        position: relative;
    }

        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li > .timeline-panel {
            width: 46%;
            float: left;
            border: 1px solid #d4d4d4;
            border-radius: 2px;
            padding: 20px;
            position: relative;
            -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
            box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
        }

            .timeline > li > .timeline-panel:before {
                position: absolute;
                top: 26px;
                right: -15px;
                display: inline-block;
                border-top: 15px solid transparent;
                border-left: 15px solid #ccc;
                border-right: 0 solid #ccc;
                border-bottom: 15px solid transparent;
                content: " ";
            }

            .timeline > li > .timeline-panel:after {
                position: absolute;
                top: 27px;
                right: -14px;
                display: inline-block;
                border-top: 14px solid transparent;
                border-left: 14px solid #fff;
                border-right: 0 solid #fff;
                border-bottom: 14px solid transparent;
                content: " ";
            }

        .timeline > li > .timeline-badge {
            color: #fff;
            width: 50px;
            height: 50px;
            line-height: 50px;
            font-size: 1.4em;
            text-align: center;
            position: absolute;
            top: 16px;
            left: 50%;
            margin-left: -25px;
            background-color: #999999;
            z-index: 100;
            border-top-right-radius: 50%;
            border-top-left-radius: 50%;
            border-bottom-right-radius: 50%;
            border-bottom-left-radius: 50%;
        }

        .timeline > li.timeline-inverted > .timeline-panel {
            float: right;
        }

            .timeline > li.timeline-inverted > .timeline-panel:before {
                border-left-width: 0;
                border-right-width: 15px;
                left: -15px;
                right: auto;
            }

            .timeline > li.timeline-inverted > .timeline-panel:after {
                border-left-width: 0;
                border-right-width: 14px;
                left: -14px;
                right: auto;
            }

.timeline-badge.primary {
    background-color: #2e6da4 !important;
}

.timeline-badge.success {
    background-color: #3f903f !important;
}

.timeline-badge.warning {
    background-color: #f0ad4e !important;
}

.timeline-badge.danger {
    background-color: #d9534f !important;
}

.timeline-badge.info {
    background-color: #5bc0de !important;
}

.timeline-title {
    margin-top: 0;
    color: inherit;
}

.timeline-body > p,
.timeline-body > ul {
    margin-bottom: 0;
}

    .timeline-body > p + p {
        margin-top: 5px;
    }

@media (max-width: 767px) {
    ul.timeline:before {
        left: 40px;
    }

    ul.timeline > li > .timeline-panel {
        width: calc(100% - 90px);
        width: -moz-calc(100% - 90px);
        width: -webkit-calc(100% - 90px);
    }

    ul.timeline > li > .timeline-badge {
        left: 15px;
        margin-left: 0;
        top: 16px;
    }

    ul.timeline > li > .timeline-panel {
        float: right;
    }

        ul.timeline > li > .timeline-panel:before {
            border-left-width: 0;
            border-right-width: 15px;
            left: -15px;
            right: auto;
        }

        ul.timeline > li > .timeline-panel:after {
            border-left-width: 0;
            border-right-width: 14px;
            left: -14px;
            right: auto;
        }
}
 /* Style the container with a rounded border, grey background and some padding and margin */
.containerguru {
    border: 1px solid #ffffff;
    background-color: #ffffff;
    border-radius: 5px;
    padding: 10px;
    margin: 10px 0;
}

.row-guru {
	margin-right: 100px;
	margin-left: 20px;
}
/* Clear floats after containers */
.containerguru::after {
    content: "";
    clear: both;
    display: table;
}

/* Float images inside the container to the left. Add a right margin, and style the image as a circle */
.containerguru img {
    float: left;
    margin-right: 20px;
    border-radius: 50%;
}

/* Increase the font-size of a span element */
.containerguru span {
    font-size: 20px;
    margin-right: 15px;
}

/* Add media queries for responsiveness. This will center both the text and the image inside the container */
@media (max-width: 500px) {
  .containerguru {
    text-align: center;
  }

  .containerguru img {
    margin: auto;
    float: none;
    display: block;
  }
}
.aboutus-guru {
background-image: url("../images/namaskar.gif");	
background-position-x:50%;
background-position-y:50%;
background-repeat: no-repeat;
background-size:50%;
/* background-repeat-x:initial;
background-repeat-y:initial; */
background-attachment: initial;
backgroud-origin: initial;
background-clip:initial;
background-color: initial; 
}
}
/*Social Network*/
.fa {
  padding: 20px;
  font-size: 30px;
  width: 30px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
  border-radius: 50%;
}

.fa:hover {
    opacity: 0.7;
}

.fa-facebook {
  background: #3B5998;
  color: white;
}

.fa-twitter {
  background: #55ACEE;
  color: white;
}

.fa-google {
  background: #dd4b39;
  color: white;
}

.fa-linkedin {
  background: #007bb5;
  color: white;
}

.fa-youtube {
  background: #bb0000;
  color: white;
}

.fa-instagram {
  background: #125688;
  color: white;
}

.fa-pinterest {
  background: #cb2027;
  color: white;
}

.fa-snapchat-ghost {
  background: #fffc00;
  color: white;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.fa-skype {
  background: #00aff0;
  color: white;
}

.fa-android {
  background: #a4c639;
  color: white;
}

.fa-dribbble {
  background: #ea4c89;
  color: white;
}

.fa-vimeo {
  background: #45bbff;
  color: white;
}

.fa-tumblr {
  background: #2c4762;
  color: white;
}

.fa-vine {
  background: #00b489;
  color: white;
}

.fa-foursquare {
  background: #45bbff;
  color: white;
}

.fa-stumbleupon {
  background: #eb4924;
  color: white;
}

.fa-flickr {
  background: #f40083;
  color: white;
}

.fa-yahoo {
  background: #430297;
  color: white;
}

.fa-soundcloud {
  background: #ff5500;
  color: white;
}

.fa-reddit {
  background: #ff5700;
  color: white;
}

.fa-rss {
  background: #ff6600;
  color: white;
}
.mySlides {display:none;}