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

body { padding:0; margin:0; }
h1,h2,h3,h4,h5,h6 { padding:0px; margin:0px; }
hr { margin:3px 0px 15px 0px; padding:0px; border-top:0px; border-bottom:1px solid #eee; height:0px; }
img { border:none; vertical-align:middle; }
.cl { clear:both; }
.img_left { background:#FFF; float:left; margin:5px 20px 10px 0; padding:3px; 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); }

/*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.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*/

/*header css start*/
header { margin:10px 0 30px 0; }
.p_left { float:left;}
.p_left i { width:50px; height:50px; line-height:50px; font-size:26px; background:#f1f3f9; border-radius:50%; color:#5b37c5; margin-right:15px; text-align:center; margin-top:20px;}
.p_right { font-family:"Lato", Helvetica, Arial, sans-serif; font-size:24px; line-height:1.6; color:#333; text-decoration:none; margin-top:10px; text-align:center; }
.p_right span { color:#2f92f8;}
.p_right a { color:#333; text-decoration:none; }
.p_right a:hover { color:#333; text-decoration:none; }
.logo {  }

/*header css end*/

/*adv box css start*/
.adv_main { margin:30px 0 30px 0; text-align:center; overflow:hidden; }
.adv_main h2 { font-family:"Oswald", sans-serif; font-size:44px; font-weight:400; color:#434445; text-transform:uppercase; }
.adv_main .divider { width:10%; height:4px; background:#2f92f8; text-align:center; margin:0px auto; margin-top:10px; }
.adv_main .adv { margin-top:40px; }
.adv_main .adv i { width:128px; height:128px; line-height:120px; color:#FFF; border-radius:50%; margin-bottom:30px; 
background-image:-webkit-linear-gradient(top, #3acfd5 0%, #3a4ed5 100%), -webkit-linear-gradient(top, #3acfd5 0%, #3a4ed5 100%);
background-image:-moz-linear-gradient(top, #3acfd5 0%, #3a4ed5 100%), -moz-linear-gradient(top, #3acfd5 0%, #3a4ed5 100%);
background-image:-o-linear-gradient(top, #3acfd5 0%, #3a4ed5 100%), -o-linear-gradient(top, #3acfd5 0%, #3a4ed5 100%);
background-image:linear-gradient(to bottom, #3acfd5 0%, #3a4ed5 100%), linear-gradient(to bottom, #3acfd5 0%, #3a4ed5 100%);
}
.adv_main .adv h3 { font-family:"Lato",Helvetica,Arial,sans-serif; font-size:22px; font-weight:700; color:#2f92f8; margin-bottom:20px; }
.adv_main .adv p { font-family:"Lato",Helvetica,Arial,sans-serif; font-size:15px; font-weight:400; color:#333; }
/*adv box css end*/

/*paging css start*/
.paging { font-family:'Raleway'; font-size:11px; color:#0034FF; font-weight:700; font-style:italic; margin-top:10px;  }
.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:'Raleway'; font-size:24px; color:#000; margin-bottom:20px;}
.phone1 a { text-decoration:none; color:#000; }
.phone1 a:hover { text-decoration:none; color:#e81f1f; }
.phone1 i { margin:0 5px; }
/*paging css end*/

/*content css start*/
.content { margin:0px auto; background:url(../images/content.jpg) center top no-repeat #b4b4b4; padding:40px 0; }
.wel { background:rgba(255,255,255,0.9); border:#FFF 4px solid; border-radius:10px; padding:20px; }
.wel hr { height:6px; background:url(../images/hr-11.png) repeat-x 0 0; border:0; }
.wel h1 { font-family:"Lato", sans-serif; font-size:28px; color:#2f92f8; margin-bottom:10px; }
.wel h1.head2 {  font-size:24px; color:#F40408; }
.wel .body_text { font-family:'Open Sans', arial, sans-serif; font-size:14px; color:#000; text-align:justify; line-height:1.8em; }
.wel .body_text a { color:#ee151b; text-decoration:underline; }
.wel .body_text a:hover { color:#000; text-decoration:none; }
.content1 { margin-top:25px;}
/*content css end*/

/*callback form css start*/
.callback { }
.callback h2 { background:#2f92f8; 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:#E9E9E9 4px solid; border-top:none; border-radius:0 0 10px 10px; padding:20px; }

.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; height:42px; } 
.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:13px 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:9px 26px 9px 26px; background:#2f92f8; cursor:pointer; outline:none; border-radius:none; border:none; margin-top:5px; }
.submit:hover { background:#5b37c5; color:#FFF; outline:none; border-radius:none; border:none; }
/*callback form css end*/


/*our services css start*/
.services { margin:30px 0 30px 0; text-align:center; overflow:hidden; }
.services h2 { font-family:"Oswald", sans-serif; font-size:34px; font-weight:400; color:#434445; text-transform:uppercase; }
.services .divider { width:10%; height:4px; background:#2f92f8; text-align:center; margin:0px auto; margin-top:10px; }
.services p { font-family:"Lato", sans-serif; font-size:16px; color:#333; margin:20px 0 30px 0; }
.services img { border-radius:5px 5px 0 0; }
.services .tab { max-width:450px; display:block; font-family: "Oswald", sans-serif; font-size:17px; color:#FFF; letter-spacing:0.06em; padding:14px 15px; background:#2f92f8; cursor:pointer; border-radius:5px; text-decoration:none; text-align:left; text-transform:uppercase; position:relative; margin-top:-10px; z-index:99999; margin-bottom:40px; }
.services .tab:hover { background:url(../images/arrow-right.png) 285px 14px no-repeat #5b37c5; color:#FFF; }
/*our services css end*/

/*our products css start*/
.news { font-family:'Open Sans', sans-serif; margin-bottom:30px; }
.news h2 { font-family:'Work Sans', sans-serif; font-size:30px; color:#212121; text-transform:capitalize; padding-bottom:.5em; position:relative; }
.news h2:after { content:''; width:23%; height:1px; background:#2f92f8; position:absolute; bottom:0%; left:0%; }
.news p { font-size:14px; color:#212121; margin-top:1em; }

.w3_agileits_news_grid { position:relative; }
.w3_agileits_news_grid_pos { position:absolute; bottom:-7%; left:8%; width:85%; padding:.5em; background:#2f92f8; }
.w3_agileits_news_grid_pos h4 { text-align:center; text-transform:capitalize; font-size:14px; color:#FFF; }
.agileits_w3layouts_news_grid h5 { margin:2em 0 1em; text-align:center; }
.agileits_w3layouts_news_grid h5 a { font-size:18px; color:#2f92f8; text-decoration:none; }
.agileits_w3layouts_news_grid h5 a:hover { color:#FC0101; }
.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; }
 .agileits_w3layouts_news_grid img {border:1px solid #676767; }
/*--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*/

/*bottom css start*/
.bottom { background:#2d3e50; margin-top:20px; padding:15px 0px 15px 0px; font-family:'Open Sans', arial, sans-serif;}
.bottom h2 { font-family:'Oswald',sans-serif; font-size:18px; color:#fff; padding-bottom:20px; }
.bottom h2 span {  color:#2986e2; }
.bottom h2:after { display:block; width:30px; margin-top:18px; border-top: 1px solid #666; content:''; }

.bottom .bott1 { }
.bottom .bott1 .text { color:#ebebeb; font-family:'Open Sans', arial, sans-serif; }
.bottom .bott1 .text strong{ color:#fff; }

.bott2 ul { margin:0px; padding:0px; list-style-type:none;}
.bott2 li {  font-size:14px; color:#FFF; border-bottom:#c9cbce 1px solid; font-family:'Open Sans', arial, sans-serif;}
.bott2 li a { text-decoration:none; color:#ebebeb; line-height:3em; padding-left:10px; }
.bott2 li a:hover { text-decoration:none; color:#2986e2;}
.bott2 li i { margin-right:10px; }

.bottom .bott3  {  font-size:14px; color:#ebebeb; font-family:'Open Sans', arial, sans-serif; }
.bottom  h2:after { display:block; width:30px; margin-top:18px; border-top: 1px solid #666; content:''; }
.bottom .bott3 i{ font-size:18px; margin-right:6px;}
/*bottom css end*/

/*footer css end*/
.footer { background:#0958A6; padding:15px 0 15px 0; }
.copy { font-family:'Open Sans', arial, sans-serif; font-size:13px; color:#FFF; margin-top:10px;  }
.copy a { color:#000; text-decoration:underline; padding:0 5px 0 5px; }
.copy a:hover { color:#fff; text-decoration:underline;} 

.powered_by { font-family:'Open Sans', arial, sans-serif;  font-size:13px; color:#FFF; }
.powered_by a { text-decoration:none; color:#FFF; }
.powered_by a:hover { color:#000; text-decoration:none; }
/*footer css end*/

/*for grid products css start*/
.item { font-family:'Poppins', sans-serif; font-weight:400; color:#595959; font-size:15px; line-height:1.8em; text-align:center; border:1px solid #E7E7E7; padding:10px; }
#device { margin: 10px auto 0;}
.item .head {font-family:"Lato", sans-serif; font-size:16px; color:#F40632;  text-align:center; width:96%; margin:0px auto;  padding-top:7px;}
/*for grid products css end*/

/*onload popup css start*/
#enquirypopup .modal-dialog { width:550px; max-width:550px; padding:0px; position:relative; margin-top:120px; z-index:9999999; }
#enquirypopup .modal-content { border-radius:0px; }
#enquirypopup .modal-body { padding:0px; }
#enquirypopup .modal-body h2 { background:#2F92F8; font-family:'Roboto', sans-serif; font-weight:600; font-size:24px; color:#FFF; margin-bottom:10px; margin-top:0px; text-align:center; padding:15px; line-height:1.8em; }
#enquirypopup .modal-body h2 span { font-size:28px; font-weight:600; color:#FFF; }
#enquirypopup .modal-body h2 span a { color:#FFF; }
#enquirypopup .modal-body h2 span a:hover { color:#FFF; }
#enquirypopup .modal-body h2 p { font-family:'Open Sans', sans-serif; font-weight:400; font-size:16px; color:#FFF; text-transform:none; }

#enquirypopup .popup_from { padding-bottom:12px; overflow:hidden; }
#enquirypopup .popup_from .popup_from_inner { padding:10px 50px; overflow:hidden; }
#enquirypopup .popup_from .popup_from_inner .form-group { margin:12px 0px; font-family:'Open Sans', sans-serif; color:#000; }
#enquirypopup .popup_from .popup_from_inner .form-control { font-size:16px; border-color:#DBDBDB; padding:0 10px; height:45px; box-shadow:none; }
#enquirypopup .popup_from .popup_from_inner .form-group input { border-radius:0px; }

#enquirypopup .popup_from .popup_from_inner .form-group input.code { float:left; width:72%; border-radius:none; margin-right:15px; }
#enquirypopup .popup_from .popup_from_inner .captcha { padding:14px; background:#FAFAFA; border-radius:3px; border:#dbdbdb 1px solid; }

#enquirypopup .popup_from .popup_from_inner p { font-family:'Open Sans', sans-serif; font-weight:400; font-size:14px; color:#9F9F9F; text-align:left; margin-bottom:20px; }
#enquirypopup .popup_from .popup_from_inner p i { color:#002147; margin-right:5px; }

#enquirypopup .popup_from .popup_from_inner .submit { width:100%; margin:0px auto; text-align:center; font-family:'Roboto', sans-serif;font-size:20px; color:#FFF; font-weight:600; padding:12px 0; background:#333; cursor:pointer; outline:none; border:none; box-shadow:none; display:block; margin-bottom:10px; }
#enquirypopup .popup_from .popup_from_inner .submit:hover { background:#2F92F8; color:#FFF; outline:none; border-radius:none; }
#enquirypopup .popup_from .popup_from_inner .submit i { margin-right:5px; }

#enquirypopup .popup_from .logo_right img { float:right; margin-right:15px; }

#enquirypopup .close { float:right; font-family:'Roboto', sans-serif; font-size:40px; font-weight:normal; color:#FFF; text-shadow:none; filter:alpha(opacity=20); opacity:1; margin-right:5px; }

#enquirypopup .skip { float:left; top:0px; right:0px; font-family:'Open Sans', sans-serif; font-size:16px; font-weight:normal; color:#525252; text-shadow:none; filter:alpha(opacity=20); opacity:1; margin-left:8px; margin-top:-15px; }
#enquirypopup .skip {background:none; border:none; cursor: pointer; padding:0px; }
/*onload popup css end*/

/*verify form css start*/
.verify_form { background:#E9E9E9; padding:20px; text-align:center; font-family:'Roboto', sans-serif; }
.verify_form h3 { font-family:'Roboto', sans-serif; font-size:28px; font-weight:600; margin-bottom:10px; color:#000; }
.verify_form p { font-family:'Open Sans', sans-serif; font-size:16px; font-weight:400; color:#333; }
.verify_form input.callback-input, select.callback-input, textarea.callback-input { width:100%!important; height:52px!important; padding-left:4%!important; padding-right:4%!important; margin-top:4px!important;  margin-bottom:15px!important; color:#777!important; border:1px solid #ededed!important; background-color:#fff!important;font-size:16px!important; border-radius:5px 5px 5px 5px!important; }
.verify_form textarea.callback-input { width:100%!important; height:52px!important; padding-left:2%!important; padding-right:4%!important; margin-top:4px!important;  margin-bottom:15px!important; color:#777!important; border:1px solid #ededed!important; background-color:#fff!important;font-size:16px!important; border-radius:5px 5px 5px 5px!important; line-height:52px; }

.verify_form input.callback-submit { font-family:'Open Sans', sans-serif; background:#333; border:none; color:#FFF; letter-spacing:1px; cursor:pointer; display:inline-block; font-size:18px;
font-weight:700; width:100%; max-width:535px; padding:18px 0; text-transform:uppercase; -webkit-border-radius:3px 3px; -moz-border-radius:3px 3px; border-radius:3px 3px; transition:all .50s ease-in-out; -moz-transition:all .50s ease-in-out; -webkit-transition:all .50s ease-in-out;}
.verify_form input.callback-submit:hover { background:#5BB12F; color:#FFF; transition:all .50s ease-in-out; -moz-transition:all .50s ease-in-out; -webkit-transition:all .50s ease-in-out;}

.verify_form input.callback-input:focus, #callback-form select.callback-input:focus { border-color:#656565!important; color:#656565!important;
outline:none;}
.verify_form input.callback-input:focus, #callback-form select.callback-input:focus { border-color:#656565!important; color:#656565!important;
 outline:none;}
 
.verify_form  input.code { width:48%; float:left; border-radius:none; border:#CCCCCC 1px solid; margin-right:5px; margin-bottom:15px; height:52px !important; padding-left:4% !important; padding-right:4% !important; margin-top:4px !important; margin-bottom:15px !important; color:#656565 !important; border:1px solid #ededed !important; background-color:#fff !important; font-size:16px !important; border-radius:5px 5px 5px 5px !important; }
.verify_form .captcha { float:left; padding:18px 19px; background:#FFF; border-radius:4px; border:#CCCCCC 1px solid; margin-top:3px; margin-left:25px; }
/*verify css end*/