@charset "utf-8";
/* CSS Document */
@import url("menu.css");
@import url('https://fonts.googleapis.com/css?family=Lato:400,500,600,700|Open+Sans:400,500,600,700|Roboto:400,500,600,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:60px; 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.8); }
.totop a:hover i { background:rgba(255,107,36,0.9); }
.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:'Open Sans', sans-serif; font-size:14px; color:#FFF; line-height:35px; font-weight:600; }
.social { }
.social ul { margin:0px; padding:0px; list-style:none;}
.social li i { float:right; 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:#FF6B24; color:#FFF; margin-top:7px; }
.social ul li a i:hover { background:#0067BF; color:#FFF; }
/*top div end*/

/*header div start*/
.header { margin:15px 0 16px 0px; }
.header .logo { margin-top:5px; }
/*header div end*/

/*top phone and whatsapp icon css*/
.phone-main { margin-top:8px; float:right; }
a.phone-but { margin:0 15px; color:#E52F37; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; }
a:hover.phone-but { color:#333982; }
a.whatsapp-but  { color:#27B36A; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; }
a:hover.whatsapp-but  { color:#1AA45C; }
/*top phone and whatsapp icon css*/

/*banner css start*/
#home { padding:0; overflow:hidden; position:relative; height:550px; }

#main-carousel .carousel-inner .item { width:100%; height:100%;  background-repeat:no-repeat; }
#main-carousel .carousel-indicators {  bottom:80px; display:none; }
#main-carousel .carousel-indicators li { background:rgba(0, 0, 0, 0); border:1px solid #FFF; width:13px; height:13px; margin-left:5px; z-index:9999; display:inline-block; }
.carousel-indicators .active { background-color:#FFF !important; }
.slider-content { height:100%; }
#main-carousel .carousel-caption { display:table; width:100%; height:100%; min-height:100%; left:0; top:0; z-index:11; }
#main-carousel .carousel-caption > div { display:table-cell; padding-top:150px;}
#main-carousel .carousel-inner h2 { color:#f6f6f6; display:inline-block; font-family:'Roboto', sans-serif; font-size:55px; font-weight:800; text-shadow:none; text-transform:uppercase; }
#main-carousel .carousel-inner h2 span { color:#7ab700; }
#main-carousel .carousel-inner p { color:#f6f6f6; font-family:'Roboto', sans-serif; font-size:24px; font-weight:300; margin-bottom:59px; margin-top:0; text-shadow:none; }
#main-carousel .carousel-left { left:-50px; }
#main-carousel .carousel-right { right:-50px; }
#main-carousel:hover .carousel-left { left:0px; -webkit-transition:300ms; -moz-transition:300ms; -o-transition:300ms; transition:300ms; }
#main-carousel:hover .carousel-right { right:0px; -webkit-transition:300ms; -moz-transition:300ms; -o-transition:300ms; transition:300ms; }
#main-carousel .carousel-left, #main-carousel .carousel-right { padding:15px; z-index:12; font-size:60px; color:rgba(255, 255, 255, 0.52); top:50%; position:absolute; margin-top:-120px; text-align:center; -webkit-transition:300ms; -moz-transition:300ms; -o-transition:300ms; transition:300ms; }
.carousel-right { right:65px; }
.carousel-left { left:65px; }
#main-carousel .carousel-left:hover, #main-carousel .carousel-right:hover{ color:#F6F6F6; }

.slider-btn { background-color:#2dcc70; color:#FFF; -webkit-box-shadow:inset 0 0 0 2px #2dcc70; box-shadow:inset 0 0 0 2px #2dcc70; text-transform:uppercase; width:190px; text-align:center; height:55px; line-height:55px; padding:0; font-family:'Roboto', sans-serif; font-size:18px; font-weight:800; border:0; -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; margin-top:50px; }
.slider-btn:hover { background-color:#43484E; -webkit-box-shadow:inset 0 0 0 2px #43484E; box-shadow:inset 0 0 0 2px #43484E; color:#FFF; }
/*banner css end*/

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

/*content div start*/
.content { margin:40px auto; }
/*content div end*/

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

/*callback form css start*/
.callback { }
.callback h2 { background:#FF6B24; font-family:"Lato", sans-serif; font-size:24px; color:#FFF; font-weight:400; border-radius:4px 4px 0 0; text-align:center; padding:20px 0; }
.callback_inner { background:#0067BF; border-radius:0 0 4px 4px; padding:10px 20px; }
.callback_inner .form-group { margin:15px 0; }
.callback_inner ::-webkit-input-placeholder { font-family:'Open Sans', sans-serif; font-size:14px; color:#333; }
.callback_inner .form-group input { width:100%; border:none; } 
.callback_inner .form-group select { width:100%; border:none; font-family:'Open Sans', sans-serif; color:#333; } 
.callback_inner .form-group textarea { width:100%; border:none; }
.callback_inner .form-group input.code { float:left; width:65%; border:none; margin-right:5px; }
.callback_inner .captcha { padding:10px; background:#FFF; border-radius:4px; border:none; }
.callback_inner input[type=text]:focus { box-shadow:0px 0px 5px #FF6B24 !important; border:1px solid #FF6B24 !important; outline:none; }
.callback_inner textarea:focus { box-shadow:0px 0px 5px #FF6B24 !important; border:1px solid #FF6B24 !important; outline:none; }
.callback_inner p { font-family:'Open Sans', sans-serif; font-size:13px; color:#FFF; }
.callback_inner .submit { width:100%; font-family:'Roboto', sans-serif; font-size:16px; color:#FFF; padding:6px 26px 6px 26px; background:#FF6B24; cursor:pointer; outline:none; border-radius:none; border:none; margin:10px 0; }
.callback_inner .submit:hover { background:#D45011; color:#FFF; outline:none; border-radius:none; border:none;}
/*callback form css end*/

/*our services css start*/
.services { background:#F1F1F1; padding:40px 0px; }
.services h4 { font-family:'Roboto', sans-serif; font-size:30px; color:#1884f3; margin-bottom:30px; text-align:center; text-transform: uppercase; }
.services h5 { font-family:'Roboto', sans-serif; color:#FFF; margin:10px 0px; padding:3px 0px; font-size:20px; font-weight:500;  }
.rpost1 { border-bottom:2px solid #0b59a9; 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:'Open Sans', sans-serif; font-size:14px; color:#FFF; line-height:22px; padding:5px; background:#1884F3; text-align:center; }
.services .rdetails:hover { background:#FF6B24; -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 #FF6B24; }
.rimg { border:3px solid #FFF; }

.services .rdetails .more { background:#FF6B24; padding:8px 30px; margin:5px 0;  font:400 14px 'Open Sans', sans-serif; border:none; color:#FFF; border-radius:4px; 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 .rdetails .more:hover { background:#0067BF; color:#FFF; border:none; }
/*our services css end*/

/*what we do css start*/
.what_we_do { margin:40px auto;  }
.we_do { width:50%; margin:0px auto; margin-bottom:30px; text-align:center;  }
.we_do h2 { font-family:'Roboto', 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:#0067BF; }
.we_do .text { margin:0px auto; font-family:"Open Sans", sans-serif; font-weight:600; color:#333; 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:#0067BF; font-size:30px; line-height:50px; }

.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:#F1F1F1; padding:10px 30px 30px 30px; text-align:center; }
.gray_box h3 { font-family:'Roboto', 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:#0067BF; text-decoration:none; }
.gray_box h3 a:hover { color:#333; text-decoration:none; }
.gray_box p { font-family:"Open Sans", sans-serif; font-weight:400; color:#000; font-size:14px; line-height:1.8em; margin-bottom:25px; }
.gray_box .read { margin-top:10px; padding:8px 24px; font:400 14px 'Lato', sans-serif; background:#0067BF; 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; }
.gray_box .read:hover { background:#FF6B24; 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:'Roboto', sans-serif; font-size:44px; font-weight:400; color:#FFF; margin-bottom:20px; text-transform:uppercase; }
.helpful_bg .helpful_text p { font-family:"Open Sans", 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:'Open Sans', sans-serif; color:#FFF; font-size:34px; margin-bottom:0; }
.helpful_bg .helpful_text .helpful_call_box h4 i { color:#0067BF; }
/*we are very helpful css end*/

/*our blog css start*/
.our_blog { background:#FFF; font-family:'Open Sans', sans-serif; margin:0px 0px; text-align:center; padding:35px 0px; margin-top:20px; }
.our_blog h2 { font-family:'Roboto', serif; font-size:30px; font-weight:400; color:#0067BF; margin-bottom:10px;  }
.our_blog h2 span { color:#162541; }
.our_blog .agileits_w3layouts_news_grid img { text-align:center; margin-top:2px; }
.our_blog .adv_box { background:#FFF; overflow:hidden; border:1px solid #E4E4E4; min-height:450px; }
.our_blog .adv_box:hover { box-shadow:2px 2px 10px #C5C5C5; -moz-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s; transition:all 0.3s; }
.our_blog .adv_box h2 { font-family:'Roboto', serif; font-size:18px; font-weight:600; color:#0067BF; margin-top:10px; text-transform:uppercase; }
.our_blog .adv_box h2 a { color:#162541; text-decoration:none; }
.our_blog .adv_box .adv_box_inner { padding:10px; }
.our_blog .adv_box .adv_box_inner p { font-family:'Open Sans', sans-serif; color:#333; font-size:14px; line-height:1.6em; margin:10px 0 15px 0; }
.our_blog a.more { background:#FF6B24; padding:8px 20px; font:400 14px 'Open Sans', sans-serif; border:none; color:#FFF; border-radius:3px; text-decoration:none; }
.our_blog a.more:hover { background:#0067BF; color:#FFF; border:none; text-decoration:none; }

#flexiselDemo1 { display:none; }
#flexiselDemo2 { display:none; }
#flexiselDemo3 { display:none; }
#flexiselDemo4 { 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:25px; }
.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 blog css end*/

/*testimonial css start*/
.testimonial_main { background:#0067BF; padding:15px 0px 15px 0px; border-top:2px solid #0058A4; }
.testimonial_main h2 { width:30%; margin:0px auto; font-family:'Roboto',sans-serif; font-size:30px; color:#FF6B24; 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:'Open Sans', sans-serif; font-size:16px; color:#FFF; text-align:center; line-height:2em; }
#testimonials .testimonial_name { font-family:'Roboto',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:'Open Sans', sans-serif; font-weight:700; 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:#FF6B24;}
/*testimonial css end*/

/*footer css end*/
.footer { background:#333; padding:10px 0px 10px 0px; font-family:"Open Sans", sans-serif; margin-top:1px; }
.copy { font-size:13px; color:#FFF; line-height:2.5em; }
.copy a { color:#FF6B24; text-decoration:underline; padding:0 5px 0 5px; }
.copy a:hover { color:#FFF; text-decoration:underline;} 

.powered_by { float:right; font-size:13px; color:#FFF; line-height:2.5em; }
.powered_by a { text-decoration:none; color:#FFF; }
.powered_by a:hover { color:#FF6B24; }
/*footer css end*/

/*blog page css start*/
.blog_page {  background:#FFF; text-align:center;  }
.blog_page .blog_tittle h2 { font-family:'Roboto', sans-serif; font-size:28px; font-weight:600;  color:#000000; margin:10px auto; text-transform:uppercase; margin-bottom:30px; }
.blog_page .blog_tittle p { width:70%; margin:0px auto; font-family:'Open Sans', sans-serif; line-height:1.8em;  font-size:14px;   color:#000;}
.blog_page .blog_box {border:1px solid #EDEAEA; padding:10px; margin-bottom:30px;}
.blog_page { margin:50px auto; }
.blog_page .hovereffect {  overflow:hidden; position:relative; text-align:center; cursor:default; margin-bottom:10px; }
.blog_page .hovereffect img { display:block; position:relative; -webkit-transition:all .4s linear; transition:all .4s linear; }
.blog_page .hovereffect:hover img { -ms-transform:scale(1.2); -webkit-transform:scale(1.2); transform:scale(1.2);}

.blog_page h4 { font-family:'Roboto', sans-serif; font-size:20px; font-weight:500; color:#0067BF; margin:30px 0px 10px;  }
.blog_page h4 a { color:#da0000; text-decoration:none;}
.blog_page h4 a:hover { color:#000; text-decoration:none; }
.blog_page p { font-family:'Open Sans', sans-serif; font-size:14px; font-weight:400; line-height:1.7em;  color:#000000; }

.blog_page .read { padding:10px 16px; font-weight:400; font-size:14px; font-family:'Open Sans', sans-serif; border:1px solid #FFF;
 color:#FFF; background:#FF6B24; border-radius:4px; 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; }
.blog_page .read:hover { background-color:#0067BF; color:#FFF; }
/*blog page css end*/

/*blog webpage css start*/
.blog_detail { }
.blog_detail h1 { font-family:'Roboto', sans-serif; color:#FF6B24; font-size:30px; padding-bottom:15px; }
.blog_detail .body_text { font-family:'Lato', sans-serif; font-size:15px; color:#000; line-height:1.7em; text-align:justify; }
.blog_detail img { float:left; margin:5px 20px 10px 0; padding:5px; border:1px solid #CCC; -webkit-box-shadow:1px 1px 3px 1px rgba(0, 0, 0, 0.04); -moz-box-shadow:1px 1px 3px 1px rgba(0, 0, 0, 0.04); box-shadow:1px 1px 3px 1px rgba(0, 0, 0, 0.04); }

.key_word { margin-top:10px; }
.key_word ul { margin:0px; padding:0px; padding-left:0px; list-style-type:none;}
.key_word li { background:#F0F0F0; font-family:"Roboto", sans-serif; font-size:14px; border:1px solid #D3D3D3; display:inline-block; margin:4px;}
.key_word li a { color:#000; padding:8px; text-decoration:none; font-weight:600; }
.key_word li a:hover {color:#000; text-decoration:underline;}
/*blog webpage css end*/

/*phone icss css start*/
.phone_icon_main { position:fixed; width:60px; height:60px; bottom:120px; left:40px; background-color:#E51024; color:#FFF; border-radius:50px;
text-align:center; font-size:30px; box-shadow: 2px 2px 3px #999; z-index:999999; }
.phone_icon { margin-top:16px;}
.phone_icon_main:hover { color:#FFEE08;}
/*phone icss css end*/

/*whatsapp css start*/
.whatsapp_main { position:fixed; width:60px; height:60px; bottom:40px; left:40px; background-color:#25d366; color:#FFF; border-radius:50px;
text-align:center; font-size:30px; box-shadow: 2px 2px 3px #999; z-index:100; }
.whatsapp_icon { margin-top:16px; }
.whatsapp_main:hover { color:#fff; }
/*whatsapp css end*/