@charset "utf-8";
/* CSS Document */
@import url("menu.css");
@import url("flexslider.css");
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,500,600,700);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,600,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,500,600,700);
@import url(https://fonts.googleapis.com/css?family=Poppins: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:20px; z-index:104400; }
.totop a i { display:block; width:40px; height:40px; line-height:40px; text-align:center; font-size:25px; background:#1874C1; }
.totop a:hover i { background:#000; }
.totop a, .totop a:visited { color:#FFF;}
.totop a:hover { color:#eee; text-decoration:none; }
/*scroll to top end*/

/*header div start*/
.header{ border-top:5px solid #fad31f; padding:8px 0px 8px 0px; }
.logo { }
.phone { color:#222; font-size:20px; text-align:center; font-family: 'Poppins', sans-serif; margin-top:15px; }
.phone a { color:#222; text-decoration:none;}
.phone span { color:#12a2e8; }
/*header div end*/

/*paging css start*/
.paging { font-family:'Open Sans', sans-serif; font-size:11px; color:#0034FF; font-weight:700; font-style:italic; margin:15px 0 20px 0; }
.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:'Open Sans', sans-serif; font-size:27px; color:#000; margin-bottom:30px; }
.phone1 a { text-decoration:none; color:#000; }
.phone1 a:hover { text-decoration:none; color:#fad31f; }
.phone1 i { margin:0 5px; }
/*paging css end*/

/*content div start*/
.content { margin-top:60px; }
.weldiv { margin-bottom:30px;}
.weldiv h1 { font-family:'Roboto', sans-serif; font-size:28px; color:#1874C1; font-weight:600; padding-bottom:10px; }
.weldiv .body_text { font-family:'Poppins', sans-serif; font-size:16px; line-height:1.8em; text-align:justify; }
.weldiv .body_text h2 { font-family:'Roboto', sans-serif; font-size:26px; color:#E40000; font-weight:600; text-align:left; }
.weldiv .body_text h3 { font-family:'Roboto', sans-serif; font-size:24px; color:#0019E4; font-weight:600; text-align:left; }
.weldiv .body_text h4 { font-family:'Roboto', sans-serif; font-size:24px; color:#38CD0C; font-weight:600; text-align:left; }
/*content div end*/

/*form div start*/
.callback { background:url("../images/widget-bg.jpg") repeat scroll 0 0/cover; position: relative; z-index: 1; padding:20px; margin-bottom:10px; }
.callback h2 { font-family: 'Poppins', sans-serif; font-size:24px; color:#FAD31F; font-weight:600; padding-bottom:10px; text-align:center; ext-transform:uppercase; margin-bottom:20px; }

.callback .form-group { margin-bottom:15px; font-family:"Open Sans", sans-serif; }
.callback .form-group .form-control { font-size:16px; padding:0 10px; height:45px; background-color:#FFF; box-shadow:none; }
.callback .form-group input { width:100%; border:#CCCCCC 1px solid; } 
.callback .form-group textarea { width:100%; border:#CCCCCC 1px solid; } 
.callback .form-group input.code { float:left; width:65%; border:#CCCCCC 1px solid; margin-right:15px; }
.callback .captcha { padding:14px 12px; background:#FFF; border-radius:4px; border:#CCCCCC 1px solid; }
.callback input[type=text]:focus { box-shadow:0px 0px 5px #f7913a !important; border:1px solid #f7913a !important; outline:none; }
.callback textarea:focus { box-shadow:0px 0px 5px #f7913a !important; border:1px solid #f7913a !important; outline:none; }

.submit { width:100%; background:#1874C1; font-family:'Roboto',sans-serif; color:#FFF; border-radius:2px; border:0; padding:10px; font-size:16px; font-weight:600; text-transform:uppercase; overflow:hidden; -webkit-transition:350ms ease all; transition:350ms ease all; z-index:2; margin-top:8px; }
.submit:hover { background:#FAD31F; color:#000; } 
/*form div end*/

/*adv box div start*/
.adv_main { margin:0px auto; margin-top:80px; margin-bottom:30px; }
.adv { border:1px solid #d8dadc; padding:10px; height:220px;}

.adv h3 { font-family:'Roboto', sans-serif; font-size:22px; font-weight:600; color:#1874c1; text-align:center; padding-top:15px; padding-bottom:10px; }
.adv_text { font-family:'Open Sans', arial, sans-serif; font-size:16px; color:#333; text-align:center; line-height:1.7em; text-align:center; }

.adv .circle { border-radius:50%; border:1px solid #D0D0D0; line-height:100px; height:100px; width:100px; text-align:center; margin-left:70px; margin-top:-70px; background:#FFF; position:relative; overflow:hidden; }
.adv .circle:hover { background:#00adef; }
.adv .circle:hover img { margin-top:-195px; transform:rotateY(360deg); -webkit-transform:rotateY(360deg); -webkit-transition:0.4s; -moz-transition:0.4s; -o-transition:0.4s; text-align:center;}
/*adv box div end*/

/*testimonial css start*/
.center_img { width:100%; margin:0px auto; background:url(../images/center-bg.jpg) no-repeat; background-size:cover; margin-top:70px;  margin-bottom:20px; padding:55px 0px 55px 0px; }
.testimonial {}
.testimonial .container { padding:20px 0px 20px 0px;}
.testimonial h2 { font-family:'Poppins', sans-serif; font-size:30px; color:#fad31f; font-weight:700; padding-bottom:10px; text-align:center; text-transform:uppercase; }
#testimonials { width:65%; margin:0px auto; position:relative;}
#testimonials .testimonial { width:100%; left:0px; top:0px; z-index:1;  position:absolute; }
#test_container { position:relative; overflow:hidden; padding-bottom:40px;}
#testimonials .testimonial_text { font-size:16px; line-height:36px; font-style:italic; font-family:'Roboto',sans-serif; text-align:center; color:#FFF; }
#testimonials .testimonial_name { font-family:'Roboto', sans-serif; font-size:16px; color:#19b5ff; font-weight:bold; margin:10px auto 3px; text-align:center; }
#testimonials .testimonial_designation { background:#E9E9E9; height:60px; width:60px; text-align:center; border-radius:100%; margin:0px auto; margin-top:10px; }
#t_pagers{ position:absolute; left:48%; bottom:-15px; 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:#fad31f;}
/*testimonial css end*/

/*our services css start*/
.our_services { margin:70px 0px; }
.our_services_box { padding:12px; background:#F3F3F3;}
.our_services h2 { font-family:'Roboto', sans-serif; font-size:30px; color:#1874C1; text-align:center; padding-bottom:40px; font-weight:bold;}
.our_services h3 { font-family:'Roboto', sans-serif; font-size:20px; color:#1874c1; text-align:center; padding-bottom:5px; font-weight:bold; padding-top:20px; padding-bottom:10px; }
.our_services p { margin:0px; padding:0px; font-family:'Poppins', sans-serif; color:#000; font-size:16px; line-height:1.7em; text-align:center; }
 hr.short { border:none;  height:2px; width:70px;  display:inline-block; }
.bg-primary { background-color:#ffae00; color:#FFF; }
.more { width:40%; margin:0px auto;  background:#0e76bc; font-size:13px; color:#FFF; text-align:center; text-decoration:none; display:block; margin-top:10px; }
.more a { font-family:'Roboto', sans-serif; font-size:14px; background:#0e76bc; color:#FFF; text-decoration:none; padding:10px; display:block; margin-top:20px; }
.more a:hover { background:#333; color:#FFF; text-decoration:none; display:block; }
/*our services css end*/

/* bottom div start*/
.bottom { background:#222222; padding:50px 0px 50px 0px;}
.bottom h2 {  font-family:'Roboto'; font-size:22px; color:#FAD31F; margin-bottom:15px; font-weight:600; }

.bot1 { margin-right:20px; }
.bot1 .text { font-family:'Roboto'; font-size:16px; color:#C9CBCE; line-height:1.8em; text-align:justify; }
.bot1 .text strong { font-size:16px; color:#FFF; display:block; text-align:left;}

.bot2 { margin-right:20px;}
.bot2 ul { margin:0px; padding:0px; list-style-type:none;}
.bot2 li { font-family:'Roboto'; font-size:16px; color:#FFF; border-bottom:#C9CBCE 1px solid; }
.bot2 li a { text-decoration:none; color:#C9CBCE; line-height:3em; padding-left:10px;}
.bot2 li a:hover { text-decoration:none; color:#FFF;}
.bot2 li i { margin-right:10px; }

.bot3 span { margin-left:40px; display:block; font-family:'Roboto'; font-size:16px; color:#C9CBCE; margin-bottom:25px; }
.bot3 span a { color:#C9CBCE; text-decoration:none; }
.bot3 span a:hover { color:#C9CBCE; text-decoration:none; }
.bot3 i { float:left; font-size:20px; margin-right:10px; margin-top:3px; color:#FFF; }
/* bottom div end*/

/*footer css end*/
.footer { background:#0e76bc; border-top:1px dashed #4c5667; padding:10px 0 10px 0; }

.copy { font-family:'Roboto'; font-size:15px; color:#FFF; line-height:2.5em; }
.copy a { color:#f4ce1f; text-decoration:underline; padding:0 5px 0 5px;}
.copy a:hover { color:#FFF; text-decoration:underline;} 

.powered_by { font-family:'Roboto'; font-size:15px; 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:#1783de; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; }
/*footer css end*/

/*onload popup css start*/
#enquirypopup .modal-dialog { width:450px; padding:0px ;position:relative; margin-top:80px;}
#enquirypopup .modal-content { border-radius:0px;}
#enquirypopup .modal-body { padding:0px;}
#enquirypopup .modal-body h2 { background:#1874C1; font-family:'Roboto', sans-serif; font-weight:600; font-size:22px; color:#FFF; text-transform:uppercase; margin-bottom:10px; text-align:center; padding:20px; line-height:1.8em; }
#enquirypopup .modal-body h2 span { font-size:26px; color:#FFF; margin-left:40px; }
#enquirypopup .modal-body h2 span a { color:#FFF; }
#enquirypopup .modal-body h2 span a:hover { color:#FFF; }

#enquirypopup .popup_from { }
#enquirypopup .popup_from .popup_from_inner { padding:20px; overflow:hidden; }
#enquirypopup .popup_from .popup_from_inner .form-group {font-family:'Roboto', sans-serif;  }
#enquirypopup .popup_from .popup_from_inner .form-control { font-family:'Roboto', sans-serif; font-size:16px; border-color:#DBDBDB; padding:0 10px; height:45px; background-color:#FFF; box-shadow:none; }
#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 .submit { width:100%; font-family:'Roboto', sans-serif; font-size:16px; color:#FFF; font-weight:600; padding:12px 0; background:#333; cursor:pointer; outline:none; border:none;box-shadow:none; }
#enquirypopup .popup_from .popup_from_inner .submit:hover { background:#FAD31F; color:#000; outline:none; border-radius:none; }
#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 .popup_from p { font-family:'Roboto', sans-serif; font-weight:400; font-size:11px; color:#000; text-align:left; margin-bottom:20px; }
/*onload popup css end*/

/*verify form css start*/
.verify_form { background:#0E33A2; border:1px dashed #90ABFD; padding:20px; overflow:hidden; position:relative; border-top:4px solid #90ABFD; -webkit-transition:350ms ease all; transition:350ms ease all;}
.verify_form h2 { font-family:'Roboto', sans-serif; font-weight:600; font-size:18px; color:#FFF; text-transform:uppercase; margin-bottom:20px; text-align:center; }
.verify_form .form-group { margin:10px 0 10px 0; font-family:'Roboto', sans-serif;  }
.verify_form .form-control { font-family:'Roboto', sans-serif;  border-color:#dbdbdb; padding:10px; height:50px; background-color:#FFF; border-width:1px; box-shadow:none; position:relative; z-index:0; }
.verify_form .form-group input.code { float:left; width:62%; border-radius:none; margin-right:5px; }
.verify_form .captcha { padding:10px; background:#fafafa; border-radius:3px; border:#dbdbdb 1px solid; }
.verify_form input[type=text]:focus { box-shadow:0px 0px 5px #ff9c00 !important; border:1px solid #ff9c00 !important; outline:none; }
.verify_form textarea:focus { box-shadow:0px 0px 5px #ff9c00 !important; border:1px solid #ff9c00 !important; outline:none; }
.verify_form .submit { width:100%; background:#FF0707; position:relative; font-family:'Roboto', sans-serif;  color:#FFF; border-radius:2px; border:0; 
padding:12px 0; font-size:16px; font-weight:600; text-transform:uppercase; overflow:hidden; -webkit-transition:350ms ease all; transition:350ms ease all; margin-top:8px; }
.verify_form .submit a { color:#FFF; text-decoration:none; }
.verify_form .submit a:hover { color:#FFF; text-decoration:none;  }
.submit:hover { color:#FFF; text-decoration:none; }
/*verify css end*/

/* web banner css start */
.page-header { background:url(../images/banner/web_banner.jpg) no-repeat; background-size:cover; color:#FFF; overflow:hidden; padding:90px 0px; position:relative; margin-top:0px; margin:0px 0 0px !important; font-family:'Roboto', sans-serif; }
.page-header:before { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(54, 59, 77, 0.88); }
.page-header .breadcrumb-wrapper .product-title { font-size:30px; line-height:38px; font-weight:700; letter-spacing:1px; color:#FFF; }
.page-header .breadcrumb-wrapper .breadcrumb { font-size:16px; color:#ff3838; border-radius:0px; background:transparent; padding:5px 0px; z-index:1; }
.page-header .breadcrumb-wrapper .breadcrumb li { display:inline-block; }
.page-header .breadcrumb-wrapper .breadcrumb li a { color:#FFF; padding-right:5px; }
/* web banner css end */

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