@charset "utf-8";
/* CSS Document */

body
{
	font-family: 'Roboto Slab', Arial, Helvetica, sans-serif;
}
h1
{
	text-transform:uppercase;
	font-weight:bold;
	font-size:36px;
	margin-top:40px;
	text-align:center;
}
 
h1 span
{
	/*color: #4bd66b;*/
	color:#0066ff;
}

h2
{
	font-size: 24px;
font-weight: 600;
color: #343030;
margin-top: 25px;
margin-bottom: 15px;
}

.header-warpper
{
	 
	/*background:#2A2323;*/
	padding:25px 0 10px;
	
}
.logo-warpper
{
	padding:0;
	margin:0;
}
.logo-warpper img
{
	/*max-width:75px;
	margin-top: -15px;*/
}
.logo
{
	margin:0;
	padding:0;
	
}
.eminence-title
{
	padding:0;
	margin-top:10px;
	font-size:42px;
	color:#000A48;
	font-weight:bold;
 }

.container-warpper
{
 	padding-right: 0px;
	padding-left: 0px;
}
.navbar-default {
z-index: 1;
 }
.menu-warpper
{
	/*background:#4bd66b;*/
	height:50px;
	background: #4bd66b;
}
.font-icon
{
	padding: 7px;
	background: #09745C;
	color: #FFF;
 	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 0 1px;
}
.social-links
{
	padding-bottom:10px;
}


/* ====== Main Content ======== */
.who-we-are
 {
	padding: 20px;
background: #45cc45;
border-bottom: 2px solid #CCC;
	
 }
.who-we h2
{
	font-weight: bold;
color: #DCDCDC;
margin-top: 35px;
}
.main-content
{
	color: #000000;
line-height: 28px;
text-align: justify;
font-size: 12px;	 
	 
}
.main-content a
{
	color:#fff;
}

.h2-title
{
	text-align:center;
}
.h2-title h2
{
	text-transform:uppercase;
	font-weight:bold;
	font-size:36px;
	margin-top:40px;
}
.h2-title p
{
	text-align:justify;
}
.h2-title span
{
	color: #4bd66b;
}
.service-grid
{
	 
	padding:0;
	position:relative;

}
 

/*.service
{
	position: relative;
	overflow:hidden;
	border-radius:3px;
}


.service:before {
background: #000;
opacity: 0;
content: "";
z-index: 1;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
 }
 */
 
 .service
 {	
 	position:relative;
	overflow:hidden;	
	 -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
	margin:15px;
  }
  
  .service:before {
background: #000;
opacity: 0;
content: "";
z-index: 1;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
}

.service:hover:before {
opacity: 0.77;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
  
 
   
   
   .portfolio-hover {
text-align: center;
padding: 50px 20px;
position: absolute;
left: 0;
top: 50%;
z-index: 1;
width: 100%;
}



  .service-hover
  {
	  display:none;
  }
.service > img {
 width: 100%;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}  
  .service:hover > img {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}


 .service:hover > .service-hover
  {
	  position:absolute;
 	  display:block;
	  top:0;
	  padding:15px;
	  color:#fff;
	  z-index:1;
	  width:100%;
	  height:100%;
   }
   
   .service-hover h3
   {
	   top:40%;
	   position:absolute;
	   text-align: center;
		width: 100%;
		color:#FFEB00;
		
	   
   }
   
   .product input[type="button"]
   {
	   background:#ccc;
	   display: inline-block;
text-transform: uppercase;
font-weight: 700;
font-size: 13px;
outline: none;
overflow: hidden;
position: relative;
z-index: 10;
color: #fff;
background-color: #4bd66b;
border: none;
-webkit-transition: background-color 0.2s ease-in-out;
-moz-transition: background-color 0.2s ease-in-out;
-ms-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
padding: 5px 10px;
   }
   
    .product input[type="button"]:hover
   {
	   background:#0066ff;
   }
   .product img
   {
	   width:100%;
   }
   
   
/*====== About Us  ======*/ 

.about-warpper
{
	/*background:#1B507E;*/
	height:300px;
}
.mission-vision
{
	margin-top:30px;
	margin-bottom:20px;
}

.mission-vision h3
{
	float: left;
margin-top: 5px;
font-size: 36px;
font-weight: 100;
color: #FFF;
display: inline-block;
width: 100%;
text-align: center;
padding: 53px 0px;
}
.mv-title
{
	background: #4bd66b;
 color: #fff;
border:none;
}
.slice
{
	background-color: #343030;
border-radius: 0;
padding: 45px;
border: 0;
color:#646464;
}
   /*===== Footer =====*/
   
   
	.footer-warpper
	{
		padding:15px;
		/*background:#4bd66b;*/
		color:#fff;
		text-align:center;
		background: #4bd66b;
	}


 
 
 
 



.panel-group .panel
{
	border-radius:0px;
	border-radius: 0px;
font-size: 15px;
font-weight: 300;
line-height: 25px;
}
.headhover:hover
{
	color:#000;
	text-decoration:none;
}
.headhover
{
	color:#000;
	text-decoration:none;
}
.headhover:active
{
	color:#000;
	text-decoration:none;
}
.headhover:visited
{
	color:#000;
	text-decoration:none;
}
.panel-group .panel + .panel
{
	margin-top:-1px;
}
.panel > a > .panel-heading
{
	background-color: #fff;
}
a.collapsed .panel-heading
{
background: #E1E1E1;
}

.img-thumbnail:before
{
	content: '';
position: absolute;
width: 0px;
height: 0px;
border-style: solid;
border-width: 0 30px 30px 0;
border-color: transparent #343030 transparent transparent;
left: -20px;
top: 0;
}



 
/* Tab*/  
.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
  border-bottom: 0;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
  display: none;
}

.tab-content > .active,
.pill-content > .active {
  display: block;
}

.tabs-below > .nav-tabs {
  border-top: 1px solid #ddd;
}

.tabs-below > .nav-tabs > li {
  margin-top: -1px;
  margin-bottom: 0;
}

.tabs-below > .nav-tabs > li > a {
  -webkit-border-radius: 0 0 4px 4px;
     -moz-border-radius: 0 0 4px 4px;
          border-radius: 0 0 4px 4px;
}

.tabs-below > .nav-tabs > li > a:hover,
.tabs-below > .nav-tabs > li > a:focus {
  border-top-color: #ddd;
  border-bottom-color: transparent;
}

.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover,
.tabs-below > .nav-tabs > .active > a:focus {
  border-color: transparent #ddd #ddd #ddd;
}

.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
  float: none;
  background: #0066ff;
}
.tabs-left > .nav-tabs > .active, .tabs-left > .nav-tabs > .active a {
color: #FFF;
background: #343030;
}

.tabs-left > .nav-tabs > li a:hover {
background: #343030;
color:#fff;
}



.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
  min-width: 74px;
  margin-right: 0;
  margin-bottom: 3px;
}

.tabs-left > .nav-tabs {
  float: left;
  margin-right: 0px;
  border-right: 1px solid #ddd;
}

.tabs-left > .nav-tabs > li > a {
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
     -moz-border-radius: 4px 0 0 4px;
          border-radius: 4px 0 0 4px;
		  color:#fff;
}

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
  border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
  border-color: #ddd transparent #ddd #ddd;
  *border-right-color: #ffffff;
}

.tabs-right > .nav-tabs {
  float: right;
  margin-left: 19px;
  border-left: 1px solid #ddd;
}

.tabs-right > .nav-tabs > li > a {
  margin-left: -1px;
  -webkit-border-radius: 0 4px 4px 0;
     -moz-border-radius: 0 4px 4px 0;
          border-radius: 0 4px 4px 0;
}

.tabs-right > .nav-tabs > li > a:hover,
.tabs-right > .nav-tabs > li > a:focus {
  border-color: #eeeeee #eeeeee #eeeeee #dddddd;
}

.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover,
.tabs-right > .nav-tabs .active > a:focus {
  border-color: #ddd #ddd #ddd transparent;
  *border-left-color: #ffffff;
}
.product-grid
{
	 
	padding:0;
	position:relative;
	margin-top: 25px;

}
 

/*.service
{
	position: relative;
	overflow:hidden;
	border-radius:3px;
}


.service:before {
background: #000;
opacity: 0;
content: "";
z-index: 1;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
 }
 */
 
 .product
 {	
 	position:relative;
	overflow:hidden;	
	 -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
	margin:5px;
  }
  
  .product:before {
background: #000;
opacity: 0;
content: "";
z-index: 1;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
}

.tabbable
{
	/*display: inline-block;*/
min-height: 600px;
}


.product:hover > .product input[type="button"] {
background: #0066ff;
}
.product:hover:before {
opacity: 0.3;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
  
 
   
   
   .portfolio-hover {
text-align: center;
padding: 50px 20px;
position: absolute;
left: 0;
top: 50%;
z-index: 1;
width: 100%;
}



  .product-hover
  {
	  display:none;
  }
.product > img {
 width: 100%;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}  
  .product:hover > img {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}


 .product:hover > .service-hover
  {
	  position:absolute;
 	  display:block;
	  top:0;
	  padding:15px;
	  color:#fff;
	  z-index:1;
	  width:100%;
	  height:100%;
   }
   
   .product-hover h3
   {
	   top:40%;
	   position:absolute;
	   text-align: center;
		width: 100%;
		color:#FFEB00;
		
	   
   }
   .current
   {
	   background: #4bd66b!important;
color: #fff!important;
   }
   /* ======  Service Page ======== */

.service-page h1
{
	text-align:center;
	
}
.service-logo img
{
	width:100%;
}



/* ======  Contact ======== */
.textbox
{
color: #757575;
 margin-bottom: 15px;
padding: 10px;
background-color: #f4f4f4;
border-bottom: 1px solid #dedede;
font-family: inherit;
font-size: inherit;
border-top: none;
border-right: none;
border-left: none;
border-radius:none;
box-shadow:none;
}	
#contact-form label{
padding-top: 6px;
float: left;
width: 111px;
overflow: hidden;
}


.textbox:focus{
border-bottom: 1px solid #4bd66b;
outline: 0;
background: #E3FFFE;
border-radius:none;
box-shadow:none;
}

#message1{
  height:100px;
margin-top: 2px;
margin-bottom: 8px;
background-color: #f4f4f4;
}

#message1:focus{
border-bottom: 1px solid #4bd66b;
outline: 0;
background: #E3FFFE;
border-radius:none;
box-shadow:none;
}


#submit {
margin-left: 111px;
margin-bottom: 15px;
float: left;
cursor: pointer;
padding: 10px 15px;
border: none;
margin-top:40px;
}

#submit:hover{
background: #2f2f2f;
}

.button {
color: #f7f7f7;
background: #0066ff;
-webkit-transition: background-color .2s linear;
-moz-transition: background-color .2s linear;
-o-transition: background-color .2s linear;
-ms-transition: background-color .2s linear;
transition: background-color .2s linear;
display: inline-block;
margin-bottom: 20px;
}





/* ======  Media Queries ======== */
 
/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {



}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {

 

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	
	

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}





/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	
	.caption h2 {
font-size: 32px;
font-weight: 700;
color: #4bd66b;
text-transform: uppercase;
padding: 0 0 10px 0;
letter-spacing: -1px;
display: block;
font-family: 'Roboto Slab', Arial, Helvetica, sans-serif;
}



.caption h3 {
font-size: 22px;
/* font-weight: 300; */
color: #0066ff;
/* text-transform: uppercase; */
padding: 0 0 0px 0;
font-family: 'Roboto Slab', Arial, Helvetica, sans-serif;
margin-top:5px;
}



}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {


	.caption h2 {
font-size: 24px!important;
font-weight: 700;
color: #4bd66b;
text-transform: uppercase;
padding: 0 0 5px 0!important;
letter-spacing: -1px;
display: block;
font-family: 'Roboto Slab', Arial, Helvetica, sans-serif;
}



.caption h3 {
font-size: 18px!important;
/* font-weight: 300; */
color: #0066ff;
/* text-transform: uppercase; */
padding: 0 0 0px 0!important;
font-family: 'Roboto Slab', Arial, Helvetica, sans-serif;
margin-top:5px!important;
}

a.caption-btn {
 
 margin-top: 15px!important;
}
.caption h3 i {
color: #62d662;
font-size: 18px;
}
.logo-warpper img {
width: 100%;
}


}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

/*.product-grid img	
	{
		height:300px;
	}
	*/	
.menu-bg
{
  background:#4bd66b;
}
.head-contact,.logo-warpper
{
	text-align:center;
}

.navbar-default {
z-index: 1;
background: #4bd66b;
}


	.caption h2 {
font-size: 14px!important;
font-weight: 700;
color: #4bd66b;
text-transform: uppercase;
padding: 0 0 3px 0!important;
letter-spacing: -1px;
display: block;
font-family: 'Roboto Slab', Arial, Helvetica, sans-serif;
margin-bottom:3px;
}



.caption h3 {
font-size: 14px!important;
/* font-weight: 300; */
color: #0066ff;
/* text-transform: uppercase; */
padding: 0 0 0px 0!important;
font-family: 'Roboto Slab', Arial, Helvetica, sans-serif;
margin-top: 0px!important;
margin-bottom: 3px!important;
}

a.caption-btn {
 
 margin-top: 5px!important;
 font-size:12px!important;
}
.caption h3 i {
color: #62d662;
font-size: 14px;
}
.tp-leftarrow:before, .tp-rightarrow:before {
font-family: "FontAwesome";
font-size: 10px!important;
top: 13px;
position: relative;
}

.tp-leftarrow:before,  .tp-rightarrow:before  {
content: "";
left: 10px!important;
top: 7px!important;
}
.tp-leftarrow, .tp-rightarrow {
 width: 25px!important;
height: 25px!important;
}

 

}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
.logo-warpper img {
width: 100%;
}
.navbar-default {
z-index: 1;
background: #4bd66b;
}






	.caption h2 {
font-size: 11px!important;
font-weight: 700;
color: #4bd66b;
text-transform: uppercase;
padding: 0 0 2px 0!important;
letter-spacing: -1px;
display: block;
font-family: 'Roboto Slab', Arial, Helvetica, sans-serif;
margin-bottom:1px;
margin-top:2px;
}



.caption h3 {
font-size: 8px!important;
/* font-weight: 300; */
color: #0066ff;
/* text-transform: uppercase; */
padding: 0 0 0px 0!important;
font-family: 'Roboto Slab', Arial, Helvetica, sans-serif;
margin-top: 0px!important;
margin-bottom: 2px!important;
}

a.caption-btn {
 
 margin-top: 2px!important;
 font-size:9px!important;
 padding:3px!important;
}
.caption h3 i {
color: #62d662!important;
font-size: 8px!important;
}

.tp-leftarrow:before, .tp-rightarrow:before {
font-family: "FontAwesome";
font-size: 10px!important;
 position: relative;
}

.tp-leftarrow:before,  .tp-rightarrow:before  {
content: "";
left: 10px!important;
top: 7px!important;
}
.tp-leftarrow, .tp-rightarrow {
 width: 25px!important;
height: 25px!important;
}

}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
.logo-warpper img {
width: 100%;
}
.navbar-default {
z-index: 1;
background: #4bd66b;
}
}