@import url(https://fonts.googleapis.com/css?family=Oxygen:400,700,300);
@import url(https://fonts.googleapis.com/css?family=Lato:400,400italic,700,300italic,300,900,700italic,900italic);

body{ font-family:oxygen;}
section{ margin:10px 0;}
.page-header{ margin:0;}
.brand{ width:100%; text-align:center;}
.brand img{ width:100%; max-width:140px; text-align:center; margin:10px auto 0 auto ; }
.navbar-default {
    background-color:#FFF;
    border-color:#FFF;
}
.navbar-default .navbar-nav > .active > a{ background-color:#fff; }
.navbar-default .navbar-nav > li > a:hover { background-color:#10a36a; color:#fff; border-radius: 8px; padding-bottom:10px; padding-top:10px;}
.navbar-default .navbar-nav > .active > a:hover{ background-color:#10a36a; color:#fff;}

.navbar-default .navbar-nav > .current-menu-item > a{ background-color:#10a36a;     color: #fff;
    border-radius: 8px;
    padding-bottom: 10px;
    padding-top: 10px;}
#overlay {
position: relative;
margin-top:-65px;
}
.content p{ font-size:18px;}

.inner p
{
	margin-bottom: 10px;
   /*  color: #515151; */
       color: #333;
    font-size: 17px;
    padding: 10px 0;
   /*  font-weight: 200; */
}
.page-template-default .inner p {
    padding: 0px 0;
}
#overlay{background-image:url(../images/profile-bg.jpg);}
#overlay img
{
	padding: 0 10px;
	  border-radius: 20px;
	  margin:0 auto;
		}
#overlay h3 {
   position: absolute;
    bottom: 20px;
    text-align: center;
    margin: 0px auto;
    float: right;
    vertical-align: middle;
    left: 0;
    right: 0;
}	
#overlay p {
    position: absolute;
    bottom: 1%;
    text-align: center;
    float: none;
    left: 35%;
    margin: 0;
}	
body.single .product1 ul
{
list-style:circle;
    margin-top: 25px;
    font-size: 17px;
    margin-bottom: 25px;
    padding-left: 18px;
	    display: inline-block;
}
body p
{
	    margin-bottom: 10px;
}
.content .left{ float:left; width:40%;}
.product1{ font-size:17px;}
.product1 .left{ float:left; width:50%;}
.content .right{ float:right; width:55%; margin-top: 20px;}
.product1 .right{ float:right; width:50%; margin-top: 20px;}
.content .right a{ padding:10px; border:1px solid #10a36b; border-radius:8px; float:right; color:#10a36b;}
.mm h2{ 
    font-size: 24px;
}
.btn-info {
    color:#0c7d52;
    background-color: #fff;
    border-color: #10a36b;
	float:right;
}
.hide-content{ width:100%; float:left; text-align:justify;}
#explore{ padding-top:20px; padding-bottom: 50px;}
.hide-content button{
    margin-top: -17px;
}

.collapse p{  } 
.btn-info:hover {
    color: #fff;
    background-color:#10a36b;
    border-color:#0c7d52;
}
.btn-info:focus {
    color: #fff;
    background-color:#10a36b;
    border-color:#0c7d52;
}
 .btn-info:active:hover {
    color: #fff;
    background-color:none;
    border-color:#0c7d52;
}
.btn-info:active{
    color: #fff;
    background-color:none;
    border-color:#0c7d52;
}
.content .right button{ margin-top:20px;}
.content{ margin-bottom:30px;}
.content .right-content{width: 100%;
    margin: 0 auto;
	text-align:justify;}
	.product1 {
    float: left;
    width: 100%;
	margin: 40px 0;
}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn:active:focus, .btn:focus {
    outline: none;
    outline-offset: 0px;
}
.product1 .left img{border:2px solid #cccccc; margin: 0 auto;
    width: 85%;}
	.product1 .right h2 {
    border-bottom: 2px solid rgb(28, 187, 180);
    color: rgb(28, 187, 180);
    margin-bottom: 20px;
    padding-bottom: 10px;
}

.product1  h2 {

    color: rgb(28, 187, 180);
    margin-bottom: 20px;
    padding-bottom: 0px;
	clear: none;
}
.product1 hr
{
	    border-bottom: 2px solid rgb(28, 187, 180);
}

.product1  .container img {
	    margin-bottom: 10px;
float:left;
margin-right:25px;
}
.product1 .right-content{width: 100%;
    margin: 0 auto;
	text-align:justify;}	
	.content .right h2{ border-bottom: 2px solid #1cbbb4;
    color: #1cbbb4;
	margin-bottom:20px;
	padding-bottom: 10px;
	}
	.contact-us .form{background-color:#007048;  border-radius: 8px; margin-bottom: 45px; }
	.subfooter h2 {
    padding: 35px 0 10px;
	color:#edff00;
}
.modules{ width:100%; float:left; border-top:1px solid #037872;}
.modules h2{margin: 50px;
    text-align: center; color:#037872;}
	.modules a{ text-align:center; padding:10px 40px;  border:3px solid #037872; color:#037872; border-radius:8px; display: block;
    margin: 0 auto; width:78%;}
	.modules a:hover{ background:#037872;}
	.modules {
    padding-bottom: 40px;
}

.mm h2 {
    padding: 35px 0 10px;
	color:#edff00;
}
/* 	.contact-us form{
padding: 23px 40px 0px 40px;
    border-radius: 8px;
    overflow: hidden;
	} */
	.contact-us form {
    padding: 42px 40px 42px 40px;
    border-radius: 8px;
    overflow: hidden;
}
	a:focus, a:hover {
    color: #fff;
    text-decoration: none;
}
.ninja-forms-required-items
{
	color:#fff;
}
a:active, a:hover {
    outline:none;
}
.navbar-nav {
    float: none;
    margin: 0px;
    text-align: center;
}
.navbar-nav > li {
    float: none;
    display: inline;
    text-align: center;
	position:relative;
}


ul.sub-menu li
{
	    padding: 5px 2px;
}
ul.sub-menu li a
{
color:#fff;
}

.navbar-nav li:hover ul.sub-menu {
	display:block;
}
.form-control{ border-radius:8px;}
.nav > li > a { display:inline-block;}
.navbar { margin-bottom:0; margin-top:10px;}
.about{ background-image:url(../images/bg.jpg); float:left;}
.about h1{text-align:center; padding-top: 50px; margin: 0px; color:#edff00}
.main p{text-align:center; width:52%; margin:0 auto; padding:20px 0px 55px; color:#edff00;}

/*These styles contain basic styles for fomatting along with our animation css*/
.subject h3{ color:#edff00; text-align: center;}
i.fa {
  color: #333;
}


*,
*:before,
*:after {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
/*clearfixes*/

.cf:before,
.cf:after {
  content: " ";
  display: table;
}

.cf:after {
  clear: both;
}

.main-container {
 
  position: relative;
}

.container {
  position: relative;
 
}

.container:last-of-type {
  padding-top: 0px;
}
/*animation element*/

.animation-element {
  position: relative;
  width: 30%;
  margin: 0% 1.33 2.66% 1.33%;
  float: left;
}
.animation-element {
  width:100%;
   clear: left;
}

/*bounce up animation for the subject*/

.bounce-up .subject {
  opacity: 0;
  -moz-transition: all 700ms ease-out;
  -webkit-transition: all 700ms ease-out;
  -o-transition: all 700ms ease-out;
  transition: all 700ms ease-out;
  -moz-transform: translate3d(0px, 200px, 0px);
  -webkit-transform: translate3d(0px, 200px, 0px);
  -o-transform: translate(0px, 200px);
  -ms-transform: translate(0px, 200px);
  transform: translate3d(0px, 200, 0px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

.bounce-up.in-view .subject {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

.subject {
  float: left;
  width: 100%;
  margin: 0% 1.33% 2.66% 1.33%;
  
  padding: 15px;
  
}

.subject:hover,
.subject:active {
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.25);
}

.subject .header {
  margin: 8px 0px;
}

.subject .header .date,
.subject .header .category {
  margin: 0px;
  clear: none;
  width: 50%;
}

.subject .header .date i,
.subject .header .category i {
  margin-right: 5px;
  color: #333;
  -moz-transition: all 400ms linear;
  -webkit-transition: all 400ms linear;
  -o-transition: all 400ms linear;
  transition: all 400ms linear;
}

.subject .header .date {
  float: left;
  text-align: left;
}

.subject .header .category {
  float: right;
  text-align: right;
}
/*subject icon at top*/

.subject .icon {
  position: absolute;
  top: -20px;
  left: 50%;
  left: calc(50% - 20px);
}

.subject .icon i {
  width: 40px;
  height: 40px;
  color: rgb(255, 255, 255);
  font-size: 150%;
  border-radius: 50%;
  text-align: center;
  padding: 7px;
}
/*Category color / icon color*/

.subject .category-color {
  height: 7px;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
}

.subject.design .category-color,
.subject.design .icon i {
  background: #c0392b;
}

.subject.development .category-color,
.subject.development .icon i {
  background: #16a085;
}

.subject.photography .category-color,
.subject.photography .icon i {
  background: #2980b9;
}
/*hovering over subject*/

.subject.development:hover .header i {
  color: #16a085;
}

.subject.design:hover .header i {
  color: #c0392b;
}

.subject.photography:hover .header i {
  color: #2980b9;
}

.subject .title {
  margin: 12px 0px;
  border-bottom: dashed 1px #ccc;
  padding-bottom: 10px;
}

.subject .content {
  margin-bottom: 8px;
  color:#fff;
  font-size:15px;
  min-height:63px;
}

.subject .enrole {
  position: relative;
  color: #fff;
  padding: 5px 12px;
  cursor: pointer;
  float: right;
  display: inline-block;
  border: solid 1px #ccc;
  -moz-transition: all 400ms linear;
  -webkit-transition: all 400ms linear;
  -o-transition: all 400ms linear;
  transition: all 400ms linear;
  border-radius: 8px;
}

.subject .enrole:hover,
.subject .enrole:active {
  background: #0C7D52;
  color: #fff;
}
.footer{ padding:20px 0; width:100%; float:left; }
.subfooter {
    float: left;
    width: 100%;
	background:url(../images/footer-bg.png);
}/*media queries for small devices*/
.banner{ width:100%; float:left; position:relative;}
.banner img{ position:relative;}
.banner h2{ position: absolute;
   /*  text-align: center; */
       text-align: left;
    left: 0;
    right: 0;
   /*  top: 25%; */
   top: 5%;
    color: #fff;
   /*  border: 3px solid; */
  /*   width: 70%; */
      width: 100%;
    margin: 0 auto;
    padding: 40px 0;}
	
.branch  {
    float: left;
    padding: 50px 0;
    width: 100%;
	font-family: 'Lato', sans-serif;
	font-style:bold;
}	
.branch h2
{
	font-family: 'Lato', sans-serif;
	font-style:bold;
	border-bottom: 1px solid #10a36c;
    padding-bottom: 10px;
	color:#10a36c;
	margin-bottom:20px;
	}
.address {
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
    margin-top: 20px;
    float: left;
}
.panel-left{ width:40%; float:left;}
.panel-right{ width:55%; float:right;}
.blog{ float:left; width:100%; margin-top: 25px;}
.blog img{ border:3px solid #c9c9c9; border-radius:5px;}
.blog h4{font-size: 89px;
    margin-top: -15px;
    padding: 0;
	color:#cccccc;
	text-align:right;
}
.blog i.fa {
  color: #c6c6c6;
  padding:5px 7px;
  border:1px solid #c6c6c6;
  margin:0 2px;
  border-radius:5px;
}
.blog i.fa:hover{ color:#fff; background-color:#0d67b3;}
.blog i.fa-facebook{ margin-left:0;}
.blog h3{ color:#057a80; font-size:24px; border-bottom:2px solid #057a80; padding-bottom:20px;}
.blog a{ color:#606060;}
.blog a:hover{ color:#057a80;}
.blog p{ /* color:#515151; font-size:18px; padding: 10px 0; */
    color: #333;
    font-size: 17px;
    padding: 10px 0;
    font-weight: normal;

}
.page-template-template-testimonail .blog p
{
    padding: 5px 0;
    margin-bottom: 0;
}
ol li
{
	    font-size: 17px;
}
body ol
{
		margin-bottom: 15px;
    padding-left: 20px;
}
.single-post ul li
{
	    font-size: 17px;
		list-style: disc;
}
body.single-post ul
{
		margin-bottom: 15px;
		padding-left: 20px;
}
body.single-post ul.share
{
		margin-bottom: 0px;
		padding-left: 0px;
}
.single-post ul.share li
{
		list-style: none;
}
.blog li{ display:inline;}
.blog button{ float:right;}
.blog .btn-default:hover {
    color: #fff;
     background-color:#057a80; 
     border-color:#0c7a80; 
}
.blog .btn-default {
    color: #057a80;
     background-color:#eeeeee; 
     border-color:#0c7a80; 
	 border-radius:8px;
}
.move{ width:100%; float:left; text-align:center; padding: 20px 0;}
.move li{ padding:0 10px;}
.move a{ font-size:25px;}
.footer .fl{ float:left;}
.footer .fr{ float:right;}
.enrole:hover{ color:#0C7D52;}
textarea{min-height:100%;}
.enrole a{ color:#fff;}
#overlay{ color:#fff; padding: 35px 0px 61px;
border-radius: 8px;}
iframe{ height:600px;}
.blog1{ width:100%; float:left; padding:20px 0;}
.blog1 h2{padding: 10px 0;
    border-bottom: 1px solid #057a80;
    margin-bottom: 15px;
	color:#057a80;
	
}
.blog1 i.fa-facebook {
    margin-left: 0;
}
.blog1 i.fa {
    color: #c6c6c6;
    padding: 5px 7px;
    border: 1px solid #c6c6c6;
    margin: 0 2px;
    border-radius: 5px;
}

img#captcha
{
	width: 101px;
    float: left;
}

form .form-group #refresh
{
	float: left;
    margin-right: 15px;
}
form .form-group input[name='captcha']
{
	 width: 195px;
    float: left;
}

.blog1 i.fa:hover {
    color: #fff;
    background-color: #0d67b3;
}
.blog1 i.fa-facebook {
    margin-left: 0;
}
.blog1 i.fa{float:left;}
.blog1 img{border:1px solid #c9c9c9; border-radius:5px;}
#blog-list .jumbotron {
   padding:10px;
   margin-top: 30px;
}
#blog-list h4{margin-top: 60px; color:#057a80;}
#blog-list .jumbotron p { font-size:18px; margin: 15px 0;}
#blog-list h3 a{ color:#606060;}
#blog-list h3 a:hover{ color:#057a80;}
#blog-list h3{ border-bottom:1px solid #acacac; padding-bottom: 10px 0;}
#blog-list a{ text-align:right; color:#606060;}
.blog1 p{ font-size:17px;}
#blog-list h3 {
    margin: 10px 0;
    padding: 10px 0;
}
.bullet-numeric li{  font-size:18px; }
.bullet-numeric{padding-left:24px;    margin-bottom: 10px;}
.blog1 a{ color:#606060; }
#blog-list a:hover{ color:#057a80;}
#blog-list .move ul{ display:inline; margin:0 auto;}
#blog-list .move a{ float:left; padding:0 10px;}
.blog1 p{text-align:justify;}
.move1 {
    margin: 0 auto;
        text-align: center;
    width: 89%;
	font-size:20px;
}
.move1 li{display:inline; padding:0 6px;}
.heading h1{float:left; width:10%;}
.heading h2{ float:right; width:90%;}
.row.no-gutter{margin:0;}
.row.no-gutter [class*='col-']:not(:first-child),
.row.no-gutter [class*='col-']:not(:last-child) {
  padding-right: 0;
  padding-left: 0;
}
.contact-us .btn-default {
   background-color: rgba(0, 0, 0, 0);
    border-color: rgb(204, 204, 204);
    color: rgb(255, 255, 255);
    float: right;
    border: 1px solid;
    padding: 5px 20px;
    text-transform: capitalize;
    font-weight: normal;
}

.contact-us .btn-default:hover {
    background-color:#fff;
    border-color: rgb(204, 204, 204);
    color:#006f45;
	float:right;
}
textarea.form-control {
    height: 52px!important;
}
#pgm{  -webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease; padding: 15px;}
#pgm:hover{ box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.25); }
#pgm .caption h3{ color:#10a36c; text-align: center; min-height:54px; border-bottom: dashed 1px #10a36c;}
#pgm .caption p{ font-size:17px;  }
#pgm .caption  .content{ margin-bottom:5px; min-height:92px; }
#pgm img{ margin:0 auto; max-width: 235px;}
#pgm .caption{ padding:15px 0; overflow:hidden;}
#pgm a{ background-color:#10a36c; color:#fff; }
section#prgm {
    
    background-color: #f1f1f1;
}
@media screen and (min-width:1024px)
{
	textarea.form-control {
    height: 52px!important;
}
}
@media screen and (max-width: 1192px) 
{

.contact-us form {
    padding: 38px 40px 38px 40px;
}
form .form-group input[name='captcha']
{
	    clear: both;
}
}
@media screen and (max-width: 1025px) {
		.hide-content button {
    margin-top: 0;}
	.product1 .left {
    float: left;
    width: 100%;
}
.product1 .right {
    float: left;
    width: 100%;
}
.blog img { margin:0 auto;}
.blog h4 { text-align:left; margin-top:3px;}
.blog h3{ padding-top: 20px}

.blog h3, h4, p, button, .row{ margin:0 5px;}
.blog1 img{margin:0 auto;}
		}
@media only screen 
  and (min-width: 768px) 
  and (max-width: 1024px)  {


.page-header .navbar-toggle {
    display: block;
}
.page-header .navbar-collapse.collapse {
    display: none !important;

}

 .page-header .navbar-collapse.collapse.in {
	display:block !important;
}
.page-header .navbar-header {
    float: none;

}	
.sub-menu{ display:none !important;}
.navbar-default .navbar-nav > li > a { width:50%; margin:0 auto;}
.navbar-nav > li { display:block;}
.navbar-default .navbar-nav > li > a {
     margin-bottom: 5px;
}	

}
@media (min-width: 768px)
{

ul.sub-menu
{
	display:none;
	position: absolute;
    left: 0;
    margin: 0;
	    z-index: 9;
		width: 185px;
    text-align: left;
    padding: 10px;
	top: 30px;
	    background-color: rgba(16,163,106,0.5);
}
}
@media screen and ( max-width:992px)
{
form .form-group input[name='captcha'] {
       clear: inherit;
}

}
@media screen and ( max-width:767px)
{
	ul.sub-menu li a
{
color:#777;
}
	.sub-menu{ display:none;}
.nav > li > a { display:block;}
.content .left {
    float: left;
    width: 100%;
}
.content .right{ width:90%; margin:0 auto; float:none; padding-top: 20px;  clear: both;}
.hide-content button{ margin-right: 20px;}
#overlay{ margin-bottom:20px; max-width: 425px; margin: -65px auto 0px auto;
    float: none;}
	#explore{ margin: 0 auto;
       width: 90%;}
	.banner h2{ padding: 25px 0px;}
	.modules a{margin-top: 20px;}
	.address h3{ padding: 20px 0;
}
.product1 .right-content{ width:90%;}
.footer .fl { float:none;  text-align:center; margin:0 auto;}
.footer .fr { float:none; text-align:center; margin:0 auto;}
iframe{ height:300px;}
.blog1 h2{ font-size:30px;}
.navbar-default .navbar-nav > li > a {
     margin-bottom: 5px;
}	
}
@media screen and (max-width: 678px) {
  .main-container {
    margin: 20px 15px;
  }
  .product1 h2 {

       clear: both;
    margin-top: 25px;
    display: inline-block;
    margin-bottom: 0;
}
  .animation-element,
  .animation-element:nth-of-type(3n-1),
  .animation-element:nth-of-type(3n-2),
  .animation-element:nth-of-type(3n-0) {
    width: 100%;
    margin: 0px 0px 30px 0px;
  }
  .subject .header .date,
  .subject .header .category {
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
  }
  
}

@media screen and ( max-width:640px)
{
	.banner h2{ padding: 18px 0px;}
	iframe{ height:200px;}
	.contact-us .btn-default {
   clear:both;
       float: left!important;
}
}
@media screen and ( max-width:480px)
{
	.banner h2{ padding: 7px 0px; top: 18%;}
	.contact-us form {
    border-radius: 8px;
    padding: 32px 20px;
}
}
@media screen and ( max-width:360px)
{
.blog button {
    float: left;
    margin-top: 20px;
}
}