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

/**************************Reset style***********************/
abbr, acronym, address, applet, article, aside, audio,
b, blockquote, big,
center, canvas, caption, cite, code, command,
datalist, dd, del, details, dfn, dl, div, dt,
em, embed,
fieldset, figcaption, figure, font, footer, form,
h1, h2, h3, h4, h5, h6, header, hgroup, html,
i, iframe, img, ins,
kbd,
keygen,
label, legend, li,
meter,
nav,
object, ol, output,
p, pre, progress,
q,
s, samp, section, small, span, source, strike, strong, sub, sup,
table, tbody, tfoot, thead, th, tr, tdvideo, tt,
u, ul,
var{ background: transparent; font-size: 100%; margin: 0; padding: 0; border: 0; outline: 0; vertical-align: top;}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
table, table td { padding:0; border:none; border-collapse:collapse; }
img { vertical-align:middle; border:0;}
embed { vertical-align:top;}
article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video{display:block}
a{ text-decoration:none; color:#333;-webkit-transition: all .2s ease-in-out;
       -o-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;}
a:hover{text-decoration:none !important; color:#7fc242 !important;}
a.clear{text-decoration:none !important; color:#ffffff !important;}
a.clear:hover{text-decoration:underline !important; color:#ffffff !important;}

/**************************Reset style End***********************/
/**************************Header section style ***********************/

body{ padding:0; margin:0; font-size:14px; line-height:18px; font-family: 'Open Sans', sans-serif !important;}
.clr{ clear:both;}
header{ width:100%;padding:10px 0; background:#fff;  bottom:0; z-index:9 !important;}
.logo{ width:100%;}
.navigation{ width:100%;}
.navigation{ width:100%; float:left; padding:12px 0 0 0;}
.navbar-default{ background:none!important; border:none!important;}
.navbar{ margin-bottom:0px !important; min-height:40px !important;}
.navbar-nav{ float:left !important;}
.navbar-collapse{ padding:0 !important;}
.navbar-nav > li > a{ padding: 20px 8px 20px 8px !important;font-family: 'Open Sans', sans-serif; color:#1a1a1a !important; font-size:18px !important; font-weight:500; }
.first_child{ background:none !important;}
.last_child{padding:15px 0px 15px 14px !important;}
.navbar-nav > li > a:hover{ color:#7fc242!important; }
.navbar-nav > li > a.active{color:#7fc242!important; }
.navbar-nav li.active{color:#7fc242!important; }

nav ul li a:hover, nav ul li.active a {
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
transition:all .3s ease-in-out
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{  background-color: #fff !important;
    color: #7fc242 !important;}
#selectnav1{ display:none;}
.phone_section{ width:100%;float:left; padding:5px 0 0 0;}
.phone_section p{ font-size:18px; padding:0; margin:0; color:#000; font-weight:400; line-height:20px;text-align:center;}
.ps{ padding:0 !important;}
.phone{ background:#7fc242; font-size:24px; font-weight:600; text-align:center; color:#fff;}

/**************************Banner section style ***********************/

.banner{ width:100%; height: 80vh; margin:0 0 0 0; position:relative; overflow:hidden;}

.banner .item img{height: 100vh !important; width:100%;}
.banner_container{ width:100%; float:left; position:relative;}
.banner_inner
{
	position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
}
.weare{ background:rgba(0, 0, 0, 0.7); text-align:center; padding:20px 50px; display:inline-block; margin:auto; width:100%;}
.weare h1{ color:#737373; font-size:35px; font-weight:300; background:url(../images/line.png) center bottom no-repeat; padding:0 0 10px 0; margin:0; text-transform:uppercase;}
.weare p{ color:#fff; font-size:45px; margin:0; padding:0; font-weight:300;}
.twosection {
    display: inline-block;
    padding: 20px 0 0;
    text-align: center;
    width: 100%;
}
.tsb {
    background: #7fc242 none repeat scroll 0 0;

    color: #fff;
    display: inline-block;
    font-size: 28px;
    font-weight: 300;
    padding: 0;
    text-align: center;
}
.wd {
    width: 37%;
}
.tsb:hover {
	background: #679d36;
    color: #fff !important;
    transition: all 0.2s ease-in-out 0s;
}
.tsb a{decoration:none !important;}
.tsb a:hover{text-decoration:none !important;}
.tsb a:click{text-decoration:none !important;}

.orange_background{background-color: #FF8300 !important;}
.orange_background:hover{background-color: #e67703 !important;}
.orange_text{color: #FF8300 !important;}
.orange_text:hover{color: #e67703 !important;}
/**************************About section style ***********************/

.about{ width:100%; padding:0px 0; float:left; background:#fff;}
.about_text{ padding: 0 5% 0 0;}
.about_text h2{ color:#313131; font-size:34px; font-weight:400; margin:0; padding:0 0 20px 0;}
.about_text p{ color:#505050; font-size:18px; line-height:24px; padding:0 0 20px 0; margin:0;}
.video{ margin:65px 0 0 0; border:6px solid #f1f1f1;}
.video img{ width:100%;}

/**************************Products section style ***********************/

.products{ width:100%; float:left; background:#f5f5f5; padding:65px 0;}
.products h2{color: #313131;font-size: 34px;font-weight: 400;margin: 0;padding: 0 0 40px 0; text-align:center;}
.pro_box{ padding:2%; background:#f5f5f5; text-align:center; cursor:pointer;-webkit-transition: all .2s ease-in-out;
       -o-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;}
.pro_box h3{ color:#7fc242; font-size:24px; padding:20px 0; margin:0; text-align:center;}
.pro_box p{ color:#505050; font-size:18px; padding:0px 0; margin:0; text-align:center;}
.pro_box:hover{ background:#fff; -webkit-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}



/**************************Quote section style ***********************/

.quote{ width:100%; float:left; padding:65px 0;}
.quote h2{color: #313131;font-size: 38px;font-weight: 400;margin: 0;padding: 0 0 70px 0; text-align:center; text-transform:uppercase;}
.quote_box{ width:100%; text-align:center; padding:40px 0; border:1px solid #fff; background:#fff;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; cursor:pointer;}
.quote_box i{ font-size:80px; text-align:center;}
.quote_box h3{color:#1d1d1d; font-size:20px; padding:35px 0 0 0; margin:0; text-align:center; text-transform:uppercase; font-weight:400;}
.quote_box:hover{ background:#f6f6f6;border:1px solid #7fc242; -webkit-transition: all .2s ease-in-out;
       -o-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;}
.quote_box:hover i{ color:#7fc242;-webkit-transition: all .2s ease-in-out;
       -o-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;}
.quote_box:hover h3{ color:#7fc242;-webkit-transition: all .2s ease-in-out;
       -o-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;}

/**************************Client section style ***********************/

.clint_wts{ width:100%; float:left;}
.clint_wts_left{ background:#e1e1e1; padding:60px 0; width:50%; float:left; min-height:408px;}
.client_section{ width:90%; text-align:center; padding:0 6% 0 0;}
.client_section .carousel-caption{ position:relative; left:0; right:0;}
.client_section .carousel-caption p{ color:#505050; padding:10px 0; margin:0; font-size:20px; line-height:24px;}
.client_section .carousel-caption h3{ color:#313131; font-size:30px;}
.carousel-indicators li { border:1px solid #a4db72 !important; background:#a4db72 !important;}
.carousel-indicators li.active{ background:#7fc242 !important;}
.clint_wts_right{ width:50%; float:left; background:#f5f5f5; padding:60px 0; min-height:408px;}
.clint_wts_right_text{ text-align:center; width:100%;}
.clint_wts_right_text p{ color:#313131; font-size:40px; font-weight:400; text-transform:uppercase; padding:00px 0 0 0; margin:0; line-height:66px;}

/**************************Shareus section style ***********************/

.shareus{ width:100%; float:left; background:url(../images/sharebg.jpg) center center no-repeat; background-size:cover; padding:45px 0;}
.shareus h2{color: #fff;font-size: 38px;font-weight: 400;margin: 0;padding: 0 0 45px 0; text-align:center; text-transform:uppercase;}
.share_icon{ font-size:60px; text-align:center; color:#fff;}
.share_icon:hover{ color:#7fc242;-webkit-transition: all .2s ease-in-out;
       -o-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;}

/**************************Portfolio section style ***********************/

.our_work{ width:100%; float:left; padding:65px 0 0 0;}
.our_work h2{color: #313131;font-size: 38px;font-weight: 400;margin: 0;padding: 0 0 60px 0; text-align:center; text-transform:uppercase;}
.our_work_list{ width:100%; float:left; padding:0; margin:0; list-style:none;}
.our_work_list li{ width:25%; float:left;}
.our_work_list li img{ width:100%;}
.our_work_list li img:hover{ opacity:0.8;}


/**************************Portfolio section style ***********************/
.footer{ width:100%; float:left; background:#f1f1f1; padding:80px 0;}
.footer_left{ width:100%;}
.footer_midile{ width:100%; text-align:center;}
.footer_midile h4{ color:#1a1a1a; font-size:20px; margin:0; padding:0 0 5px 0; text-transform:uppercase;}
.footer_midile p{ color:#505050; font-size:18px; font-weight:400; padding:5px 0; margin:0;}
.footer_midile p a{color:#505050;}
.footer_midile p a:hover{color:#7fc242;-webkit-transition: all .2s ease-in-out;
       -o-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;}

#toTop {background: rgba(0, 0, 0, 0) url("../images/to-top2.png") no-repeat scroll 0 0;border: medium none;bottom: 10px;display: none;height: 52px;overflow: hidden;position: fixed;right: 10px;
text-decoration: none;text-indent: 100%;width: 52px;}

#navi
{
	min-height:100px !important;
}
.navi
{
	width:100%;
	float:left;
	position:relative;
	z-index:8;
	background:none !important;
	border-bottom: 5px #f5f5f5 solid;
}
/*For banner stsrat here*/
.slider {
    width: 100%;
    height: 100vh;
    position: relative;
}

.slItems {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.slItem {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 0;
    visibility: hidden;
    -webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */
    backface-visibility: hidden;
}

.slText {
   position: absolute;
    top: 50%;  /* position the top  edge of the element at the middle of the parent */
    left: 50%; /* position the left edge of the element at the middle of the parent */

    transform: translate(-50%, -50%); /* This is a shorthand of
                                         translateX(-50%) and translateY(-50%) */
										 max-width:900px;
										 width:100%;
										 display:block;
										 text-align:center;
}
.slDots
{
	display:none;
}
.nxt_arrow
{
	width:100%;
	float:left;
	text-align:center;

}
.nxt_arrow a
{
	padding:40px 0;
	display:inline-block;
}
.nxt_arrow a img
{
	max-width:70px;
}


.ctrlNext {
    right: 50px;
}

.ctrlPrev {
    left: 50px;
}

.slItem.active {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
}

.next, .prev {
    transition: transform 0.7s ease-in-out;
    -webkit-transition: -webkit-transform 0.7s ease-in-out;
    -moz-transition: -moz-transform 0.7s ease-in-out;
    -o-transition: -o-transform 0.7s ease-in-out;
    -ms-transition: -ms-transform 0.7s ease-in-out;
}

.slItem.nextItem {
    opacity: 1;
    visibility: visible;
    transform: translate3d(100%,0, 0);
    -webkit-transform: translate3d(100%,0,0);
    -moz-transform: translate3d(100%,0,0);
    -o-transform: translate3d(100%,0,0);
    -ms-transform: translate3d(100%,0,0);
}

.slItem.nextItem.next, .slItem.prevItem.prev {
    transform: translate3d(0,0);
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
}

.slItem.active.next {
    transform: translate3d(-100%,0,0);
    -webkit-transform: translate3d(-100%,0,0);
    -moz-transform: translate3d(-100%,0,0);
    -o-transform: translate3d(-100%,0,0);
    -ms-transform: translate3d(-100%,0,0);
}

.slItem.prevItem {
    opacity: 1;
    visibility: visible;
    transform: translate3d(-100%,0,0);
    -webkit-transform: translate3d(-100%,0,0);
    -moz-transform: translate3d(-100%,0,0);
    -o-transform: translate3d(-100%,0,0);
    -ms-transform: translate3d(-100%,0,0);
}

.slItem.active.prev {
    transform: translate3d(100%,0,0);
    -webkit-transform: translate3d(100%,0,0);
    -moz-transform: translate3d(100%,0,0);
    -o-transform: translate3d(100%,0,0);
    -ms-transform: translate3d(100%,0,0);
}

.slDots {
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%,  0);
    -ms-transform: translate(-50%, 0);
	bottom:31%;
}

.slDotsSingle {
    width: 16px;
    height: 16px;
    float: left;
    border-radius: 50%;
    margin-left: 10px;
    cursor: pointer;
    transition: background 0.3s ease;
	background:#fff;
}

.slDotsSingle.active {
    background: #00afd3;
}

.slDotsSingle:hover {
    background: #D0D0D0;
    border-color: #D0D0D0;
}

.mrg1
{
	width:auto;
	width:50%;
	float:left;
	box-sizing:border-box;
	margin-right:10px;
	 border: 1px solid #fff;
}
.second_sec
{
	width:auto;
	overflow:hidden;

}
.mrg2
{
	width:100%;
	 border: 1px solid #fff;
	 padding:1px;
}
.navbar-nav > li > a
{
	padding:10px !important;
}
/*For banner end here*/
@media only screen and (max-width:1060px){
		.slText
		{
			width:100%;
			max-width:100%;
			padding: 0 1.5%;
			box-sizing:border-box;
		}
}
@media only screen and (max-width:1024px){
	.navbar-nav > li > a{ font-size:19px !important;padding: 20px 10px !important;}
}

@media only screen  and (max-width:900px){
.logo{ width:100%; text-align:center;}
.logo img{ width:28%;}
.navbar-nav > li > a{ padding: 0 10px 5px 20px !important;font-size: 20px !important;}
.fixed{ height:160px;}
.footer_left{ width:100%; text-align:center; padding:0 0 15px 0;}
.ps{ display:;}
}

@media only screen and (max-width:768px){
.logo{ width:100%; text-align:center;}
.logo img{ width:28%;}
.navbar-nav > li > a{ padding: 0 10px 5px 12px !important;font-size: 20px !important;}
.weare{ width:100%; margin: 180px auto 0;}
.clint_wts_left_bg{ display:none;}
.clint_wts_left{ width:100%;}
.client_section{padding: 0 2%;text-align: center;width: 96%;}
.clint_wts_right{  width:100%;}
.footer_left{ width:100%; text-align:center; padding:0 0 15px 0;}
.footer_midile{ padding:0 0 15px 0;}
.fixed{ height:148px;}
.ps{ display:;}
}

@media only screen and (max-width:767px){
.navbar-nav{ margin:0 !important; width:100% !important; text-align:center;}
.navbar-nav > li > a{ background:none;}
.navbar-header{ text-align:center !important;}
.navbar-toggle{ float:none !important; margin-right:0 !important;}
.navigation{ padding:5px 0;}
#navbarCollapse{ background:#fff !important;}
}

@media only screen and (max-width:640px){

.wd{ width:96%;}
.mrg1{ margin:0 0 5px 0;}
.wd1{ width:100%;}
.weare p{ font-size:20px;}
.next_arrow{padding: 8% 0 0;}
.banner{ min-height:545px;}
.portfolio_list li{ width:50%;}
.footer{ padding:30px 0;}
.weare{ margin: 70px auto 0;}
.banner{height:100vh;}
.tsb{ font-size:20px;}
.weare h1{ font-size:20px;}

}
@media only screen  and (max-width:768px){
	.slider
{
	height:100vh !important;
}
}
@media only screen  and (max-width:360px){
.logo img {width: 60%;}
.clint_wts_right_text p{ font-size:34px;}
.footer{ padding:30px 0;}
.weare p{ font-size:20px;}
.mrg1{ width:100%;}
.second_sec{ width:100%;}
.navbar-nav{ margin:0 !important; width:100% !important; text-align:center;}
.navbar-nav > li > a{ background:none;}
.navbar-header{ text-align:center !important;}
.navbar-toggle{ float:none !important; margin-right:0 !important;}
.navbar-nav > li > a{ padding: 10px 10px 10px 10px !important;}
.navigation{ padding:5px 0;}
#navbarCollapse{ background:#fff !important;}


}












.scroll {
			position: fixed;
			bottom: 2em;
			right: 0px;
			text-decoration: none;
			color: #000000;

			font-size: 12px;
			padding: 1em;
			display: none;
			z-index:9;
		}

.blue{ color:#3d9ace}
.orange{ color:#FF8300}
.green{ color:#92c84f}
.navy{color:#1e448c}


.modal-title{font-size:50px;color:#7fc242;text-align:center;}
.modal-body(padding:10px)
label{color:#1d1d1d !important;font-weight:normal !important;text-align:center !important;}
input[type="text"]{background-color:#f1f1f1;border:1px solid #a1a1a1;border-radius:5px;width:90%;padding:5px 10px 10px 10px;}
select{background-color:#f1f1f1;border:1px solid #a1a1a1;border-radius:5px;width:90%;padding:5px 10px 10px 10px;}
textarea{background-color:#f1f1f1;border:1px solid #a1a1a1;border-radius:5px;width:90%;padding:5px 10px 10px 10px;}
input[type="checkbox"]{background-color:#f1f1f1;border:1px solid #a1a1a1;}
input[type="button"]{background-color:#7fc242;color:#ffffff;border:0px;border-radius:5px;;padding:10px 50px 10px 50px;}
input[type="button"]:hover{background-color:#679d36;}
#errormsg{color:red;}
#message{color:#1a1a1a;font-size:24px;}
.white{background-color:#ffffff !important;}

.btn-arrow-right,
.btn-arrow-left {
    position: relative;
    padding-left: 18px;
    padding-right: 18px;
}
.btn-arrow-right {
    padding-left: 40px !important;
	padding-right: 25px !important;
}
.btn-arrow-left {
    padding-left: 25px !important;
	padding-right: 40px !important;
}
.btn-arrow-right:before,
.btn-arrow-right:after,
.btn-arrow-left:before,
.btn-arrow-left:after { /* make two squares (before and after), looking similar to the button */
    content:"";
    position: absolute;
    top: 5px; /* move it down because of rounded corners */
    width: 22px; /* same as height */
    height: 22px; /* button_outer_height / sqrt(2) */
    background: inherit; /* use parent background */
    border: inherit; /* use parent border */
    border-left-color: transparent; /* hide left border */
    border-bottom-color: transparent; /* hide bottom border */
    border-radius: 0px 4px 0px 0px; /* round arrow corner, the shorthand property doesn't accept "inherit" so it is set to 4px */
    -webkit-border-radius: 0px 4px 0px 0px;
    -moz-border-radius: 0px 4px 0px 0px;
}
.btn-arrow-right:before,
.btn-arrow-right:after {
    transform: rotate(45deg); /* rotate right arrow squares 45 deg to point right */
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
.btn-arrow-left:before,
.btn-arrow-left:after {
    transform: rotate(225deg); /* rotate left arrow squares 225 deg to point left */
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
}
.btn-arrow-right:before,
.btn-arrow-left:before { /* align the "before" square to the left */
    left: -11px;
}
.btn-arrow-right:after,
.btn-arrow-left:after { /* align the "after" square to the right */
    right: -11px;
}
.btn-arrow-right:after,
.btn-arrow-left:before { /* bring arrow pointers to front */
    z-index: 1;
}
.btn-arrow-right:before,
.btn-arrow-left:after { /* hide arrow tails background */
    background-color: #f5f5f5;
}


.spread_evenly{
	display: inline-block;
    *display: inline; /* For IE7 */
    zoom: 1; /* Trigger hasLayout */
    width: 100%;
    text-align: center;
	#border: 1px solid black;
}