/*=============================================================
    Authour URI: www.binarytheme.com
    License: Commons Attribution 3.0

    http://creativecommons.org/licenses/by/3.0/

    100% To use For Personal And Commercial Use.
    IN EXCHANGE JUST GIVE US CREDITS AND TELL YOUR FRIENDS ABOUT US
   
    ========================================================  */


/*=======================================
    GENERAL STYLES
==================================================*/

body {
          font-family:'Open Sans', sans-serif;
    font-size:14px;
	overflow-x: hidden;
}

.pad-adjust {
    padding-top: 5px; 
    padding-bottom: 5px;
}

.text-center {
    text-align:center;
}


p {
    font-weight:300;
    line-height:30px;
    padding-bottom:20px;
}


.space-free {
    height:100px;
}



.g-pad-bottom {
    padding-bottom:40px;
}
.for-full-back {
     /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";

  /* IE 5-7 */
  filter: alpha(opacity=90);

  /* Netscape */
  -moz-opacity: 0.9;

  /* Safari 1.x */
  -khtml-opacity: 0.9;

  /* Good browsers */
  opacity: 0.9;
  
}

.btn-submit-info
{
	height:50px;
	background-color:#2E64FE;
	border:0;
}

.btn-submit-info:hover
{
	background-color:#5882FA;
}


.container.hide
{
	display:none;
}

.container2.hide
{
	display:none;
}

.container2
{
	display:block;
}

.container3.hide
{
	display:none;
}

.container3
{
	dipslay:block;
}

.container4.hide
{
	display:none;
}

.container4
{
	display:block;
}



section {
    padding-top:50px;
}

.contactno
{
	font-size:25px;	
	font-family:calibri;
	color:#FFF300;
}

a:hover, a:visited, a:link, a:active
{
    text-decoration: none;
	color:#FFF300;
}

.fit {
  max-width: 99%;
  max-height: 99%;
}


/*=======================================
    NAV BAR STYLES
==================================================*/
/* ADDED PADDING IN NAVBAR */
.navbar {
    padding:10px;
     -webkit-transition: background .8s ease-out,padding .8s ease-out;
        -moz-transition: background .8s ease-out,padding .8s ease-out;
        transition: background .8s ease-out,padding .8s ease-out;
}
/* CLASS FOR REMOVING PADDING IN NAVBAR*/
.navbar-pad-original {
      padding:0px;
}


/*TO MAKING NAV BAR LINKS WHITE COLORED */
.navbar-inverse .navbar-nav > li > a {
color: #FFF;
}

.navbar-inverse .navbar-brand {
color: #FFF;
}

.navbar-inverse {
background-color: #96A37F;
border-color: #96A37F;
}
 
/*=======================================
    HOME SECTION STYLES
==================================================*/


.head-btn-one {
    background-color: rgba(22, 180, 183, 1);
     border: 0px solid #fff;

}

#home {
    padding-top:130px;
    padding-bottom:200px;
    color:#fff;
}
.head-main {
    font-size:45px ;
    font-weight:900;   
}

.head-main-2{
	font-size:50px ;
    font-weight:900;
	color:#DBA901;
}

.head-last {
    font-size:30px ;
    font-weight:300;
    padding:5px 20px 20px 20px;
	line-height: 50px;
}

.btn-lg, .btn-group-lg > .btn {
border-radius: 0px; 

}

.banner{
	
	
	text-align:center;
	border:0px solid #000000;

}

.box2 {
	position: relative;
    width: 100%;
    padding: 0px 0 0px;
    /* color: #fff; */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #FFFFFF;
    overflow: hidden;

}

.grid {
	position: absolute;
    display: block;
    content: '';
    width: 3000px;
    height: 600px;
    left: 0;
    top: 0;
    background: #DBA901;
    z-index: -1;
}

#pic-slideshow
{
	margin-top:20px;
	width:450px;
	height:600px;


}

.slideshow-img
{
	padding:2px;
	display:none;
	position:absolute;
}


#slideshow-panel
{
	position:absolute;
	margin-top:575px;
	z-index:500;
	width:450px;
	text-align:center;
}

.slideshow-button
{
	padding:5px;
	margin:2px;
	cursor:pointer;
	
	filter:alpha(opacity=50);
	opacity:0.5;
	
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	border-radius: 100px;
	behavior: url(PIE.htc);
	
	display:inline-block;
	
	background-color:#000000;
	
}
		
.selected-slide
{
	background-color:#FFFFFF;
	border: 1px solid #000000;
}	


.animation
{
	visibility: visible;
    animation-delay: 0.4s;
    animation-name: fadeInRight;
}

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

@-webkit-keyframes fadeInRight {
	0% {
	   opacity: 0;
	   -webkit-transform: translateX(800px);
	}
	100% {
	   opacity: 1;
	   -webkit-transform: translateX(0);
	}
 }
         
@keyframes fadeInRight {
	0% {
	   opacity: 0;
	   transform: translateX(800px);
	}
	100% {
	   opacity: 1;
	   transform: translateX(0);
	}
}


@-webkit-keyframes fadeInLeft {
	0% {
	   opacity: 0;
	   -webkit-transform: translateX(-800px);
	}
	100% {
	   opacity: 1;
	   -webkit-transform: translateX(0);
	}
 }
         
@keyframes fadeInLeft {
	0% {
	   opacity: 0;
	   transform: translateX(-800px);
	}
	100% {
	   opacity: 1;
	   transform: translateX(0);
	}
}



/*===========================================
		SERVICE SECTION
================================================*/

.servicelist
{
	color:#FFF300;
	font-size:18px;
	font-weight:bold;
	font-family:calibri;
	

}

.servicedesc
{
	font-size:25px;	
	font-family:calibri;
	font-weight:bold;
	color:#FFF;


}










/*=======================================
    ABOUT SECTION STYLES
==================================================*/

.team-member {
    float: left;
    position: relative;
    width: 100%;
}
.team-member > img {
    float: left;
    width: 100%;
}
.team-member > h3 {
    background: rgba(22, 180, 183, 1);
    bottom: 25px;
    color:#fff;
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 16px;
    padding: 15px 0;
    position: absolute;
    text-align: center;  
    width: 100%;
   line-height:25px;
}


/*=======================================
    CLIENT TESTIMONIAL STYLES
==================================================*/


#clients-testimonial {
    color:#fff;
}
#carousel-example {
    margin-top:50px;

}
.slide-custom {
    min-height:200px;
    padding:20px;
    line-height:30px;
}
h4 i{
   padding:5px;
}
.user-img {
border: 2px solid #fff;
overflow: hidden;
border-radius: 50%;
display: inline-block;
}

.img-u {
   max-height: 90px;
max-width: 90px;
}

.c-black {
    color:#fff;
    font-style: italic;
font-size: 20px;
padding: 5px;
}

/*==============================================
	CLIENT SURVERY STYLES
===================================================*/

#clients-survey {
	padding-top:100px;
    color:#fff;
	padding-bottom:100px;
}

h1
{
	padding-bottom:50px;
	font-size: 30px;
}

#table-survey-question
{
	margin: 0 auto;
	margin-top: 50px;
	font-size: 15px;
	width: 900px;
	text-align:left;
}

#table-survey-question2
{
	margin: 0 auto;
	margin-top: 50px;
	font-size: 15px;
	text-align:left;
}

#table-survey-result
{
	margin: 0 auto;
	margin-top: 50px;
	font-size: 25px;
	text-align:left;
}


/*=======================================
    PRICE SECTION STYLES
==================================================*/


.plan {
   
    padding: 0 0 15px 0;
    margin: 30px 0px;
    list-style: none;
    text-align: center;
  
}

.plan li {
    padding: 20px 0px;
    color: #434749;
}

.price {
    font-size:30px;
}
/*=======================================
    STATS SECTION STYLES
==================================================*/
.stats-div {
    text-align:center;
    width: 100%;
    min-height: 100px;
    padding: 30px 20px 30px 20px;
    color:#fff;
}

.stats-div > h3 {
    font-size:60px;
    font-weight:900;
}

/*=======================================
    CONTACT STYLES
==================================================*/
#contact-inner {
    padding-bottom:60px;
    padding-bottom:50px;
}

/*=======================================
    COLOR CODES
==================================================*/

.color-bg-one {
    
	background-color:#fff;
    color:#fff;
}
.color-white {
   background-color:#ffffff!important;
}
#add {
    font-size:30px;
    line-height:40px;
    
}
#contact-inner .form-control {
   
    height: 55px;
}

/*=======================================
    SOCIAL SECTION STYLES
==================================================*/

.scl {
    background:rgba(22, 180, 183, 1);
    
    color:#fff;
}
    .scl h4 {
        font-size:40px;
    }
    .scl a {
        color:#fff;
    }
.scl-dark-bk {
    background:rgb(13, 138, 98);
}
/*=======================================
    FOOTER STYLES
==================================================*/


#footer {
    color:#fff;
    padding:20px 50px 20px 50px;
    text-align:right;
    background-color:rgba(22, 180, 183, 1);
}







#table-user-submit
{
	width: 500px;
	margin: 0 auto;
	margin-bottom: 30px;
}

#table-user-submit td
{
	text-align: left;
	padding-top: 20px;
	padding-left: 20px;
}

#form-user-submit
{
	margin-bottom: 70px;
}

#table-user-survey
{
	width:1100px;
	margin: 0 auto;
	
	
}