@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'Altis';
    src: url('../fonts/Altis.eot');
    src: url('../fonts/Altis.eot') format('embedded-opentype'),
         url('../fonts/Altis.woff2') format('woff2'),
         url('../fonts/Altis.woff') format('woff'),
         url('../fonts/Altis.ttf') format('truetype'),
         url('../fonts/Altis.svg#Altis') format('svg');
}

@font-face {
    font-family: 'AltisBold';
    src: url('../fonts/AltisBold.eot');
    src: url('../fonts/AltisBold.eot') format('embedded-opentype'),
         url('../fonts/AltisBold.woff2') format('woff2'),
         url('../fonts/AltisBold.woff') format('woff'),
         url('../fonts/AltisBold.ttf') format('truetype'),
         url('../fonts/AltisBold.svg#AltisBold') format('svg');
}


@font-face {
    font-family: 'AltisExtraBold';
    src: url('../fonts/AltisExtraBold.eot');
    src: url('../fonts/AltisExtraBold.eot') format('embedded-opentype'),
         url('../fonts/AltisExtraBold.woff2') format('woff2'),
         url('../fonts/AltisExtraBold.woff') format('woff'),
         url('../fonts/AltisExtraBold.ttf') format('truetype'),
         url('../fonts/AltisExtraBold.svg#AltisExtraBold') format('svg');
}


@font-face {
    font-family: 'AltisBook';
    src: url('../fonts/AltisBook.eot');
    src: url('../fonts/AltisBook.eot') format('embedded-opentype'),
         url('../fonts/AltisBook.woff2') format('woff2'),
         url('../fonts/AltisBook.woff') format('woff'),
         url('../fonts/AltisBook.ttf') format('truetype'),
         url('../fonts/AltisBook.svg#AltisBook') format('svg');
}

@font-face {
    font-family: 'AltisMedium';
    src: url('../fonts/AltisMedium.eot');
    src: url('../fonts/AltisMedium.eot') format('embedded-opentype'),
         url('../fonts/AltisMedium.woff2') format('woff2'),
         url('../fonts/AltisMedium.woff') format('woff'),
         url('../fonts/AltisMedium.ttf') format('truetype'),
         url('../fonts/AltisMedium.svg#AltisMedium') format('svg');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
}

@font-face {
  font-family: 'Open Sans2';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
}

@font-face {
  font-family: 'Open Sans3';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSugdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
 
}



body{ margin:0; padding:0;}

.list_none{ margin:0; padding:0; list-style-type:none}

img, object, embed, video {
	max-width: 100%;
}
.ie6 img {width:100%;}

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

*{ box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box }

p{ font-family: 'Open Sans'; margin:0; padding:0; }
a{ color:#fff; text-decoration:none}


.inner_wrap{ width:1150px; max-width:100%; margin:auto; padding:0;}

.head1{font-family: 'AltisBold'; font-size:18px; color:#595959 }
.head2{ font-family: 'AltisBook'; font-size:18px; color:#595959 }


.top_left{ float:left}
.top_right{ width:40%; float:right; padding: 4% 0; }

.header_info li {
    float: left;
    margin-right: 5%;
    width: 45%;
}

.header_info_left{ float:left}
.header_info_right{ float:right}

.top2_main{ background:#2f2f2f; position: relative; z-index: 9999;}
.menu{ float:left}

.social_icons { float:right; padding-top: 7px; }
.social_icons a{width:30px; height:30px; color:#FFF; border-radius:50%; border:1px solid #fff; text-align:center; margin-left: 5px; display:inline-block; padding-top: 5px;}
.social_icons a:hover{ background:#0375a6}

.social_icons i{ padding:10%; }

.services_outer{ background:#ebebeb; padding:2% 0}




.ser_inn > ul > li{ width:31.3%; max-width:100%; float:left; position:relative; margin-right:3%; }
.ser_inn > ul > li:nth-child(3){ margin-right:0%; }

.ser_head{ text-align:center; background:#168cb5; color:#FFF}

.image img{ display:block }
.ser_title{ font-size: 25px;
font-family: 'AltisMedium';
text-transform: uppercase; text-align:left;
position: absolute;
left: 0;
right: 0;
bottom: 0;
background: rgba(22, 140, 181, 0.83);
padding: 3% 0;}

.ser_title img{ padding:0 4%;}

.hover{ position:absolute; top: 0;
left: 0;
right: 0;
bottom: 0;
background: RGBA(0, 0, 0, 0.54); text-align:center; display:none; }

.hover_title{ background: #037daa;
width: 80%;
margin: 8% auto;
padding: 2%;}


.hov_tit_in{ color:#FFF; text-transform:uppercase; padding:2% 0; font-family: 'AltisMedium'; font-size:25px; text-align:center; border:1px solid #fff  }
.hover_services li{ font-family:Arial, Helvetica, sans-serif; font-size:15px; margin-bottom:2px;}

.button a{ display:inline-block; border:1px solid #fff; padding:2% 3% ;  font-family:Arial, Helvetica, sans-serif; font-size:14px; margin-top:8%;}


.ser_inn > ul > li:hover .hover{ display:block; animation-name:fadeInUp;
animation-duration: 1s;}
.ser_inn > ul > li:hover .ser_title{display:none}
.ser_inn > ul > li:hover .button a:hover{ background:#037DAA}
.ser_inn > ul > li:hover .hover_services li a:hover{ color:#037DAA}

/* Custom Css */
.cont_left .cont_info h3{font-family: 'AltisMedium';text-transform: uppercase;font-size: 20px;background: url(../images/tite2.jpg) no-repeat bottom left;padding-bottom: 15px;color: #000 !important;margin-top: 0;}

.ab_left{ float:left; width:30%; max-width:100%;}
.ab_left img{ display:block} 
.ab_right{ float:right; width:65%; max-width:100%; }


.about_sec { padding-top:2%; position:relative}
.about_title{ font-family: 'AltisMedium' !important; font-size:30px !important;}
.ab_right p{ margin-top:3%; word-spacing:2px; padding-right:15%;/*font-family: Arial, Helvetica, sans-serif;   font-family: 'Altis';*/font-size: 16px;line-height: 1.4; font-family: 'Open Sans';color: #626262 !important;}
.ab_right p:last-child{ margin-bottom:6%;}
.glossymenu a{font-family: 'Open Sans' !important;font-size: 16px !important;color: #626262 !important;}
.glossymenu a.menuitem {color: #626262 !important;}
.glossymenu div.submenu p{font-family: 'Open Sans' !important;font-size: 14px !important;color: #626262 !important;}

.text_outer{ padding:3% 2%; text-align:center; background:#2ca7d5}
.text_inn p{ font-family: 'Altis'; font-size:24px; color:#FFF;font-size: 22px;
color: #FFF;font-style: italic;}
.text_inn span{  font-family: 'AltisBold';font-size: 18px;color: #FFF;background: #017BA8;
padding: 5px 10px;display: inline-block;border-radius: 10px;}

.testi_tip_title{ font-family: 'AltisMedium' !important; font-size:30px !important; }

.testi_tip { padding:3% 0;  }
.testi_tip .callbacks_nav{ display:none}
.tips{ float:left; width:45%;}
.testi{ float:right; width:50%; border-left:1px solid #d6d6d6; padding-left: 5%;color: #626262 !important;}

.testi_img{ float:left; width:20%; }
.testi_text{ float:right; width:100%; color: #626262 !important;  }
.testi_text p{color: #626262 !important;  }
.testhome .testi_text p{color: #626262 !important;  }
.testi_1{  font-family: 'Open Sans'; font-size:14px; font-style:italic; color:#fff; margin-bottom: 8%;}
.testi_2{  font-family: 'Open Sans2'; font-size:14px; color:#fff; text-transform:uppercase}
.testimonials { margin:8% 0 0}
.testimonials p { font-size: 16px !important; font-family: 'Open Sans' !important;color: #fff !important;}

.who_we{ background:url(../images/who_we_are.png); padding-bottom:3%;}
.who_we_title{ font-family: 'AltisMedium' !important; font-size:30px !important; text-align:center; color:#FFF; padding:1.5% 0}
.who_we_title2{ font-family: 'AltisMedium' !important; font-size:30px !important; color:#FFF; padding:1.5% 0; text-transform:uppercase}

.who_we_inn > ul > li{ width:23%; margin-right:2.5%; float:left; border:1px solid #fff; padding:2%; }
.who_we_inn > ul > li:last-child{ margin-right:0 }


.latest_job li { padding:4% 0; border-bottom:1px solid #595959}
.latest_job li:hover{ animation-name:fadeInUp;
animation-duration: 1s;}
.latest_job li:last-child{ border-bottom:0px; }
.job_image {float:left; width:31%;  }
.job_text  {  float:right; width:62%;    } 


.links2 li{ padding: 5% 0px;}
.links2 li:last-child{  border-bottom:1px solid #595959}

.job_text{   font-family: 'Open Sans'; margin:0; padding:0; line-height:16px; font-size:12px; color:#FFF    } 
.job_text .job_inn_head {  font-family: 'Open Sans3'; font-size:14px;    } 


footer { background:#2ca7d5}
.f_heading{ font-family: 'Open Sans'; font-size:24px !important; color:#FFF }
.footer_inn { padding:2% 0}
.footer_inn > ul > li{ width:26%; float:left; margin-right:11%;  font-family: 'Open Sans'; font-size:14px; color:#FFF}
.footer_inn li:last-child{ margin-right:0%}

.footer_inn p{ font-family: 'Open Sans'; font-size:14px; color:#FFF; margin:0; padding:2% 0 }

.links li{width: 40%; float: left; margin-bottom: 8px;}
.links li:hover{animation-name:fadeInLeft;
animation-duration: 1s;}
.whyus li{width: 100%;}
.why_us_holder{background:none;}

.f_logo { margin:2% 0}
.f_logo img { margin-left:2%;}

.foo2{ background:#073343; text-align:center; color:#FFF; font-size:14px;  font-family: 'Open Sans'; padding:1% 0}

.faq{ font-family: 'Open Sans'; font-size:12px;}

.social_icons2 {  padding-top: 7px; }
.social_icons2 a{width:30px; height:30px; color:#FFF; border-radius:50%; border:1px solid #fff; text-align:center; margin-left: 5px; display:inline-block; padding-top: 5px;}
.social_icons2 a:hover{ background:#0375a6}

.social_icons2 i{ padding:10%; }

.call_us { float:left;margin-top: 3%;margin-left: 35%;margin-bottom: 2%;margin-right: 3% !important;}
.call_us img { vertical-align:middle}

.call_title{ font-size:16px !important;  font-family: 'AltisBook'; color:#595959; }
.call_title strong{ color:#2ca7d5; font-size:20px;}

.quote{ float:left; text-align:center; background:#696969; color: #fff;
padding: 3%;
border-radius: 8px;}
.quote:hover{ background:#006389}
.quote p{ font-family: 'AltisMedium'; font-size:18px; }

.bread{ position:absolute; left:0; right:0; text-align:center; bottom:-15px; background:rgba(29, 124, 160, 0.8); width:15%; margin:auto; padding:10px; color:#FFF  }
.bread p{ font-family: 'AltisBold'; font-size:15px; }
.inner_banner{ position:relative;}
.inner_banner img{ width:100%; display:block}

.inner_page{ padding-top:5%; }
.inner_tittle {font-family: 'AltisMedium'; text-transform:uppercase; font-size:30px; text-align:center; background:url(../images/tile.jpg) no-repeat bottom center; padding-bottom:15px; }
 
.about_left{ float:left; width:40%; }
.about_right{ float:right; width:55%;}
.about_inn { padding:4% 0 0}
.about_right p{ font-family: 'Open Sans'; font-size:15px; color:#414141; padding-bottom:6%; }
.about1{ font-family: 'Open Sans2' !important; }

.electrication { background:#484848; padding:3% 0; color:#FFF}
.elec_title{ font-family: 'Open Sans2' ; font-size:30px; padding-bottom:10px;}
.elec_left{ float:left; width:70% }
.elec_right{ float:right; width:25%; background:#2ca7d5; text-align:center; border-radius:10px; padding:8px 0}
.elec_right:hover{ background:#07759e}

.elec_1{ font-family: 'Open Sans2' ; font-size:18px;}
.elec_2{ font-family: 'Open Sans2' ; font-size:36px;}

.testi_outer{ background:#f3f3f3; padding-top:5%;}

.test_left{ float:left;}
.test_right{ float:right; width:70%}
.testi_title{ color:#373737; }

.slidrdiv .callbacks_tabs { display:none}

.contact_inn { padding:4% 0}
.cont_left{ float:left; width:30%; }
.cont_right{ float:right; width:60%;}

.cont_info { font-family: 'Open Sans' }
.cont_info li { padding-bottom:5%}
.icon{ float:left; width:17% }
.text{ float:right; width:77%; font-size:15px; color:#888888}
.text a{ color:#888888}
.w_title {font-family: 'AltisMedium'; text-transform:uppercase; font-size:20px;  background:url(../images/tite2.jpg) no-repeat bottom left; padding-bottom:15px; color:#000 !important }

.work_hour{  color:#888888 }
.work_hour p{ padding-bottom:3%;}

.form2 li{ width:47%; margin-right:6%; float:left; margin-bottom:3%}
.form2 li:nth-child(2){ margin-right:0%; }
.form2 li:nth-child(3){ width:100%; margin-right:0%; }
.form2 li:nth-child(4){ width:100%; margin-right:0%; }
.form2 li:nth-child(5){ width:100%; margin-right:0%; }


.form2 li input{ width:100%; padding:10px; background:#f9f9f9;  border:1px solid #ebebeb;  }
.form2 li input[type="submit"]{ background:#2ca7d5; border-radius:5px; color:#FFF; border:none; width:200px;  font-family: 'Open Sans2'; text-transform:uppercase; font-size:15px}
.form2 li input[type="submit"]:hover{ background:#017ba8; cursor:pointer}

.form2 li textarea{ width:100%; padding:10px; height:125px; background:#f9f9f9;  border:1px solid #ebebeb; }
.form2 li label{ display:block; font-family: 'Open Sans'; font-size:14px; margin-bottom:10px; color:#464646 }
.form2 li label span{ color:#0454a3; margin-left:1%; }



.enquire li{ width:47%; margin-right:6%; float:left; margin-bottom:3%}
.enquire li:nth-child(2n+2){ margin-right:0% !important; }

.enquire li input, .enquire li select{ width:100%; padding:10px; background:#f9f9f9;  border:1px solid #ebebeb;  }
.enquire li input[type="submit"]{ background:#2ca7d5; border-radius:5px; color:#FFF; border:none; width:200px;  font-family: 'Open Sans2'; text-transform:uppercase; font-size:15px;margin-top: 5%;}
.enquire li input[type="submit"]:hover{ background:#017ba8; cursor:pointer}

.enquire li textarea{ width:100%; padding:10px; height:125px; background:#f9f9f9;  border:1px solid #ebebeb; }
.enquire li label{ display:block; font-family: 'Open Sans'; font-size:14px; margin-bottom:10px; color:#f2f2f2 }
.enquire li label span{ color:#f2f2f2; margin-left:1%; }



.map iframe{ width:100%; height:300px; display: block;}

.work_hour ul{ padding:4% 0}
.w_left{ float:left}
.w_right{ float:right; text-align:left; width: 43%;}


.ser1_title1{font-family: 'AltisMedium' !important; font-size:24px !important; padding-bottom:15px;     color: #29A4D2;
}
.ser1_title2{font-family: 'Open Sans2' !important ; font-size:15px !important; color:#006996 !important; padding-bottom:7px;}

.services_main p{ font-family: 'Open Sans' ; color:#4c4c4c; font-size:14px; padding:2px 0}

.ser1_left{ float:left; width:55%}
.ser1_right{ float:right; width:40%;}
.ser1_right img { display:block}
.ser2{ background:#1081ab; margin:7% 0}
.ser2_image{ float:left; margin-right:5%; width:47%; max-width:100%; }
.ser2_image img { display:block}
.ser2_desc{ padding:5% 5% 0;}
p.ser2_text{ padding:1% 6% 0 0; color:#fff; text-align:justify}
p.ser2_title { font-family: 'AltisMedium' ; font-size:72px ; color:#fff; line-height:55px; }
p.ser2_title span{ font-size:36px}

.services_main { padding:4% 0 0}
.project_inn { padding:4% 0} 
.project_left{ float:left; width:40%; }
.project_right{ float:right; width:55%;}
.project_right li p{ font-family: 'Open Sans' ; font-size:15px; margin-bottom:20px }
.project_inn { padding:4% 0}

.container .box {
  float: left;
  width: 150px;
  margin: 20px; position:relative
}

.container .box .top {
  padding: 12px;
  background-color: blue;
  color: white;
  cursor: pointer;
}

.container .box .bottom {
  padding: 12px;
  background-color: red;
  color: white;
  display: none; position:absolute; top:-10%;
}
.testimonials_main{padding-top:50px; position:relative; margin-top:150px }
.testimonials_main li{ float:left; width:33%;  padding-top:5% }
.testimonials_main ul{ border-top:1px solid #b2b2b2; background:url(../images/team_bg.jpg) no-repeat top left; height:5px; }

.testibox1 p{ }
.testibox1 img{ float:left;}
p.team_name{ font-family: 'Open Sans2'; font-size:16px; color:#474747; float:right; width:65%; padding-bottom:2%; background:url(../images/proj.jpg) no-repeat left bottom  }

.newboxes {display:none; position:absolute; top:-85px; left:0; padding-bottom: 25px;
 }
.newboxes p{ font-family: 'Open Sans'; font-size:16px; color:#535353; line-height:26px;; padding-right:5%;}
.test_left img{ display:block}

.solution_inn { padding:4% 0}
.solution_left { width:65%; float:left}
.solution_left a{color:#111;}
.solution_right_outer { width:28%; float:right}

.solution_right > ul > li { position:relative; margin-bottom: 30px;}
.solution_right li img { display:block}


.wp-pagenavi a{padding:2px 4px; margin:0px 4px; background:#2ca7d5; color:#fff;}



.sol_form{ background:#ededed; padding:25px;}

.sol_form_inn input{ width:100%; padding: 3%; margin-bottom: 3%; border: none; color:#000;  font-family: 'Open Sans'; font-size:14px; }
.sol_form_inn textarea{ width:100%; padding: 3%; margin-bottom: 3%; border: none; color:#000; height:130px;  font-family: 'Open Sans'; font-size:14px;}


.sol_form_left{ float:left; width:48%; }
.sol_form_right{ float:right;width:48%;}

.sol_btn { width:215px; margin:auto;  margin-top:2%;   text-align:center; font-family: 'Open Sans'; font-size:16px; }
.sol_btn a{ padding:3%; display:inline-block; }
.sol_btn .wpcf7-submit:hover{ background:#006389;}
.sol_btn .wpcf7-submit{background:#29a4d2; color:#fff; cursor:pointer;}


.sol_caption_outer{background: rgba(19, 142, 188, 0.83);
position: absolute;
left: 0;
right: 0;
bottom: 0;  }


.sol_caption {font-family: 'AltisMedium';
font-size: 22px;
color: #fff;
text-align: center;
padding: 2%;}

.sol_caption_outer:hover{ background:#138ebc}

.ser_main{ }
.ser_main .glossymenu a.menuitem{ background:#f3f3f3;border-top:0px solid #c5c5c5; margin-bottom:5px; font-family: 'Open Sans2'; font-size: 16px;}
.ser_main .submenu{ padding:1% 0}
.ser_main .submenu p{ font-family: 'Open Sans'; font-size: 14px; padding-bottom:1%}
.main2{ display:block !important; background:#CCC }

.read_more{ color: #fff;
font-family: 'Open Sans';
font-size: 14px;
background: #017ba8;
padding: 5px 10px;
display: inline-block;
margin: 15px 0;}

.videos iframe{ width:100%; height:200px;}

.ser_main2{ padding:1% 0 !important}
.ser_main .glossymenu a.menuitem{ background:#ededed;border-top:0px solid #c5c5c5; margin-bottom:5px; font-family: 'Open Sans2'; font-size: 16px;}
.ser_main .submenu{ padding:1% 0}
.ser_main .submenu p{ font-family: 'Open Sans'; font-size: 15px; padding-bottom:1%}

.about2 .con_btn{ margin:1% 0}
.con_btn a{ display:inline-block; padding:5px 0; width:175px; border-radius:5px;  background:#696969 ; color:#FFF !important; font-family: 'Open Sans'; font-size:13px; text-align:center;  }
.con_btn span{ font-family: 'Open Sans2'; font-size:14px; text-align:center; text-transform:uppercase; display:block }
.con_btn a:hover{ background:#484848}

.pro_btn{  text-align:center; background:#006389; color: #fff;
padding: 3%; margin-bottom: 15px;}
.pro_btn:hover{ background:#0383B4}
.pro_btn p{ font-family: 'AltisMedium'; font-size:18px; }

.testi2{background: #037daa;padding: 41px;color: #fff;}

.about3 li {
    width: 22%;
    float: left;
    position: relative;
    margin-right: 4%; margin-bottom:50px;
}
.about3 li:last-child{ margin-right:0;}
.about3 li img{ display:block}

.about_sec4{ margin:30px 0}
.abt4_left { float:left; width:60%}
.abt4_right { float:right; width:35%}

.com_pro { background:#0a75a1; color:#FFF; padding:15% 0}
.com_pro h1{ font-family: 'AltisMedium' ; text-align:center }
.completed_project li{ padding:2%; background:#f8f8f8}
.completed_project li:nth-child(even){ background:#E9E9E9 }
.image2{ float:left; width:25%; }
.com_desc{ float:right; width:73%;}
.com_desc p{ font-size:14px; color:#999;text-align: justify;
line-height: 20px; }
p.pro_title{ font-family: 'AltisMedium' !important ; font-size:18px !important; color:#000; margin-bottom: 10px; }

.recent_projects p.pro_title{ font-family: 'AltisMedium' ; font-size:24px; color:#000; margin: 20px 0 10px;}
.policy p{ font-size:14px}
.policy_list { margin:2% 0}
.policy_list li { margin:1% 0; border-bottom: none !important;}
.policy_list li p { color:#3F3F3F}
.policy_list li p i { color:#0978a6}

.licence p {
    font-size: 14px; text-align:justify; margin-bottom:2%;
}

.community p {
    font-size: 14px; text-align:justify; margin-bottom:2%;
}

.blog1 p {
    font-size: 14px; text-align:justify; margin-bottom:2%;
}

.community a{ margin-bottom:10px; display:inline-block}

.blog1 img{ margin-bottom:2%;}

.completed_project a{ background: #666;
display: inline-block;
padding: 1%;
margin: 2% 0 0;
border-radius: 2px; font-family: 'AltisMedium' ; font-size:12px;}

.completed_project a i{ margin-right:5px;}

.completed_project a:hover{ background:#333; color:#fff; }
.back{ background: rgb(237, 237, 237) none repeat scroll 0% 0%;}
.solution_right .hov_tit_in {font-size: 20px;}
.solution_right .hover_title {
   
    margin: 2% auto;
    
}
.solution_right .button a {margin-top: 3%;}
.solution_right .hover_services li {font-size: 13px;}
.solution_right > ul > li:hover .hover{ display:block}

.ser_final1{text-align:center} 
.ser_final1 li{ float:left; width:31%; margin-right:3.5%; margin-bottom:5%; padding:1%;}
.ser_final1 li:hover{ background:#FBFBFB}

.ser_final1 li:nth-child(3n+3){ margin-right:0% }
.ser_final1 p{ font-size:16px;color: #626262;
line-height: 24px;}
.ser_final1_inn p{font-family: 'Open Sans';
font-size: 15px;
color: #414141;
padding-bottom: 6%;line-height: 30px;
text-align: justify;}
p.heading_final{font-family: 'AltisMedium';
font-size: 17px ; margin:2% 0; color:#000; text-transform:uppercase}

.btn_new{background: #0978a6;
color: #FFF;
display: inline-block;
padding: 6px 10px;
margin: 3% 0;
text-align: center; font-size:12px; font-family: 'AltisMedium' ;  }

.btn_new:hover{background: #0093d1;}
 div.wpcf7-validation-errors {
	border: none !important;
}
div.wpcf7-mail-sent-ok {border: none !important;}



.ser_heading{font-family: 'AltisMedium'; text-transform: uppercase; font-size: 24px;}
.ser_heading2{font-family: 'AltisMedium'; text-transform: uppercase; font-size:18px;}

.paragraph1{ margin:2% 0; text-align:justify; font-size:14px; color:#666}

.ser_sec2{ margin:2% 0}
.ser_sec2 > p{ text-decoration:underline}
.ser_sec2 li{ margin:1%}
.ser_sec2 i{ color:#0978a6; margin-right:10px}
.ser_final3 > ul > li{ float:left; text-align:center; width:31%; margin-right:3.5%; margin-bottom:5%; padding:1%;}
.ser_final3 > ul > li:nth-child(3n+3){ margin-right:0% }

.services11 a{ color:#000; display:block; text-align:left; transition:all 0.5s; margin-bottom:2%; font-size:15px;   font-family: 'Open Sans3';
}
.services11 i{ color:#0978a6; margin-right:5px;}

.services11 a:hover{ margin-left:10px;}
.logos_btm li{ width: 25%; float: left; text-align: center; border: 1px solid #ccc;}


.social{font-size:16px; padding-bottom:30px; width:100%; float:left;}
.social a{color:#fff; font-size:22px; border-radius:50%; border:1px solid #2ca7d5; background:#2ca7d5; width:45px; height:45px; text-align:center; padding-top:6px; display: inline-block;}
.social a:hover{background:#fff; color:#2ca7d5;}


.gallery li{padding:10px; background:#f8f8f8; margin:5px 0px;}
.gallery li:nth-child(even){background:#E9E9E9;}
.gallery{font-size: 15px;color: #999;text-align: justify;line-height: 20px;}
.gallery li .image{width:250px; height:200px; text-align:center; overflow:hidden; float:right; margin-left:20px;}
.gallery li .image img{height:200px; width:auto; border-radius:5px;}
.gallery li a{background: #333; padding:2px 6px;}
.read_btn{margin-top:2% !important;color:#fff !important;}
@media only screen and ( max-width:1150px){
	.inner_wrap{ width:100%; max-width:100%; margin:auto; padding-left:10px; padding-right:10px }
	.menu-main-menu-container > ul > li > a {font-size: 13px !important;}
	.sbtn {right: 87px !important;top: 9px !important;}
	.call_title {font-size: 18px !important;}
	.call_us {margin-left: 29% !important;}
	
}

@media only screen and ( max-width:768px){
	.call_us { margin-left: 34% !important;}
	.call_title {font-size: 16px !important;}
	.hover_title {margin: 2% auto; padding: 1%;}
.who_we_inn { width:75%; margin:auto}
.hover_services li {font-size: 13px;}
.hov_tit_in {font-size: 15px;}

.ser_title{ font-size:18px;}
.about_title {font-size: 28px !important;}
.ab_right p {font-size: 12px;}

.text_inn p {font-size: 15px;}

.who_we_inn > ul > li {
    width: 47%;
margin-bottom: 5%; margin-right: 5%;

}

.footer_inn > ul > li {
    width: 28%;
    float: left;
    margin-right: 8%;}
	
.who_we_inn > ul > li:nth-child(2n+2){ margin-right:0 }
.top_right{ width:60%;}

.f_heading {
    font-family: 'Open Sans';
    font-size: 16px !important;
    color: #FFF;
}

.bread {width: 30%; }

.work_hour { font-size: 12px; }
.text {
   
    font-size: 12px;
   
}

.cont_left { width: 40%}
.cont_right { width: 50%}

p.ser2_text {
    padding:0px;}

.test_right{ float:right; width:60%}
.newboxes p {
    font-size: 14px;

}

p.team_name {
    font-size: 12px;

}
.testibox1 img {
    width: 30%;
}

.elec_left {
    width: 60%;
}

.elec_right { width: 35%;}

.solution_right {
    width: 32%;
 }
 
 .about3 li {
    width: 24%;
   
    margin-right: 1%;
    
}

.com_pro { padding: 13% 0;
}
 
 .com_pro h1 {
    font-size: 24px;
}

.sol_caption { font-size:18px;}
.about3 li {
    width: 94%;
    
    margin: 5% auto;
    float: none;
}

.about3 li:last-child {
    margin-right: auto;
}
.solution_right {
    width: 98% !important;
}
.testi_tip_title {font-size: 20px !important;}
 
 }
 


 @media (min-width:375px) and (max-width:568px){
	 .top_left {float: left;width: 40% !important;}
	 .call_us {  margin-left: 17% !important;}
	 .testi_tip_title {  font-size: 16px !important;}
	 .slidrdiv .overlay {display:none;}
 }

@media only screen and (max-width:360px){
.top_left {
    float:none; text-align:center
}
	.menu{ width:100%;}
	.social_icons { float: none;padding-bottom: 7px;text-align: center;}
	.call_us {margin-left: 0 !important;}
	.ser_inn > ul > li {width: 100%;margin-bottom: 3%;}
	.hover{padding-top: 15%;}
	.ab_left {float: none; width: 100%; position:static;}

.ab_right {
    float: none;
    width: 100%;
    
}

.tips {
   
    width:100%;
}

.testi {
    
    width: 100%;
    border-left: none;
    
}

.footer_inn > ul > li {
    width: 100%;
    
    margin-right: 0;
    margin-bottom: 10%;
}

.job_image img{ width:100%;}

.who_we_inn {
    width: 87%;
    margin: auto;
}

.who_we_inn > ul > li {
    width: 100%;}
	
.who_we_title2 {
    font-size: 20px !important;
}

.foo2 {font-size: 10px; padding: 2% 0;
}

.about_title {
    font-size: 20px !important;
}

.testi_tip_title {
   
    font-size: 20px !important;
}

.who_we_title {
    
    font-size: 20px !important;}

.top_right {
    width: 100%;
    text-align: center;
}
.call_us {
    float:none;
   
    margin-bottom: 15px;
}

.quote {
    float:none;
    
}

.text_inn p {
    font-size: 14px;
}

.text_inn span {
   
    font-size: 18px;
    
}

.about_left {
    
    width: 100%;
    margin-bottom: 2%;
}

.about_right {width: 100%;
}

.elec_left { width: 100%; margin-bottom: 5%; }

.elec_right { width: 100%;}
.bread {
    width: 60%;
}

.cont_left {
    width: 100%;
}

.cont_right {
    width: 100%;
}

.form2 li {
    width: 100%;
   
}

.icon {
  
    width: 12%;
}

.text {
    width: 85%;
}


.cont_info li {
    padding-bottom: 5%;
}

.ser1_left {
   
    width: 100%;
    margin-bottom: 5%;
}
.ser1_right {
    
    width: 100%;
}

.ser2_image {
    
    
    width: 100%;
    margin-bottom: 5%;
}
p.ser2_text {
    
    padding-bottom: 5%;
}

.project_left { width: 100%; margin: 2% 0;
}

.project_right {
   
    width: 100%;
}
.testimonials_main {
    padding-top: 115px;
    margin-top: 85px;
}
.test_right {
    width: 100%; margin-bottom: 15px;
}

.test_left {
    float:none;
    width: 50%;
    margin: auto;
}

.solution_left {
    width: 100%; float:none
}

.sol_form_left {
   
    width: 100%; 
}

.sol_form_right {
  
    width: 100%;
}

.solution_right {
    width: 100%; float:none
}

.solution_right {
    width: 95%;
    float: none;
    margin: auto;
}
.solution_right_outer {
    width: 95%;
    float: none;
    margin: auto;
}
.abt4_left {
    width: 100%;
}

.abt4_right {width: 100%; margin: 5% 0;
}

.image2 {
    float: left;
    width: 100%;
    height: 200px;
    overflow: hidden;
    margin-bottom: 2%;
}

.ser_main .glossymenu a.menuitem {
    
    font-size: 13px;
}
.com_desc {
    width: 100%;
}
.ser_final1 li {
    width: 100%;}
	.ser_final3 > ul > li {width: 100%;}
.logos_btm li {
    width: 45%;
    float: left;
    text-align: center;
    border: 1px solid #ccc;
    margin-right: 5%;
    margin-bottom: 5%;
}
.searchform {width: 100% ;height: 64px;line-height: 40px;padding: 5px 79px 1px 0px !important;}
.sbtn {right: 0 !important;top: 9px !important;}
#searchform {  width: 93%;}
.slidrdiv .overlay {display:none;}
}