@charset "utf-8";
/* CSS Document */
@import url("menu.css");
@import url("flexslider.css");
@import url("jquery.fancybox.css");
@import url('https://fonts.googleapis.com/css?family=Open+Sans: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 { 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); }

/*header div start*/
.header { border-top:3px solid #142132; padding:15px 0px; }
.logo { }
.phone { font-family:'Roboto', sans-serif; color:#222222; font-size:24px; font-weight:400; text-align:center; text-decoration:none; }
.phone a { color:#222222; text-decoration:none; }
.phone a:hover { color:#222222; text-decoration:none; }
.phone .fa-whatsapp { background:#0FD400; color:#FFF; width:32px; height:32px; line-height:32px; border-radius:50%; }
/*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:#142132; }
.paging a:hover { text-decoration:none; color:#142132; }
.paging span { margin:0 5px; }
.paging i { font-size:16px; }
.paging .right_f { float:right; }

.phone1 { font-family:'Open Sans', sans-serif; font-size:30px; color:#000; margin-bottom:30px; }
.phone1 a { text-decoration:none; color:#000; }
.phone1 a:hover { text-decoration:none; color:#5BB12F; }
.phone1 i { margin:0 5px; }
/*paging css end*/

/*menu and logo div start*/
.menu_bg { background:#142132; border-top:1px solid #FFF; border-bottom:1px solid #D3D3D3; }
/*menu and logo div end*/

/*content div start*/
.content { width:100%; margin-top:20px; }
.weldiv {}
.weldiv h1 { font-family:'Roboto'; font-size:30px; font-weight:400; color:#2b455f; padding-bottom:15px; }
.weldiv .body_text { font-family:"Roboto", sans-serif; font-size:15px; font-weight:400; color:#737373;  line-height:1.8em; text-align:justify;}
/*content div end*/

/*callback div start*/
.callback { background:#142132; padding:10px; }
.callback h2 { font-family:'Roboto', sans-serif; font-size:24px; color:#FFF; font-weight:400; text-align:center; padding-bottom:8px; }

.callback ::-webkit-input-placeholder { font-family:'Roboto', sans-serif; font-size:13px; color:#333; font-weight:400; }

.callback .form-group { margin-bottom:10px; }

.callback .form-group input { width:100%; border-radius:2px; } 
.callback .form-group textarea { width:100%; border-radius:2px; } 
.callback .form-group input.code { float:left; width:65%; border-radius:2px; margin-right:10px; }
.callback .form-group .captcha { padding:9px; background:#FFF; border-radius:2px; } 

.callback input[type=text]:focus { box-shadow:0px 0px 5px #95a7fd !important; border:1px solid #95a7fd !important; outline:none; }
.callback textarea:focus { box-shadow:0px 0px 5px #95a7fd !important; border:1px solid #95a7fd !important; outline:none; }

.submit { font-family:'Roboto', sans-serif; font-size:16px; color:#FFF; font-weight:400; padding:5px 26px 5px 26px; background:#323946; cursor:pointer; outline:none; border:none; border-radius:4px;}
.submit:hover { background:#F4F4F4; color:#000; padding:5px 26px 5px 26px; outline:none; border:none;}
/*callback div end*/

/*services css start*/
.services { font-family:"Roboto", sans-serif; color:#2b455f; font-weight:400; margin-top:30px; }
.services h2 { padding-bottom:10px; text-align:center; }
.services h3 { padding-bottom:10px; color:#142132; font-weight:700; }
.services p { text-align:center; margin-bottom:30px; }

.services_box { background:#eeeeee; padding:30px; overflow:hidden; margin-bottom:30px; }
.services_box .box_left { float:left; width:18%; }
.services_box .box_right { float:left; width:82%; }
.services_box .box_right .text { font-size:14px; }

.list { }
.list h2 { background:#142132; font-family:'Roboto', sans-serif; font-size:22px; color:#FFF; font-weight:400; padding:8px 10px 8px 10px; border-bottom:#dbdbdb 1px solid; text-align:left; }
.list ul { margin:0px; padding:0px; list-style:none; }
.list li { font-family:'Open Sans',serif; font-size:14px; color:#000; font-weight:400; line-height:2.2em; text-decoration:none; }
.list li a { color:#000; text-decoration:none; padding-left:15px; }
.list li a:hover { color:#142132; text-decoration:none; }
.list li i { margin-right:10px; }
/*services css end*/

/*switch menu css start*/
.switch_menu { margin:0 auto; padding:0; margin:0px; }
.switch_menu div.silverheader a { font-family:'Roboto', sans-serif; color:#191919; font-size:16px; font-weight:400; text-decoration:none; display:block; padding:10px; background:url(../images/marker.png) 97% 15px no-repeat; border:#d7d7d7 1px solid; -moz-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -o-transition:all  0.2s linear; transition:all 0.2s linear; margin:5px 0 5px 0; }
.switch_menu div.silverheader a:visited, .switch_menu div.silverheader a:active { color:#191919;  }
.switch_menu div.selected a, .switch_menu div.silverheader a:hover { background:url(../images/marker_down.png) 97% 18px no-repeat; border:#d7d7d7 1px solid; color:#142132; }
.switch_menu div.submenu { }
/*switch menu css end*/

/* testimonial css start*/
.testimonials_mian { background:url(../images/image-center.jpg) center top no-repeat; padding:30px 10px 40px 10px; margin:20px 0px 1px 0px; text-align:center; }
.testimonials_mian h2 { font-family:"Roboto", sans-serif; font-size:30px; color:#FFF; font-weight:400; margin-bottom:15px; }
#testimonials .testimonial { width:100%; left:0px; top:0px; z-index:1; padding:0 10px 0px 10px; position:absolute; font-family:'PT Sans', Helvetica, Arial, sans-serif; text-align:center; font-weight:400; }
#test_container { position:relative; overflow:hidden; padding-top:10px; margin-top:11px; }
#testimonials .testimonial_text { font-family:'Roboto', serif; color:#FFF; font-size:16px; font-weight:400; line-height:1.6em;  }
#testimonials .testimonial_name { font-family:'Roboto', serif; color:#FFF; font-size:16px; font-weight:700; margin:10px auto 3px; }
#t_pagers{ position:absolute; left:49%; bottom:-35px; z-index:2; }
#t_pagers .pager { display:inline-block; text-decoration:none; width:10px; min-height:10px; margin-right:5px; background:#3c5980; border-radius:50%; cursor:pointer; }
#t_pagers .pager.active { background:#FFF; }
/* testimonial css end*/

/*bottom div start*/
.mt { margin-top:20px;}
.bottom { background:#071c33; padding:30px 0px 30px 0px; }
.bottom h2 {  font-family:'Roboto'; font-size:22px; color:#142132; font-weight:400; margin-bottom:15px; font-weight:700; }

.bot1 { margin-right:20px; }
.bot1 .text { font-family:'Roboto'; font-size:14px; color:#c9cbce; font-weight:400; 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:14px; color:#FFF; font-weight:400; 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:#142132;}
.bot2 li i { margin-right:10px; }

.bot3 { font-family:'Roboto'; font-size:14px; color:#c9cbce; font-weight:400; }
.bot3 .fa-2x { margin-right:10px; padding-left:5px; }
/*bottom div end*/

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

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

.powered_by { float:right; font-family:'Roboto'; font-size:12px; color:#FFF; font-weight:400; 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*/

/*for grid products css start*/
.gallery .item {font-family:"Roboto", sans-serif; font-weight:400; color:#595959; font-size:15px; line-height:1.8em; text-align:center; border:1px solid #E7E7E7; padding:5px; background:#fff }
#device { margin: 10px auto 0;}
/*for grid products css end*/