/*

Theme Name: Electrite Services

Theme URI: #

Author: Sanjoy Kayal

Version: 1.2

*/

@charset "utf-8";

/* CSS Document */



/*

----------------------------------

01. DEFAULT ELEMENTS

----------------------------------

*/



body{margin:0px;padding:0px;}

*{border:none;outline:none;text-decoration:none;}

.clear{clear:both;}

p,h1,h2,h3,h4,h5{margin:0;padding:0px;}



@font-face {

	font-family:'DIN-Regular';

	src: url('css/DIN-Regular_gdi.eot');

	src: url('css/DIN-Regular_gdi.eot?#iefix') format('embedded-opentype'),

		url('css/DIN-Regular_gdi.woff') format('woff'),

		url('css/DIN-Regular_gdi.ttf') format('truetype'),

		url('css/DIN-Regular_gdi.otf') format('opentype'),

		url('css/DIN-Regular_gdi.svg#DIN-Regular') format('svg');

	font-weight: 5;

	font-style: normal;

	font-stretch: normal;

	unicode-range: U+0020-25CA;

}



@font-face {

	font-family:'DIN-Bold';

	src: url('css/DIN-Bold_gdi.eot');

	src: url('css/DIN-Bold_gdi.eot?#iefix') format('embedded-opentype'),

		url('css/DIN-Bold_gdi.woff') format('woff'),

		url('css/DIN-Bold_gdi.ttf') format('truetype'),

		url('css/DIN-Bold_gdi.otf') format('opentype'),

		url('css/DIN-Bold_gdi.svg#DIN-Bold') format('svg');

	font-weight: 700;

	font-style: normal;

	font-stretch: normal;

	unicode-range: U+0008-2122;

}



@font-face {

	font-family:'DIN-Light';

	src: url('css/DIN-Light_gdi.eot');

	src: url('css/DIN-Light_gdi.eot?#iefix') format('embedded-opentype'),

		url('css/DIN-Light_gdi.woff') format('woff'),

		url('css/DIN-Light_gdi.ttf') format('truetype'),

		url('css/DIN-Light_gdi.otf') format('opentype'),

		url('css/DIN-Light_gdi.svg#DIN-Light') format('svg');

	font-weight: 300;

	font-style: normal;

	font-stretch: normal;

	unicode-range: U+0020-25CA;

}



@font-face {

	font-family:'DIN-Medium';

	src: url('css/DIN-Medium_gdi.eot');

	src: url('css/DIN-Medium_gdi.eot?#iefix') format('embedded-opentype'),

		url('css/DIN-Medium_gdi.woff') format('woff'),

		url('css/DIN-Medium_gdi.ttf') format('truetype'),

		url('css/DIN-Medium_gdi.otf') format('opentype'),

		url('css/DIN-Medium_gdi.svg#DIN-Medium') format('svg');

	font-weight: 500;

	font-style: normal;

	font-stretch: normal;

	unicode-range: U+0020-25CA;

}



/*

----------------------------------

02. CONTAINER, WRAPPER

----------------------------------

*/



#container{width:100%;}

#wrapper{width:100%;}

.main{max-width:1155px;margin:0 auto;}

@media(max-width:1025px){

.main{padding:0% 2%;}	

}

img {

	max-width: 100%;

	

}

@media \0screen {

  img { 

  	width: auto; /* for ie 8 */

  }

}



/*

----------------------------------

03. HEADER

----------------------------------

*/

#header{width:100%;}

.header_top{ background:#592c87; padding:23px 0 18px;}

.logo{ width:/*283px*/24.50%; float:left;}

#navigation{ width:/*704px*/65%; float:right; text-align:right; padding:30px 0 0;}



#slider img{ width:100%;}







/* // Sudo Slider */

/* Numeric Navigation */

ol.numericControls {margin:1em 0;padding:0;height:28px;	}

ol.numericControls li{margin:0 10px 0 0; padding:0;float:left;list-style:none;height:28px;line-height:28px;}

ol.numericControls li a{float:left;height:28px;line-height:28px;border:1px solid #ccc;background:#DAF3F8;color:#555;padding:0 10px;text-decoration:none;}

ol.numericControls li.current a{background:#5DC9E1;color:#fff;}

ol.numericControls li a:focus, .prevBtn a:focus, .nextBtn a:focus{outline:none;}

.graphic, .prevBtn, .nextBtn{margin:0;padding:0;display:block;overflow:hidden;text-indent:-8000px;}

.prevBtn{ display:block;width:39px;height:45px;position:absolute;left:5%;bottom:8%; cursor:pointer; background:url(images/prev.png) no-repeat; font-size:0px; z-index:9999999 !important; background-size:contain;}

.nextBtn { display:block;width:39px;height:45px;position:absolute;right:8%;bottom:8%; cursor:pointer; background:url(images/next.png) no-repeat; font-size:0px; z-index:9999999 !important;  background-size:contain;}








/*

-----------------------------------

04. CONTENT 

-----------------------------------

*/

#content{width:100%;}



.sec1{ padding:55px 0 90px;}

.sec_box{ width:/*310px*/26.83%; float:left; text-align:center; margin:0 0 0 9%;}

.sec_box:first-child{ margin-left:0;}

.sec_box h2{font:normal 20px 'DIN-Bold'; color:#58595a; padding:20px 0 30px;}

.sec_box p{ text-align:left; font:normal 17px 'DIN-Light'; color:#969696; margin:0 0 10px;}

.sec_box:hover h2{ color:#83c453;}

.sec_box a{ display:block; font:normal 12px 'DIN-Medium'; text-transform:uppercase; text-align:left; color:#592c86;}

.sec_img{background:url(images/non_hover1.png) no-repeat center top; height:218px; width:217px; margin:0 auto;}

.sec_box:hover .sec_img{background:url(images/hover1.png) no-repeat center top;}





.testi_sec{ position:relative; padding:74px 0}

.testi_sec h2{ font:normal 26px 'DIN-Bold'; color:#592c86; text-transform:uppercase;margin: 0 0 0 4.6%;}

.test_box{background:#FFF; padding:0;}

.test_box p{ font:normal 17px 'DIN-Light'; color:#3f3f40; margin:0 0 18px;}

.test_box span{font:normal 12px 'DIN-Medium'; color:#592c86;}

.owl_sec{width:90%;margin:0 auto;}

.item{margin:0px 10% 0 0;}







.pic_hld{ width:/*266px*/23.03%; float:left; margin:0 0 0 2%; padding:62px 0 38px;}

.pic_hld:first-child{ margin-left:0;}



.about_sec{ padding:68px 0 0;}

.about_sec h2{font:normal 30px 'DIN-Bold'; color:#83c453; margin:0 0 30px;}

.about_sec p{ font:normal 19px 'DIN-Light'; color:#969696; margin:0 0 14px;}

.abt_left{ width:/*491px*/42.51%; float:left; margin:0 10% 0 0;}

.abt_right{ overflow:hidden;}





.project_box{width:/*1026px*/88.83%; margin:0 auto; padding:90px 0 0;}



.pro_lft{ width:/*346px*/33.72%; float:left; margin:0 4.58% 0 0;}

.pro_rgt{ width:/*624px*/60.82%; float:left;}

.img_pro{ width:/*192px*/30.77%; float:left; margin:0 2.5% 20px 0;}

.no_margin{ margin-right:0;}



.project_box h2{font:normal 20px 'DIN-Bold'; color:#592c86; margin:0 0 9px;}

.project_box h2 span{font-size:14px}

.project_box p{ font:normal 15px 'DIN-Light'; color:#838383;}



.gap{ padding:0 0 110px;}



.contact_box{padding:100px 0 0;}



.contact_left{ width:/*490px*/42.42%; float:left; margin:0 6% 0 0; padding:}

.con_box{margin:0 0 28px;}

.contact_left p{ font:normal 20px 'DIN-Regular'; color:#464648;}

.contact_left p span{ display:block;}

.contact_left p a{ color:#464648;}

.contact_left h2, .contact_right h2{ font:normal 22px 'DIN-Bold'; color:#464648; padding:0 0 32px;}

.map{ padding:68px 0 0;}





.contact_right{ width:/*600px*/50%; float:left;}

.frm_hold label{width:100%; display:block; font:normal 16px 'DIN-Regular'; color:#464648; margin:0 0 6px;}

.frm_hold{margin:0 0 28px;}

.frm_hold p{ font:normal 16px 'DIN-Regular'; color:#464648; padding:0 0 14px;}

.frm_gap{ padding:0 0 50px;}



.frm_text{ width:351px; height:27px; line-height:27px; font:normal 14px 'DIN-Regular'; text-transform:uppercase; color:#5f7783; background: rgba(158,172,180,1);

background: -moz-linear-gradient(top, rgba(158,172,180,1) 0%, rgba(212,218,222,1) 100%);

background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(158,172,180,1)), color-stop(100%, rgba(212,218,222,1)));

background: -webkit-linear-gradient(top, rgba(158,172,180,1) 0%, rgba(212,218,222,1) 100%);

background: -o-linear-gradient(top, rgba(158,172,180,1) 0%, rgba(212,218,222,1) 100%);

background: -ms-linear-gradient(top, rgba(158,172,180,1) 0%, rgba(212,218,222,1) 100%);

background: linear-gradient(to bottom, rgba(158,172,180,1) 0%, rgba(212,218,222,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9eacb4', endColorstr='#d4dade', GradientType=0 ); border:1px solid #888F97;}





.frm_select{ width:170px; height:27px; line-height:27px; font:normal 14px 'DIN-Regular'; text-transform:uppercase; color:#5f7783; background: rgba(158,172,180,1);

background: -moz-linear-gradient(top, rgba(158,172,180,1) 0%, rgba(212,218,222,1) 100%);

background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(158,172,180,1)), color-stop(100%, rgba(212,218,222,1)));

background: -webkit-linear-gradient(top, rgba(158,172,180,1) 0%, rgba(212,218,222,1) 100%);

background: -o-linear-gradient(top, rgba(158,172,180,1) 0%, rgba(212,218,222,1) 100%);

background: -ms-linear-gradient(top, rgba(158,172,180,1) 0%, rgba(212,218,222,1) 100%);

background: linear-gradient(to bottom, rgba(158,172,180,1) 0%, rgba(212,218,222,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9eacb4', endColorstr='#d4dade', GradientType=0 ); border:1px solid #888F97;}





.frm_text1{width:170px; height:27px; line-height:27px; font:normal 14px 'DIN-Regular'; text-transform:uppercase; color:#5f7783; background: rgba(158,172,180,1);

background: -moz-linear-gradient(top, rgba(158,172,180,1) 0%, rgba(212,218,222,1) 100%);

background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(158,172,180,1)), color-stop(100%, rgba(212,218,222,1)));

background: -webkit-linear-gradient(top, rgba(158,172,180,1) 0%, rgba(212,218,222,1) 100%);

background: -o-linear-gradient(top, rgba(158,172,180,1) 0%, rgba(212,218,222,1) 100%);

background: -ms-linear-gradient(top, rgba(158,172,180,1) 0%, rgba(212,218,222,1) 100%);

background: linear-gradient(to bottom, rgba(158,172,180,1) 0%, rgba(212,218,222,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9eacb4', endColorstr='#d4dade', GradientType=0 ); border:1px solid #888F97;}







.frm_textarea{ width:100%; height:140px; background: rgba(158,172,180,1);

background: -moz-linear-gradient(top, rgba(158,172,180,1) 0%, rgba(212,218,222,1) 100%);

background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(158,172,180,1)), color-stop(100%, rgba(212,218,222,1)));

background: -webkit-linear-gradient(top, rgba(158,172,180,1) 0%, rgba(212,218,222,1) 100%);

background: -o-linear-gradient(top, rgba(158,172,180,1) 0%, rgba(212,218,222,1) 100%);

background: -ms-linear-gradient(top, rgba(158,172,180,1) 0%, rgba(212,218,222,1) 100%);

background: linear-gradient(to bottom, rgba(158,172,180,1) 0%, rgba(212,218,222,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9eacb4', endColorstr='#d4dade', GradientType=0 ); border:1px solid #888F97; resize:none; }



.frm_sub{ padding:7px 21px; font:normal 14px 'DIN-Regular'; color:#5f7783; text-transform:uppercase; background: rgba(158,172,180,1);

background: -moz-linear-gradient(top, rgba(158,172,180,1) 0%, rgba(212,218,222,1) 100%);

background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(158,172,180,1)), color-stop(100%, rgba(212,218,222,1)));

background: -webkit-linear-gradient(top, rgba(158,172,180,1) 0%, rgba(212,218,222,1) 100%);

background: -o-linear-gradient(top, rgba(158,172,180,1) 0%, rgba(212,218,222,1) 100%);

background: -ms-linear-gradient(top, rgba(158,172,180,1) 0%, rgba(212,218,222,1) 100%);

background: linear-gradient(to bottom, rgba(158,172,180,1) 0%, rgba(212,218,222,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9eacb4', endColorstr='#d4dade', GradientType=0 ); border:1px solid #888F97; }







.service_left{width:/*491px*/42.51%; float:left; margin:0 10% 0 0;}

.service_right{ overflow:hidden;}

span.wpcf7-not-valid-tip { color: #f00; display: block;font: 16px "DIN-Regular";}

div.wpcf7-validation-errors {border: 2px solid #f7e700; font: 16px "DIN-Regular"; }

div.wpcf7-mail-sent-ok {border: 2px solid #398f14; font: 16px "DIN-Regular";}

/*

------------------------------------

05. FOOTER 

------------------------------------

*/

#footer{width:100%; background:url(images/footer_bg.png); padding:72px 0 88px;}

.foot_left{ width:/*708px*/61.30%; float:left;}

.foot_right{width:/*400px*/34.63%; float:right; text-align:right;}

.foot_right p{ font:normal 16px 'DIN-Light';color:#fff; margin:0 0 2px;}

.foot_right p span, .foot_right span{font:normal 13px 'DIN-Light';  color:#fff;}

.foot_top{ padding:0 0 30px;}




.foot_box{width:/*120px*/16.95%; float:left; margin:0 4% 0 0;}

.foot_box ul{ padding:0; margin:0; list-style:none;}

.foot_box ul li{ margin:0 0 10px;}

.foot_box ul li.current-menu-item a, .foot_box ul li:hover a{font:normal 15px 'DIN-Bold'; color:#83c453;}

.foot_box ul li a{font:normal 15px 'DIN-Regular'; color:#fff;}





.foot_box1{ width:/*250px*/35.31%; float:left;  margin:0 2% 0 0;}

.foot_box1 h2{font:normal 15px 'DIN-Regular'; color:#fff; margin:0 0 10px;}

.foot_box1 ul{ padding:0 0 0 15px; margin:0; list-style:none;}

.foot_box1 ul li a{font:normal 15px 'DIN-Regular'; color:#fff;}



.foot_box2{ width:/*283px*/39.97%; float:left;}



/*

-------------------------------------

06. RESPONSIVE

-------------------------------------

*/



@media(min-width:768px){

#navigation ul{padding:0;margin:0;list-style:none; text-align:right;}

#navigation ul li {display:inline-block; padding:0;line-height:20px; position:relative;}

#navigation ul li a{display:inline-block; font:normal 15px 'DIN-Regular'; color:#FFF; padding:70px 25px 0; line-height:20px; text-transform:uppercase;}

#navigation ul li:hover a{ color:#83c453;}

#navigation ul li.current-menu-item a{font:normal 15px 'DIN-Bold'; color:#83c453;}

#navigation ul li a.icon1{ background:url(images/icon1.png) no-repeat top center;}

#navigation ul li a.icon1:hover{ background:url(images/icon1_h.png) no-repeat top center;}

#navigation ul li.current-menu-item  a.icon1{background:url(images/icon1_h.png) no-repeat top center;}



#navigation ul li a.icon2{ background:url(images/icon2.png) no-repeat top center;}

#navigation ul li a.icon2:hover{ background:url(images/icon2_h.png) no-repeat top center;}

#navigation ul li.current-menu-item  a.icon2{background:url(images/icon2_h.png) no-repeat top center;}



#navigation ul li a.icon3{ background:url(images/icon3.png) no-repeat top center; }

#navigation ul li a.icon3:hover{ background:url(images/icon3_h.png) no-repeat top center;}

#navigation ul li.current-menu-item  .icon3{background:url(images/icon3_h.png) no-repeat top center;}



#navigation ul li a.icon4{ background:url(images/icon4.png) no-repeat top center; }

#navigation ul li a.icon4:hover{ background:url(images/icon4_h.png) no-repeat top center;}

#navigation ul li.current-menu-item  a.icon4{background:url(images/icon4_h.png) no-repeat top center;}



#navigation ul li a.icon5{ background:url(images/icon5.png) no-repeat top center;}

#navigation ul li a.icon5:hover{ background:url(images/icon5_h.png) no-repeat top center;}

#navigation ul li.current-menu-item  .icon5{background:url(images/icon5_h.png) no-repeat top center;}



}
  .foot_box1  ul li:hover a {
    color: #83c453;
    font: 15px "DIN-Bold";
@media(max-width:1130px){





@media(max-width:1130px){

	

}





@media(max-width:999px){

	#navigation ul li a{padding:70px 10px 0; }

	



.foot_right {

    float: none;

    text-align: left;

    width: 100%;

}



.foot_left {

    float: none;

    width: 100%;

	margin:0 0 20px;

}	

	

}



@media(max-width:767px){

	

.logo {

    float: none;

    text-align: center;

    width: 100%;

}





#navigation {

    float: none;

    text-align: left;

    width: 100%;

}





.sec1, .testi_sec {

    padding: 15px;

}



.sec_box {

    float: none;

    margin: 0 0 40px;

    text-align: center;

    width: 100%;

}



.sec_box p{ text-align:center;}

 .sec_box a{ text-align:center;}





.foot_right {

   text-align:center;

}



.foot_left {

	text-align:center;

}





.foot_box {

    float: none;

    margin: 0 0 30px;

    width: 100%;

}



.foot_box1 {

    float: none;

    margin: 0 0 30px;

    width: 100%;

}



.foot_box2 {

    float: none;

    margin: 0 0 20px;

    width: 100%;

}





.about_sec {

    padding: 2px 0 0;

}



.abt_left {

    float: none;

    margin: 0 0 20px;

    width: 100%;

}



.pro_lft {

    float: none;

    margin: 0 0 20px;

    width: 100%;	

}



.pro_lft img{ width:100%;}





.pro_rgt {

    float: none;

    width: 100%;

}





.contact_left {

    float: none;

    margin: 0 0 20px;

    width: 100%;

}





.contact_right {

    float: none;

    width: 100%;

}





.service_left {

    float: none;

    margin: 0 0 20px;

    width: 100%;

}



}



@media(max-width:479px){

	

.item {

    margin: 0 2.5% 0 2%;

	width:86%;

}







.frm_text{width:99%;}



.frm_textarea{width:99%;}

}