@charset "utf-8";
/* CSS Document */
@import url("menu.css");
@import url("flexslider.css");
@import url('https://fonts.googleapis.com/css?family=Lato:400,700|Oswald:400,700|Roboto+Slab:400,700|Roboto:400,700');

body { margin:0px; padding:0px;}
h1,h2,h3,h4,h5,h5,h6 { margin:0px; padding:0px;}
.cl{ clear:both; }

img { vertical-align:middle; border:none; }
#wrapper { width:100%; }
.img_left { float:left; margin-right:10px;}

/*scroll to top start*/
.totop { position:fixed; bottom:10px; right:10px; z-index:104400; }
.totop a i { display:block; width:40px; height:40px; line-height:40px; text-align:center; font-size:25px; background:rgba(60,60,60,0.7); }
.totop a:hover i { background:rgba(60,60,60,1); }
.totop a, .totop a:visited { color:#FFF; }
.totop a:hover { color:#eee; text-decoration:none; }
/*scroll to top end*/

/*top div start*/
.top { background:#333;} 
.email { font-family:'Montserrat', sans-serif; font-size:13px; color:#ededed; line-height:35px; font-weight:bold; }
.social { }
.social ul { margin:0px; padding:0px; list-style:none;}
.social li i { float:left; width:20px; height:20px; line-height:20px; text-align:center; -webkit-border-radius:10%; -moz-border-radius:10%; border-radius:10%; margin-right:10px; background:#a5d728; color:#FFF; margin-top:7px; }
.social ul li a i:hover { background:#b4b4b4; color:#FFF; }
/*top div end*/

/*header div start*/
.header { padding:20px 0px;}
.phone { float:right; font-family:'Roboto Slab'; font-size:24px; text-align:center; }
.phone span { font-weight:bold; color:#69a827; font-size:18px;}
.phone a { color:#000; text-decoration:none;}
.phone a:hover { color:#69a827;}
/*header div end*/

.web_banner { width:100%; margin:0px auto; }

/*paging css start*/
.paging { font-family:'Roboto Slab'; font-size:11px; color:#0034FF; font-weight:700; font-style:italic; margin-top:40px; }
.paging a { text-decoration:none; color:#FF0000; }
.paging a:hover { text-decoration:none; color:#FF0000; }
.paging span { margin:0 5px; }
.paging i { font-size:16px; }
.paging .right_f { float:right; }

.phone1 { font-family:'Roboto Slab'; font-size:27px; color:#000; margin:30px 0; }
.phone1 a { text-decoration:none; color:#000; }
.phone1 a:hover { text-decoration:none; color:#5BB12F; }
.phone1 i { margin:0 5px; }
/*paging css end*/

/*adv box div start*/
.adv_box1 { background:#06a400; border-top:9px solid #047a00; padding:30px 0px 30px 0px;  text-align:center; }
.adv_box1 h3 { font-family:'Roboto', sans-serif; color:#FFF; font-size:22px; padding:10px 0px 10px 0px; text-transform: uppercase;}
.adv_box1  p { font-family:'Roboto', sans-serif; color:#FFF; font-size:15px;}
.adv_box1 i{ color:#FFF; font-size:38px; border:2px solid #FFF; border-radius:50%; width:100px; height:100px; line-height:100px;  }
.adv_box1 .more { background:#e2e2e2; padding:10px; display:inline-block; color:#454545;}
.adv_box1 .more:hover{ background:#F12125; text-decoration:none; color:#FFF; } 
/*adv box div end*/

/*content div start*/
.content { margin-top:30px; }
/*content div end*/

/*center div start*/
.weldiv { }
.weldiv h1 { font-family:'Roboto', sans-serif; color:#333; font-size:30px; padding-bottom:15px; }
.weldiv .body_text { font-family:'Roboto', sans-serif; font-size:15px; color:#000000; line-height:1.7em; text-align:justify; }
/*center div end*/

/*callback form css start*/
.callback { }
.callback h2 { background:#333; font-family:"Lato", sans-serif; font-size:24px; color:#FFF; font-weight:normal; border-radius:10px 10px 0 0; text-align:center; padding:10px 0; }
.callback_inner { background:#fafafa;  border-radius:0 0 10px 10px; padding:20px; border:1px solid #B5B5B5; box-shadow: 1px 1px 9px #C5C5C5; }
.form-group { margin:11px 0; }
.callback_inner ::-webkit-input-placeholder { font-family:'Open Sans', arial, sans-serif; font-size:13px; color:#000; }
.callback_inner .form-group input { width:100%; border:#CCCCCC 1px solid; } 
.callback_inner .form-group textarea { width:100%; border:#CCCCCC 1px solid; } 
.callback_inner .form-group input.code { float:left; width:65%; border:#CCCCCC 1px solid; margin-right:5px; }
.callback_inner .captcha { padding:9px; background:#FFF; border-radius:4px; border:#CCCCCC 1px solid; }
.callback_inner input[type=text]:focus { box-shadow:0px 0px 5px #2f92f8 !important; border:1px solid #2f92f8 !important; outline:none; }
.callback_inner textarea:focus { box-shadow:0px 0px 5px #2f92f8 !important; border:1px solid #2f92f8 !important; outline:none; }
.submit { font-family:'Open Sans', Helvetica, Arial, sans-serif; font-size:16px; color:#FFF; padding:6px 26px 6px 26px; background:#333; cursor:pointer; outline:none; border-radius:none; border:none;}
.submit:hover { background:#5b37c5; color:#FFF; outline:none; border-radius:none; border:none;}
/*callback form css end*/

/*our services css start*/
.services { margin:20px auto 1px; background:#F7F5F5; padding:40px 0px 40px 0px; }
.services h4 { font-family:'Roboto', sans-serif; font-size:30px; color:#303030; padding-bottom:8px; margin-bottom:8px; text-align:center; text-transform: uppercase; }
.services h5 { font-family:'Roboto', sans-serif; color:#FFF; margin:3px 0px; padding:3px 0px; font-size:18px; font-weight:bold; text-transform: uppercase; }
.rpost1 { border-bottom:2px solid #047a00; margin:0px auto; margin-bottom:10px; margin-top:5px;  box-shadow: 1px 1px 3px #C5C5C5; }
.rpost1:hover { -webkit-transition:border-bottom 1s ease; -moz-transition:border-bottom 1s ease; -o-transition:border-bottom 1s ease; transition:border-bottom 1s ease;  }
.services .rdetails { font-family:'Roboto', sans-serif; font-size:14px; color:#FFF; line-height:22px; padding:5px; background:#06a400; text-align:center; }
.services .rdetails:hover { background:#5C5C5C; -webkit-transition:background 1s ease; -moz-transition:background 1s ease; -o-transition:background 1s ease;transition:background 1s ease; }
.rpost1:hover,.rpost2:hover { border-bottom:2px solid #2F2F2F; }

.services .read { margin-top:10px; margin-bottom:6px; padding:8px 24px; font:400 14px 'Oxygen', sans-serif; border:1px solid #FFF; color:#FFF; border-radius:0; text-transform:uppercase; webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out;  -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; }
.services .read:hover {  color:#06a400; border:1px solid #FFF; }
/*our services css end*/

/*what we do css start*/
.we_do { width:50%; margin:0px auto; padding:20px 0; text-align:center;  }
.we_do h2 { font-family:'Montserrat', sans-serif; font-size:35px; font-weight:400; line-height:1.2; color:#333333; margin-top:0; margin-bottom:10px; text-transform:uppercase; }
.we_do h2 span { color:#06a400; }
.we_do .text { margin:0px auto; font-family:'Oxygen', sans-serif; font-weight:700; color:#595959; font-size:14px; line-height:26px; }
.we_do i { color:#f7913a; margin:10px 0; }

/* ========== TITLE LINE ========== */
.title_line { width:180px; height:2px; background:#333333; margin:0 auto; margin:0px auto; margin-top:25px; margin-bottom:25px; position:relative; }
.title_line .title_line_icon { position:absolute; top:-33px; left:50%; margin-left:-25px; width:50px; height:50px; background:#FFF; }
.title_line .title_line_icon i { color:#06a400; font-size:30px; line-height:50px; }

.adv_box { margin-bottom:50px; text-align:center; padding:40px 30px; border:1px solid #e6e6e6; position:relative; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -ms-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out; }
.adv_box:hover { border-color:#f7913a; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -ms-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out; }

.adv_box_icon { width:60px; height:60px; background:#FFF; border:1px solid #e6e6e6; text-align:center; position:absolute; left:50%; top:-30px; margin-left:-30px; margin-bottom:40px; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -ms-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out; }
.adv_box:hover .adv_box_icon { background:#f7913a; border-color:#f7913a; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -ms-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out; }
.adv_box_icon i { color:#f7913a; font-size:40px; line-height:60px; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -ms-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out; }
.adv_box:hover .adv_box_icon i { color:#FFF; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -ms-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out; }

.adv_box h3 { font-family:'Montserrat', sans-serif; font-size:18px; font-weight:400; margin:20px 0 15px 0; text-transform:uppercase; }
.adv_box p { font-family:'Oxygen', sans-serif; font-weight:400; color:#595959; font-size:14px; line-height:1.8em; margin-bottom:25px; }

.adv_box .more { margin-top:10px; padding:4px 22px; font:400 14px 'Oxygen', sans-serif; color:#f7913a; border:1px solid #f7913a; border-radius:0; text-transform:uppercase; webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out;  -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; }
.adv_box .more:hover { background-color:#047a00; border:1px solid #047a00; color:#FFF; }
/*what we do css end*/

/*we are very helpful css start*/
.helpful_bg { padding:100px 0 70px; background:url(../images/we-are.jpg); background-size:cover; background-position:center; background-repeat:no-repeat; margin-top:20px;}
.helpful_bg_black { position:relative; }
.helpful_bg_black:before { content:" "; width:100%; height:100%; left:0; position:absolute; top:0; z-index:0; background:rgba(0, 0, 0, 0.85); }

.helpful_bg .helpful_text { margin-bottom:30px; }
.helpful_bg .helpful_text h2 { font-family:'Montserrat', sans-serif; font-size:44px; font-weight:400; color:#FFF; margin-bottom:20px; text-transform:uppercase; }
.helpful_bg .helpful_text p { font-family:'Oxygen', sans-serif; font-weight:400; font-size:14px; color:#e2e0e0; line-height:1.8em; margin-bottom:20px; }
.helpful_bg .helpful_call_box { border:1px solid rgba(255, 255, 255, 0.3); padding:40px 20px; }
.helpful_bg .helpful_text .helpful_call_box h4 { font-family:'Montserrat', sans-serif; color:#e2e0e0; font-size:34px; margin-bottom:0; }
.helpful_bg .helpful_text .helpful_call_box h4 i { color:#06a400; }
/*we are very helpful css end*/

/*our courses css start*/
.our_courses { width:50%; margin:0px auto; padding:80px 0; text-align:center;  }
.our_courses h2 { font-family:'Montserrat', sans-serif; font-size:35px; font-weight:400; line-height:1.2; color:#333333; margin-top:0; margin-bottom:10px; text-transform:uppercase; }
.our_courses h2 span { color:#f7913a; }
.our_courses .text { margin:0px auto; font-family:'Oxygen', sans-serif; font-weight:700; color:#595959; font-size:14px; line-height:26px; }
.our_courses i { color:#f7913a; margin:10px 0; }

.parent { overflow:hidden; position:relative; display:inline-block; margin-bottom:-5px; }
.child { background-size:cover; background-repeat:no-repeat; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; transition:all 0.3s; }
.parent:hover .child, .parent:focus .child { -moz-transform:scale(1.1); -webkit-transform:scale(1.1); transform:scale(1.1); }

.gray_box { background:#f7f7f7; padding:10px 30px 30px 30px; text-align:center; }
.gray_box h3 { font-family:'Montserrat', sans-serif; font-size:24px; color:#333; font-weight:400; margin:20px 0 15px 0; text-transform:uppercase; text-decoration:none; }
.gray_box h3 a { color:#06a400; text-decoration:none; }
.gray_box h3 a:hover { color:#333; text-decoration:none; }
.gray_box p { font-family:'Oxygen', sans-serif; font-weight:400; color:#595959; font-size:14px; line-height:1.8em; margin-bottom:25px; }

.gray_box .read { margin-top:10px; padding:8px 24px; font:400 14px 'Oxygen', sans-serif; border:1px solid #C1C1C1; color:#6c6c6c; border-radius:0; text-transform:uppercase; webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out;  -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; }
.gray_box .read:hover { background-color:#047a00; color:#FFF; border:1px solid #047a00; }
/*our courses css end*/

/*our products css start*/
.news { font-family:'Open Sans', sans-serif; margin-bottom:30px; text-align:center; }
.news h2 {  font-family:'Montserrat', sans-serif; font-size:35px; font-weight:400; line-height:1.2; color:#06a400; margin-top:30px; margin-bottom:10px; text-transform:uppercase; }
.news h2 span { color:#06a400; }
.news p { font-size:14px; color:#212121; margin-top:10px; }
.w3_agileits_news_grid { position:relative; border:1px solid #E0E0E0; padding:5px; }
.w3_agileits_news_grid_pos { position:absolute; bottom:-7%; left:8%; width:85%; padding:.5em; background:#256d7a; }
.w3_agileits_news_grid_pos h4 { text-align:center; text-transform:capitalize; font-size:14px; color:#FFF;  }
.agileits_w3layouts_news_grid h5 { font-family:'Roboto', sans-serif; margin:2em 0 1em;  }
.agileits_w3layouts_news_grid h5 a { font-size:16px; color:#000; text-decoration:none; text-align:center; font-weight:600; }
.agileits_w3layouts_news_grid h5 a:hover { color:#06a400; }
.agileits_w3layouts_news_grid h5 a:focus,.agileits_more ul li a.hvr-icon-hang:focus,.agileits_w3layouts_sign_in ul li a:focus{ outline:none; }
.agileits_w3layouts_news_grids,.w3layouts_team_grids,.w3_agile_portfolio_grids,.agileits_w3layouts_contact_grids { margin:3em 0 0; }
.agileits_w3layouts_news_grid p { line-height:2em; font-size:14px; color:#414141; }

/*--flexisel--*/
#flexiselDemo1 { display:none; }
.nbs-flexisel-container { position:relative; max-width:100%; }
.nbs-flexisel-ul { position:relative; width:9999px; margin:0px; padding:0px; list-style-type:none; }
.nbs-flexisel-inner { overflow:hidden; margin:0px auto; padding:2em 0 0; }
.nbs-flexisel-item { float:left; margin:0; padding:0px; position:relative; line-height:35px; }
.nbs-flexisel-item > img { cursor:pointer; position:relative; }
/*---- Nav ---*/
.nbs-flexisel-nav-left, .nbs-flexisel-nav-right { width:33px; height:33px; position:absolute; cursor:pointer; z-index:100; background:url(../images/left.png) no-repeat 2px 1px; top:-5% !important; }
.nbs-flexisel-nav-left { left:94%; }
.nbs-flexisel-nav-right { right:0%; background:url(../images/right.png) no-repeat 2px 1px; }
/*--//flexisel--*/
.agileits_w3layouts_news_grid { padding:0 .5em; }

@media (max-width:1080px){ .nbs-flexisel-nav-left { left:92.5%; } }
@media (max-width:1024px){ .nbs-flexisel-nav-left { left:90%; } }
@media (max-width:768px){ .nbs-flexisel-nav-left { left:85%; } }
@media (max-width:480px){ .nbs-flexisel-nav-left { left:77%; } }
@media (max-width:320px){ .nbs-flexisel-nav-left { left:69%; } }
/*our products css end*/

/*testimonial css start*/
.testimonial_main { background:url(../images/testimonial_bg.jpg) no-repeat; background-size: cover; padding:40px 0px 40px 0px;   }
.testimonial_main h2 { width:20%; margin:0px auto; font-family:'Oswald',sans-serif; font-size:30px; color:#07c200; text-align:center; text-transform:uppercase; border:2px solid #FFFFFF; padding:6px; border-radius:25px; text-shadow: 1px 1px #292828; margin-bottom:10px; }
#testimonials { width:70%; margin:0px auto; position:relative; margin-top:30px; }
#testimonials .testimonial { width:100%; left:0px; top:0px; z-index:1; padding:0 10px 0px 10px; position:absolute; }
#test_container { position:relative; overflow:hidden;}
#testimonials .testimonial_text{ font-family:"Raleway", sans-serif; font-size:16px; color:#FFF; text-align:center; line-height:2em; }
#testimonials .testimonial_name { font-family:"Arial",sans-serif; font-size:3px; color:#000; font-weight:bold; text-align:center;  margin:10px auto 3px; text-align:right; }
#testimonials .testimonial_designation { font-size:14px; line-height:14px; font-family:'Oswald', sans-serif; font-weight:bold; text-align:center; color:#E7E4E4; margin-top:12px; }
#t_pagers { text-align:center; z-index:2;}
#t_pagers .pager { display:inline-block; text-decoration:none; width:10px; min-height:10px; margin-right:5px; background:#ccc; border-radius:50%; cursor:pointer; }
#t_pagers .pager.active{ background:#ffae00;}
/*testimonial css end*/

/*bottom css start*/
.bottom { background:#047a00; padding:15px 0px 15px 0px; font-family:'Roboto', sans-serif; border-top:2px solid #045801; }
.bottom .bott1 { }
.bottom .bott1 h2 { font-family:'Oswald',sans-serif; font-size:18px; color:#FFF; padding-bottom:20px; }
.bottom .bott1 h2 span {  color:#08E800; }
.bottom h2:after { display:block; width:30px; margin-top:18px; border-top:1px solid #333; content:''; }
.bottom .bott1 .text { color:#FFF; }
.bottom .bott1 .text strong { color:#FFF;}

.bottom .bott2 h2 { font-family:'Oswald',sans-serif; font-size:18px; color:#FFF; padding-bottom:20px; }
.bottom .bott2 h2 span { color:#08E800;}
.bott2 ul { margin:0px; padding:0px; list-style-type:none;}
.bott2 li {  font-size:14px; color:#FFF; border-bottom:#c9cbce 1px solid; }
.bott2 li a { text-decoration:none; color:#FFF; line-height:3em; padding-left:10px; }
.bott2 li a:hover { text-decoration:none; color:#08E800; }
.bott2 li i { margin-right:10px; }

.bottom .bott3 { font-size:13px; color:#FFF; text-decoration:none; }
.bottom .bott3 a { color:#FFF500; text-decoration:none; }
.bottom .bott3 a:hover { color:#FFF; text-decoration:none; }
.bottom .bott3 h2 { font-family:'Oswald',sans-serif; font-size:18px; color:#FFF; padding-bottom:20px; }
.bottom .bott3 h2 span { color:#08E800;  }
.bottom .fa-2x { font-size:20px; margin-right:15px; float:left; }
/*bottom css end*/

/*footer css end*/
.footer { background:#012F00; padding:10px 0px 10px 0px; }
.copy { font-family:'Roboto', sans-serif; font-size:12px; color:#FFF; line-height:2.5em; }
.copy a { color:#06a400; text-decoration:underline; padding:0 5px 0 5px; }
.copy a:hover { color:#FFF; text-decoration:underline;} 
.powered_by { font-family:'Roboto', sans-serif; font-size:12px; color:#FFF; line-height:2.5em; }
.powered_by a { text-decoration:none; color:#FFF; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; }
.powered_by a:hover { color:#06a400; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; }
/*footer css end*/