@charset "UTF-8";
/*
Theme Name: Wire Solar
Theme URI: https://wordpress.org/themes/wiresolar/
Author: Avaish
*/
/* Arif */
html, body {margin:0px 0px 0px 0px;	padding:0px 0px 0px 0px; font-family: 'Rubik', sans-serif; font-size:15px;	color:#666666;}
html, body{ height:100%;}
/* Global Classes starts */
* {outline:none; box-sizing:border-box;}
div, form, p{ margin:0px; padding:0px;}
a img /* This Class will disble border over any link on images*/
{   border:none;  outline:none}
a{	text-decoration:none; color:#666666;}
a:hover{text-decoration:none;color:#ffb922;}
p{ margin:0px; padding:0px 0px 10px 0px; font-size:14px; line-height:25px; color:#636363;}
p a{text-decoration:none;color:#666666;}
p a:hover{text-decoration:none;color:#ffb922;}
ul{ margin:0px; padding:0px; list-style-type:none; color:#666666;}
ul li{ margin:0px; padding:0px 0px 10px 12px; font-size:15px;}
ul strong{font-size:15px;}	
ul a{/* Controls LINKS inside UL */	text-decoration:none;color:#666666;}
ul a:hover{	/* Controls LINKS HOVER inside UL */text-decoration:none; color:#ffb922 !important;}

h1,h2,h3,h4,h5,h6{ color:#1a1a23; font-family: 'Rubik', sans-serif; position:relative;}
h1,h2{ font-size:36px;}
h3{ font-size:32px;}
h4{font-size:26px;}
h5{font-size:20px;}
h6{font-size:18px;}
.clr, 
.clear{margin:0; padding:0; clear:both;} 
/* ----Global Classes ends-----*/

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="date"],
input[type="url"],
textarea, 
select{ margin:0px; padding:10px 15px; width:100%; color:#636363; font-size:14px; font-weight:400; font-family: 'Rubik', sans-serif; border:1px solid #ccc; background:#fff; height:48px;}
input:focus, textarea:focus, select:focus{ }
textarea{ height:140px;}
input[type="submit"]{ margin:0px; padding:12px 30px; color:#fff; font-size:14px; font-weight:700; font-family: 'Rubik', sans-serif;  border:none; text-transform:uppercase; background:#f1a619; text-transform:uppercase; cursor:pointer; height:45px;}
input[type="submit"]:hover{ background:#181818;}
.divider{margin:0px; padding:0px; position:relative;}
.divider:after{margin:0px; padding:0px; content:"";width:70px; height:5px; position:absolute; left:50%; bottom:0px; transform: translate(-50%, -50%); background-color:#ffb922;}

.header_top { margin:0px auto; padding:0px 15px; max-width:1200px; height:40px; line-height:40px; position:relative;}
.header_top ul{ margin:0px; padding:0px; list-style-type:none;}
.header_top ul li { margin:0px; padding:0px; display:inline-block;}
.header_top ul li a { margin:0px; padding: 0px 30px 0px 10px; display:inline-block; font-size:13px; color:#636363;}
.header_top ul li a:hover {color:#2b2b2b;}
.all_banner{ margin:0px; padding:0px; position:relative;}
.header_container { margin:0px auto; padding:0px 15px; max-width:1200px;}
.main_header { margin:0px; padding: 15px 0px 0px; position:absolute; left:0px; top:0px; width:100%; z-index: 99;}
.main_header .logo_left { margin:0px; padding:0px; width:16%;  float:left;}
.main_header .logo_left  img { margin:0px; padding:0px; width:100%; display:block; height:inherit;}
.header_right { margin:0px; padding: 45px 0px 0px; width:80%; float:right;}
.main_menu { margin:0px; padding: 10px 0px 0px; width:780px; float:left;}
.main_menu ul { margin:0px; padding:0px; list-style-type:none;}
.main_menu ul li { margin:0px; padding:0px; display:inline-block;}
.main_menu ul li a { margin:0px; padding: 0px 8px 0px 0px; display:inline-block; color:#f0f0f0; font-size:13px; text-transform:uppercase; font-weight:500;}
.main_menu ul li.current-menu-item a{ color:#ffb922;}
.quote_right { margin:0px; padding:0px; /*width:calc(100% - 790px);*/ float:right; text-align: right;}
.quote_right a { margin:0px; padding:0px; width:120px; display:inline-block; height:40px; line-height:35px; color:#f0f0f0; font-size:13px; text-transform:uppercase; font-weight:500; border:#ffb922 solid 2px; border-radius:3px; text-align:center;}
.main_menu ul li:last-child a {
    padding-right: 0;
}
.home_banner { margin:0px; padding:0px; position:relative;}
.home_banner img { margin:0px; padding:0px; width:100%; display:block; }
.overlay { margin:0px; padding:0px; position:absolute; left:0px; top:0px; width:100%; height:100%; background-color:rgba(13,13,13,0.60);}
.hero_container { margin:0px auto; padding:0px; width:1170px;}
.hero_container h3 { margin:0px; padding:0px 0px 20px 0px; font-size:20px; line-height:30px; color:#ffb922; text-transform:uppercase; font-weight: 500;}
.hero_container h1 { margin:0px; padding:0px 0px 5px; font-size:60px; line-height:70px; color:#f0f0f0; text-transform:uppercase;}
.hero_container p { margin:0px; padding:0px 0px 50px 0px; font-size:18px !important; color:#f0f0f0; line-height:30px !important;}
.hero_container a { margin:0px; padding:0px; width:170px; display:block; font-size:14px !important; color:#fff; background-color:#ffb922; line-height:47px !important; font-weight:500; text-align:center; border-radius:3px;}
.hero_container a:hover{ color:#fff !important; background:#181818;}
.slotholder{ margin:0px; padding:0px; position:relative;}
.slotholder:after{ content:""; position:absolute; width:100%; height:100%; left:0px; top:0px; background:rgba(13,13,13,0.60);}

.container_wrap{ margin:0px auto; padding:80px 15px; max-width:1200px;}
.container_wrap h2{ margin:0px; padding:0px 0px 20px 0px; color:#111111; font-size:36px; font-weight:500; display:block;} 
.container_wrap h3{ margin:0px; padding:0px 0px 20px 0px; color:#111111; font-size:36px; font-weight:500; display:block;} 
.container_wrap h4{ margin:0px; padding:0px 0px 20px 0px; color:#002c42; font-size:30px; display:block;} 
.container_wrap h5{ margin:0px; padding:0px; color:#002c42; font-size:24px; display:block;}
.container_wrap h6{ margin:0px; padding:0px; color:#ffb922; font-size:18px; font-weight:500; display:block; text-transform:uppercase; line-height:30px;}
.container_wrap p{ margin:0px; padding:0px 0px 20px 0px; color:#7f8284; font-size:14px; line-height:30px; } 
.container_wrap p a{ margin:0px; padding:0px; color:#454545; font-size:14px; line-height:25px; display:inline-block;}
.container_wrap p a:hover{ color:#fff !important;}
.container_wrap p label{ margin:0px; padding:0px; display:inline-block; color:#666; font-size:15px; line-height:25px;}
.container_wrap p span{ margin:0px; padding:0px; display:inline-block; color:#fff; font-weight:normal; font-size:18px; line-height:25px;}
.container_wrap p strong{ margin:0px; padding:0px; display:inline-block; color:#666; font-size:15px; line-height:25px; font-weight:700;} 

.qoute_wrapper { margin:0px 0px; padding:0px; background-color:#ffb922;}
.qoute_wrapper .container_wrap { padding:30px 15px;}
.quote_inner { margin:0px; padding:0px; width:1010px; float:left;}
.quote_inner h4 { margin:0px; padding:0px; color:#fff; font-weight:bold; text-transform:capitalize;}
.quote_inner p { margin:0px; padding:0px;}
.quote_btn_right { margin: 10px 0px 0px; padding:0px; width:calc(100% - 1010px); float:right;}
.quote_btn_right a { margin:0px; padding:0px; width:160px; font-size:13px; color:#0d0d0d; height:47px; line-height:47px; text-align:center; background-color:#fff; font-weight:500; float:right; text-transform:uppercase; border-radius:3px;}

.counter_wrapper { margin:0px; padding:0px;}
.solar_pannel { margin:0px; padding:0px; width:900px; float:left;}
.about_solar { margin:0px; padding:0px;}
.counter_up { margin:0px; padding:0px;}
.counter_widget { margin: 0px 47px 0px 0px; padding:0px; float:left;}
.counter_widget h3 { margin:0px; padding:0px; font-size:50px; font-weight:500; color:#ffb922;}
.experience_industry { margin:0px; padding:0px  20px; width:240px; float:right; border:15px solid #ffb922; height:325px; text-align:center; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
.experience_industry h3{margin:0px; padding:0px; font-size:120px; color:#ffb922; font-weight:bold;}

.solar_service_listing{margin:0px; padding:0px; background-color:#e9e9e9; text-align:center;}
.service_box{ margin:45px 1% 0px; padding:0px; width:31.33%; float:left; position:relative; text-align:center; overflow:hidden; border-radius:3px;}
.service_box img{ margin:0px; padding:0px; width:100%; height:300px; object-fit:cover; display:block; text-align:center;}
.solar_text{ margin:0px; padding: 38px 0px 0px;position:absolute; left:0px; top:0px; width:100%; height:100%; background-color:rgba(0,0,0,0.80); border-radius:3px;}

.read_more{ margin:0px; padding:30px; width:100%; height:100%; left:0px; top:0px; position:absolute; z-index:9; transition:all 1s ease; opacity:0;}
.read_more a{ margin:0px; padding:10px 30px; color:#fff; font-size:14px; width:100%; position:absolute; left:0px; bottom:10px; z-index:2;}
.service_box:hover  { box-shadow:#000 0px 0px 20px; transition:all 1s ease;}
.read_more:hover{ opacity:1;}

.solar_text img{ margin:0px 0px 5px; padding:0px; width:auto; height:75px; display:inline-block;}
.solar_text h6 {margin:0px; padding:0px 0px 10px; color:#fff;}
.solar_text p {margin:0px; padding: 0px 30px 0px; color:#fff;}
.solar_text i{ color:#ffb922;}

.west_wire { margin:0px; padding: 45px 0px 0px;}
.solar_left { margin:0px; padding:0px; width:40%; float:left;}
.solar_left img { margin:0px; padding:0px; width:100%; height:400px; object-fit:cover; display:block;}
.solar_right { margin:0px; padding:0px; width:54%; float:right;}
.credability_box { margin:0px; padding: 0px 5px 15px 0px; width:50%; float:left;}
.credability_box img { margin: 0px 0px 10px; padding:0px; display:block; height: 30px;}
.credability_box h6 { margin:0px; padding: 0px 0px 5px; font-weight:500; text-transform:capitalize; color:#1a1a23;}
.credability_box p { margin:0px; padding:0px; height:110px;}

.project_wrapper { margin:0px; padding:0px;}
.project_thumb { margin:0px; padding:0px; width:25%; float:left; position:relative; overflow:hidden;}
.project_thumb:after{ margin:0px; padding:0px; position:absolute; content:""; width:100%; height:100%; left:0px; top:0px; background:url(images/buler.png) left bottom no-repeat;}
.project_thumb img { margin:0px; padding:0px; width:100%; display:block; height: 465px; object-fit:cover;}
.project_caption { margin:0px; padding: 0px 0px 0px 30px; position:absolute; width:100%; left:0px; bottom:25px; z-index:3;}
.project_caption h4 { margin:0px 0px 15px; padding:0px; font-size:20px; height:22px; overflow: hidden; color:#fff; font-weight: 600; text-transform:uppercase;}
.project_caption h4 a{ margin:0px; padding:0px; color:#fff; text-decoration:none;}
.project_caption h4 a:hover{ color:#ffb922 !important;}
.project_caption h6 { margin:0px; padding:0px; color:#ffb922; font-weight:400; font-size: 14px; text-transform:capitalize;}
.project_caption p{ margin:0px 0px -105px; padding:40px 0px 0px; color:#fff; transition:all .5s ease;}
.project_thumb:hover p{ margin:0px 0px 0px; padding:15px 0px 0px; transition:all .5s ease;}



.text_center h3{ text-align:center;}
.post_news { margin: 45px 1% 0px; padding:0px; width:31.33%; float:left;}
.post_news img { margin:0px; padding:0px; width:100%; height:250px; object-fit:cover; display:block;border-radius:4px;}
.post_news p { margin:0px; padding:0px; height:115px;}
.post_meta { margin:0px; padding: 25px 0px;}
.post_meta h5 { margin:0px; padding:0px; font-size:13px; color:#c2c2c2; font-weight:normal;}
.post_meta h5 span { margin:0px 0px 0px 15px; padding: 0px 0px 0px 11px; font-size:13px; color:#ffb922; text-transform:uppercase; border-left:#ccc solid 1px;}
.post_title { margin:0px; padding:0px 0px 10px;}
.post_title h6 a{ margin:0px; padding:0px; color:#111; text-decoration:none;}
.post_title h6 a:hover{ color:#ffb922;}

.testimonials_wrapper { margin:0px; padding:0px; background:url(images/testimonials-bg.jpg) center top no-repeat; background-size:cover; height:565px; position:relative;}
.testimonials_wrapper::before{ margin:0px; padding:0px; content:""; position:absolute; left:0px; padding:0px; width:100%; height:100%; background-color:rgba(0,0,0,0.70);}


blockquote.easy_testimonial *{ box-sizing:border-box !important;}
.style-default_style { margin:45px 1% 0px; padding: 25px 20px 30px; width:48%; height:190px; float:left; background-color:#fff; border-radius: 3px; z-index:1; position:relative;}
.testimonials_wrapper h3 { margin:0px 0px 20px; padding:0px; color:#fff; text-align:center;}
.testimonials_wrapper h3.divider:after{ bottom:-20px;}
.easy_t_single_testimonial blockquote p span.testimonial-client{ margin:0px; padding:0px; color:#343e51; text-transform:capitalize; font-weight:normal;}
blockquote.easy_testimonial p{ margin:0px; padding:0px;}
.testimonial_body p { margin:0px; padding:0px 0px 20px; color:#343e51; font-size:16px; height:95px; line-height: 25px; display:inline-block;}
.easy_t_single_testimonial blockquote p span.testimonial-position { margin:0px; padding:0px; color:#343e51; font-size:14px; font-weight:normal;}
.testimonilas_box span img { margin:0px; padding:0px; display:inline-block; float:right;}
.easy_t_single_testimonial blockquote.easy_testimonial{ margin:0px auto; padding:0px;}
/*==== Slider Css ===*/
.style-default_style:after{ margin:0px; padding:0px; width:30px; height:22px; content:""; position:absolute; background:url(images/quote.png) center center no-repeat; right:20px; bottom:30px; background-size:100% auto;}

.easy-t-cycle-controls{ position: absolute; padding:40px 0px 0px; z-index:999; width:280px; left:0px; right:0px; margin:0px auto;}
.easy-t-cycle-pager span{ margin:0px 8px; font-size:0px; line-height:auto; width: 14px;  height: 14px;  border: #fff solid 2px; color: transparent; border-radius: 50px; display:inline-block;}
.easy-t-cycle-pager span.cycle-pager-active, .easy-t-cycle-pager span:hover{ background:#ffb922; border-color:#ffb922;  color:#ffb922;}

.footer_wrapper { margin:0px; padding:0px; background-color:#ffb922;}
.about_footer { margin:0px; padding:0px; width:35%; float:left;}
.copy_right { margin:0px; padding: 25px 0px 0px 45px;}
.copy_right ul { margin:0px; padding:0px; list-style-type:none;}
.copy_right ul li { margin:0px; padding:0px; display:inline-block;}
.copy_right ul li a i{ margin: 0px 30px 0px 0px; padding:0px; display:inline-block;}
.copy_right ul li a:hover i{ color:#fff;}

.contact_info { margin:0px; padding: 60px 0px 0px; width:45%; float:left;}
.contact_info ul { margin:0px; padding:0px; list-style-type:none;}
.contact_info ul li p{ margin:0px; padding: 0px 0px 6px; color:#454545; display:block;}
.contact_info ul li a { margin:0px; padding:0px; display:block;}

.site_conditions { margin:0px; padding: 60px 0px 0px; width:20%; float:left;}
.site_conditions ul { margin:0px; padding:0px; list-style-type:none;}
.site_conditions ul li{ margin:0px 0px 15px; padding: 0px; position:relative; transition:all ease 0.3s; }
.site_conditions ul li a { margin:0px; padding:0px; display:block; color:#454545; transition:all ease 0.3s;}
.site_conditions ul li:hover { background:url(images/right-arrow.png) left center no-repeat;}
.site_conditions ul li a:hover{ color:#666666 !important; padding:0px 0px 0px 12px;}
/*.site_conditions ul li i { display:none; }
.site_conditions ul li:hover i{ display:inline-block; transition:all ease 0.5s;}*/

.news_letter { margin:0px; padding: 60px 0px 0px; width:25%; float:right;}
.news_letter h6 { margin:0px; padding: 0px 0px 15px; color:#454545; text-transform:capitalize;}
.news_letter p { margin:0px; padding: 0px 25px 20px 0px; color:#454545; line-height:22px;}
.news_field { margin:0px; padding:2px; background-color:#fff; border-radius: 3px;}
.news_field input[type="email"] { margin:0px; padding: 0px 10px; color:#c2c2c2; font-size:12px; background:none; border:none; width:79%; 
height: 47px;}
.news_field input[type="submit"] { background:none; border:none; width:15%; height:47px; float:right; border-radius: 3px; background:url(images/send-btn.png) center center no-repeat; background-color:#ffb922; cursor:pointer;}
.news_field p{ display:none;}


/*16/03/2020 / Aout Us Page*/
.inner_banner { margin:0px; padding:0px; position:relative;}
.inner_banner:before{  margin:0px; padding:0px; content:""; position:absolute; left:0px; left:0px; width:100%; height:100%; background-color:rgba(0,2,15,0.65);} 
.inner_banner img { margin:0px; padding:0px; width:100% !important; display:block; height:355px !important; object-fit:cover;}
.inner_content{ margin:0px; padding:0px; width:100%; position:absolute; z-index:10; left:50%; top:50%; transform:translate(-50%,-50%);}
.inner_content_container{ margin:0px auto; padding:0px 15px; max-width:1200px; text-align:center;}
.inner_content_container h1{ margin:0px; padding: 0px 0px 15px; color:#fff; font-size:36px; font-weight: 500; text-transform:uppercase;}
.bread{ margin:0px; padding:0px;}
.bread ul{ margin:0px; padding:0px; list-style-type:none; text-align:center;}
.bread ul li{ margin:0px; padding:0px 10px; display:inline-block; font-size:16px; color:#fff; position:relative; }
.bread ul li:after{ position:absolute; content:''; width:10px; height:15px; background:url(images/bread-divider.png) left top no-repeat;  left:-5px;  top:4px;}
.bread ul li:first-child:after{ content:none;}
.bread ul li a{ margin:0px; padding:0px; color:#fff; font-size:16px; text-decoration:none;} 
.bread ul li a:hover{ color:#2dbae4;}

.normal_container { margin:0px auto; padding:50px 15px 70px;}
.about_story { margin:0px; padding:10px 0px 0px; width:55%; float:left;} 
.about_story .divider:after { left:30px; bottom: 18px;}
.about_story h3 { margin:0px; padding: 0px 0px 45px 0px;}
.about_pic { margin:0px; padding:0px; width:40%; float:right;} 
.about_pic  img{ margin:0px; padding:0px; height:470px; object-fit:cover;} 

.about_solar_wrapper {margin:0px; padding:0px; background-color:#000; text-align:center;}
.about_solar_wrapper h3 { margin:0px; padding:0px 0px 20px; color:#fff;}
.about_solar_wrapper .service_box { margin:0px; padding:0px; height:300px;}
.about_solar_wrapper .service_box img { display:none;}
.about_solar_wrapper .solar_text img { display: inline-block;}

.our_experts_wrapper { margin:0px; padding: 45px 0px 0px;}
.experts_box { margin:0px; padding:0px; width:24%; float:left; position: relative; cursor:pointer;}
.experts_box:nth-child(2){ margin:0px 1%;}
.experts_box:last-child{ margin: 0px 0px 0px 1%;}
.experts_box img { margin:0px; padding:0px; width:100%; height:270px; display:block; object-fit: cover;}
.overlay_thumb { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: .3s ease; background-color: rgba(241,166,25,0.70);}

.experts_box:hover .overlay_thumb {opacity: 1;}
.social_icon { margin:0px; padding:0px; width:100%; position:absolute; left:0px; bottom:25px;}
.social_icon ul { margin:0px; padding:0px; list-style-type:none; text-align: center; text-align:center;} 
.social_icon ul li { margin:0px; padding:0px; display:inline-block;}
.social_icon ul li a i{ margin:0px 3px 0px; padding:0px; font-size:12px; display:inline-block; width:30px; height:30px; line-height:30px; border-radius:50px;}
.social_icon ul li a:hover i{ color:#636363 !important; background:#fff;}
.about_testimonials .divider:after{ left:50%; bottom:-18px;}

/*Services Page*/
.sloar_service_wrapper { margin:0px; padding:0px; background-color:#e9e9e9;}
.sloar_service_wrapper .divider:after { left:35px;}
.main_section { margin:0px; padding: 50px 0px 0px;}
.srvc_left { margin:0px; padding:0px; width:31%; float:left;}
.srvc_left img { margin:0px; padding:0px; width:100%; height:300px; object-fit:cover; display:block; border-radius:3px;}
.srvc_right { margin:0px; padding:0px; width:62%; float:right;}
.srvc_right h6 { margin:0px; padding: 0px 0px 5px; color:#000;}
.srvc_right h6 a{ color:#111; text-decoration:none; margin:0px; padding:0px;}
.srvc_right h6 a:hover{color:#ffb922;}
.srvc_right p { margin:0px; padding:0px; color:#000; height: 120px;}
.srvc_right img { margin: 0px 0px 25px; padding:0px; display:block; height: 100px; object-fit:cover;}

.contact_wrapper { margin:0px; padding:0px;}
.testimonials_left { margin:0px; padding:0px; width:50%; float:left; height:640px; background-color:#f7f7f7; display:flex; flex-wrap:wrap; justify-content: center; align-items: center; text-align: center;}
.contact_right { margin:0px; padding:0px; width:100%; float:right; height:640px; background-color:#00020d; display:flex; flex-wrap:wrap; justify-content: center; align-items: center; text-align: center;}
.inner_testimony { margin:0px; padding:0px; width:80%; max-width:640px; float:right;}
.inner_testimony img { margin:0px; padding:0px 0px 60px; display:inline-block;}
.inner_testimony p { margin:0px; padding:0px 0px 60px; font-size:16px;}
.inner_testimony h6 { margin:0px; padding: 0px 0px 5px; text-transform:capitalize;}
.form_group { margin:0px; padding:0px; float:left;}
.form_group h3 { margin:0 0 30px 0; padding: 0px 0px 25px; color:#fff; text-transform:uppercase;}
.form_widget { margin: 50px 0px 0px; padding: 0px 10px; width:280px; float:left;}
.msg_box { margin: 17px 0px 0px; padding: 0px 10px;}
.form_group input[type="submit"] { margin:50px 0px 0px; border:2px solid #f1a619;}
.form_group input[type="submit"]:hover{ background:#f1a619; border-color:#fff;}

.inner_testimony .easy-t-slideshow-wrap .cycle-slide{padding-top:20px;}
.inner_testimony .style-default_style{  width:100%; height:auto; background:none;}
.inner_testimony .style-default_style:after{ content:none;}
.inner_testimony .style-default_style:before{ content:""; position:absolute; left:calc( 50% - 25px ); top:-65px; width:50px; height:50px; background:url(images/quote-testi.png) center center no-repeat; background-size:100% auto;}

/*-------Service Deatils page --------*/
.service_details_left_section{ margin:0px; padding:0px; width:270px; float:left;}
.service_details_left_section h6{margin:0px; padding:0px 0px 8px; color:#111; text-transform:capitalize;}
.all_serices_list{ margin:0px; padding:0px 0px 140px;}
.all_serices_list ul{ margin:0px; padding:0px; list-style-type:none;}
.all_serices_list ul li{ margin:0px; padding:0px;}
.all_serices_list ul li a{ margin:0px; padding:12px 0px; font-size:14px; text-transform:capitalize; line-height:24px; color:#636363; font-weight:400; text-decoration:none; display:block;}
.all_serices_list ul li a:hover, .all_serices_list ul li.current-menu-item a{ color:#ffb922;}
.download_brochure{ margin:0px; padding:0px;}
.download_brochure ul{ margin:0px; padding:0px; list-style-type:none;}
.download_brochure ul li{ margin:20px 0px 10px; padding:0px;}
.download_brochure ul li a{ margin:0px; padding:8px 15px; font-size:14px; line-height:24px; color:#636363; text-transform:uppercase; font-weight:400; text-decoration:none; display:block; border:1px solid #ebebeb;}
.download_brochure ul li a .fa{color:#636363; font-size:14px; line-height:24px;}
.download_brochure ul li a:hover, .download_brochure ul li a:hover .fa{ color:#c2c2c2 !important;}

.service_details_right_section{ margin:0px; padding:0px; width:775px; float:right;}
.service_details_right_section img{ margin:0px; padding:0px; width:100%; height:auto; display:block;}
.sd_image{ margin:0px; padding:0px 0px 30px;}
.service_details_right_section h6{ margin:0px; padding:0px 0px 8px; color:#111; text-transform:capitalize;}
.si_left{ margin:10px 0px 0px; padding:0px; width:48%; float:left;}
.si_right{ margin:10px 0px 0px; padding:0px; width:48%; float:right;}


/*--- Project ---*/
.tab{overflow: hidden; margin:0px; padding:20px 0px 45px; text-align:center;}
/* Style the buttons inside the tab */
.tab button { margin:0px 20px; padding:0px; background-color: inherit;  border: none; outline: none;  cursor: pointer;  transition: 0.3s;font-size: 18px; color:#636363; font-weight:normal;}
/* Change background color of buttons on hover */
.tab button:hover, .tab button.active { color:#f1a619;}
/* Style the tab content */
.tabcontent {display: none; margin:0px; padding:0px; border: none;}

.project_list .projec_box{ margin:0px 30px 30px 0px; padding:0px; width:370px; float:left; position:relative; overflow:hidden;}
.project_list .projec_box:after{ margin:px; padding:0px; position:absolute; width:100%; height:100%; left:0px; top:00px; background:rgba(183, 183, 183, .5); content:none; z-index:1;}
.project_list .projec_box img{ margin:0px; padding:0px; width:100%; height:300px; display:block; overflow:hidden; object-fit:cover;}
.project_list .projec_box:nth-child(3n+0){ float:right; margin-right:0px;}
.projec_box h5{ margin:0px; padding:0px 0px 5px; color:#fff; font-size:20px; font-weight:500; text-transform:capitalize;}
.projec_box h5 a{ margin:0px; padding:0px; color:#fff; text-decoration:none;}
.projec_box p{ margin:0px; padding:0px; color:#fff;}
.pb_hover{ margin:0px; padding:0px 15px;  text-align:center; left:50%; top:74%; transform:translate(-50%,-50%); position:absolute; width:100%; z-index:9; display:none; visibility:hidden; transition:all .5s ease;}

.project_list .projec_box:hover:after{ content:"";}
.project_list .projec_box:hover .pb_hover{ display:block; visibility:visible;}
.project_list .projec_box:hover h5 a:hover{ color:#ffb922;}
.project_load{ margin:20px 0px -50px; padding:0px; text-align:center;}
.project_load button{ margin:0px; padding:10px 50px; line-height:30px; border:none; cursor:pointer; background:#ffb922; font-size:14px; text-transform:uppercase; font-weight:600; color:#fff; border-radius:30px;}

.pro_left_section{ margin:0px; padding:0px; width:370px; float:left;}
.pro_right_section{ margin:0px; padding:0px; width:770px; float:right;}
.pro_right_section img{ margin:0px 00px 30px; padding:0px; width:100%; display:block;}
.pro_right_section h3{ margin:0px; padding:0px 0px 8px; font-size:18px; color:#111; font-weight:500; text-transform:capitalize;}

.pro_side_image{ margin:0px 0px 30px; padding:0px;}
.pro_side_image img{ margin:0px; padding:0px; width:100%; display:block; object-fit:cover; overflow:hidden; height:250px;}
.site_info h6{ margin:0px; padding:0px 0px 25px; color:#111; text-transform:inherit;}
.site_info ul{ margin:0px; padding:0px; list-style-type:none;}
.site_info ul li{ margin:0px; padding:0px 0px 10px; color:#636363; font-size:14px; line-height:30px;}
.site_info ul li.upper strong{ text-transform:uppercase;}
.site_info ul li strong{ margin:0px; padding:0px; display:inline-block; font-size:14px; line-height:30px; font-weight:500; color:#111;}

.related_project h6{ margin:0px; padding:0px 15px 30px; color:#111;}
.related_box{ margin:0px 15px; padding:0px;}
.related_box img{ margin:0px; padding:0px; width:100%; height:240px; object-fit:cover; overflow:hidden;}

.related_project .slick-prev{ background:url(images/pre.png) center center no-repeat; width:14px; height:23px;}
.related_project .slick-next{ background:url(images/next.png) center center no-repeat; width:14px; height:23px;}
.slick-prev:before, .slick-next:before{ content:none;}
/*-- =========== --*/



/*Blog*/
.blog_news { margin: 0px 1% 35px; padding:0px; width:31.33%; float:left;}
.blog_news img { margin:0px 0px 20px; padding:0px; width:100%; height:270px; object-fit:cover; display:block;}
.blog_news p { margin:0px; padding:0px; height:80px;}
.blog_news h6 { margin:0px; padding: 0px 0px 5px; color:#111111; text-transform:inherit; height:34px; overflow:hidden;}
.blog_news h6 a{ margin:0px; padding:0px; color:#111; text-decoration:none; display:block;}
.blog_news h6 a:hover{ color:#ffb922;}
.blog_meta { margin:0px; padding: 0px 0px 20px;}
.blog_meta h5 { margin:0px; padding:0px; font-size:13px; color:#c2c2c2; font-weight:normal;}
.blog_meta h5 i { margin:0px 5px 0px 0px; color:#f1a619;}
.blog_meta h5 span { margin:0px 0px 0px 5px; padding: 0px 0px 0px 11px; font-size:13px; color:#ffb922; background:url(images/blog-line.png)left 2px no-repeat;}
.blog_title { margin:0px; padding:0px 0px 10px;}
.pagination_btn { margin: 60px 0px 0px 0px; padding: 0px 0px 100px; text-align: center;}
.pagination_btn a, .pagination_btn span { margin: 0px 3px; padding: 0px; display: inline-block; width: 55px; height: 55px; text-align: center; line-height: 55px;background-color: #e1e1e1; border-radius: 3px; font-size: 18px; color: #002c42; border:none;}
.pagination_btn a i { margin: 0px; padding: 0px; display: block; width: 55px; height: 55px; text-align: center;line-height: 55px; background-color: #e1e1e1; border-radius: 3px; color: #002c42;}
.pagination_btn a:hover, .pagination_btn a:hover i{ background-color:#ffb922; font-weight:400;} 
.pagination_btn span.current { background-color: #ffb922; color: #002c42; font-weight:400;}

/*Blog Listing*/
.blog_listing_left { margin:0px; padding:0px; width:800px; float:left;}
.blog_listing_left img { margin: 0px 0px 25px; padding:0px; width:100%; height:auto !important; display:block;}
.content_area { margin:0px; padding:0px;}
.content_area h4 { margin:0px; padding: 0px 0px 35px; color:#111; font-weight:500;}
.content_area .blog_meta h5 span {padding: 0px 20px; background:url(images/line.png)left 3px no-repeat}
.content_area h5 { margin:0px; padding: 0px; font-size:18px;}
.content_area h5 span { font-size:18px;}
.content_area h6 { margin:0px; padding:0px; color:#c2c2c2; font-size:12px; font-weight:normal;}
.content_area h6 i { margin:0px; padding: 0px 10px 0px 0px; color:#ffb922;}
.yellow_bg { margin: 0px 0px 25px; padding: 25px 20px 25px 20px; background-color:#ffb922;}
.yellow_bg p { margin:0px; padding:0px; color:#fff; line-height: 25px;}
.yellow_bg p span { margin:0px; padding:0px; color:#fff; font-size:24px; font-weight:bold; line-height: 25px;}

.blog_listing_right { margin:0px; padding:0px; width:300px; float:right;}
.search_box {margin: 0px 0px 40px; padding:0px; border:#999 solid 1px; position:relative;} 
.search_box span.screen-reader-text{ display:none !important;}
.search_box input[type="search"]{ margin:0px; padding:10px 45px 10px 15px; width:100%; height:42px; border:none;}
.search_box input[type="submit"]{ margin:0px; padding:0px; width:40px; float:right; background:url(images/search-icon.png) center center no-repeat; background-color:none; text-indent:99999px; position:absolute; right:0px; top:0px; height:42px;}

.blog_listing_right h5 { margin:0px; padding:0px 0px 30px; font-weight:500; color:#111;}
.recent_post_list{ margin:0px 0px 40px; padding:0px;}
.rescent_news { margin:0px; padding:0px 0px 15px;}
.recent_img { margin:0px; padding:0px; width:70px; float:left;}
.recent_img img {margin: 0px; padding:0px; width:100%; height:70px; object-fit:cover; overflow:hidden; display:block;}
.recent_text { margin:0px; padding:0px; width:calc( 100% - 100px ); float:right;}
.blog_listing_right h3 { margin:0px; padding:0px; font-size:14px;}
.recent_text p { margin:0px; padding:15px 0px 0px; font-size:12px; color:#c2c2c2;}
.recent_text p i { padding: 0px 5px 0px 0px; color:#ffb922;}
.blog_meta h5 span a{ color:#ffb922;}

.all_tag_list{ margin:0px 0px 40px; padding:0px;}
.all_tag_list a{ margin:0px 10px 10px 0px; padding:6px 12px; color:#636363; font-size:10px; line-height:20px; border:1px solid #ffb922; text-decoration:none; display:inline-block; text-transform:uppercase;}
.all_tag_list a:hover{ color:#ffb922;}


.blog_cat_list{ margin:0px; padding:0px;}
.blog_cat_list ul{ margin:0px; padding:0px; list-style-type:none;}
.blog_cat_list ul li{ margin:0px; padding:0px 0px 14px;}
.blog_cat_list ul li a{ margin:0px; padding:0px; color:#636363; font-size:14px; line-height:24px; text-decoration:none; display:block;}
.blog_cat_list ul li a:hover{ color:#ffb922;}

.leav_comment { margin:0px; padding:80px 0px 0px;}
h2.comments-title{ margin:0px; padding:0px 0px 20px; font-size:24px; color:#181818;}
.comment-form-url ,.hidefield, .comment-form-cookies-consent, .comment-form-comment label, #reply-title, p.comment-notes{ display:none !important;}
.comment_left_field{ margin:0px; padding:0px; width:48%; float:left;}
.comment_right_field{ margin:0px; padding:0px; width:48%; float:right;}
.comment_left_field, .comment_right_field{ margin-bottom:25px;}

.serch_result_list h4{ margin:0px; padding:0px 0px 25px; font-weight:500; font-size:24px; color:#111;}
.search_list_box{ margin:0px 0px 20px; padding:20px; border:1px solid #ddd;}
.search_list_box h5{ margin:0px; padding:0px 0px 15px; color:#111; text-transform:capitalize;}
.search_list_box h5 a{ margin:0px; padding:0px; color:#111; text-decoration:none;}
.search_read_more{ margin:0px; padding:0px; text-align:right;}
.search_read_more a{ margin:0px; padding:8px 20px; font-size:14px; line-height:24px; display:inline-block; background:#ffb922; color:#fff; text-decoration:none; text-transform:capitalize;}
.search_read_more a:hover{ background:#181818;}

.error-404{ margin:0px; padding:30px 0px; text-align:center;}
.error-404 h4{ margin:0px; padding:0px 0px 30px; font-size:24px; font-weight:500; color:#111;}
.error-404 p a:hover{ color:#ffb922 !important;}
.contact_right h3.divider:after{ left:50%;}


.inner_container{ margin:0px auto; padding:80px 15px; max-width:1200px;}
.inner_container h2{ margin:0px; padding:0px 0px 20px 0px; color:#111111; font-size:28px; font-weight:500; display:block;text-transform:capitalize;} 
.inner_container h3{ margin:0px; padding:0px 0px 20px 0px; color:#111111; font-size:24px; font-weight:500; display:block;text-transform:capitalize;} 
.inner_container h4{ margin:0px; padding:0px 0px 20px 0px; color:#111111; font-size:22px;font-weight:500; display:block;text-transform:capitalize;} 
.inner_container h5{ margin:0px; padding:0px 0px 10px; color:#111111; font-weight:500; font-size:20px; display:block;text-transform:capitalize;}
.inner_container h6{ margin:0px; padding:0px 0px 10px; color:#111111; font-size:18px; font-weight:500; display:block; text-transform:capitalize; line-height:30px;}
.inner_container p{ margin:0px; padding:0px 0px 20px 0px; color:#636363; font-size:14px; line-height:30px; } 
.inner_container p a{ margin:0px; padding:0px; color:#636363; font-size:14px; line-height:25px; display:inline-block;}
.inner_container p a:hover{ color:#ffb922 !important;}
.inner_container p label{ margin:0px; padding:0px; display:inline-block; color:#636363; font-size:15px; line-height:25px;}
.inner_container p span{ margin:0px; padding:0px; display:inline-block; color:#636363; font-weight:normal; font-size:18px; line-height:25px;}
.inner_container p strong{ margin:0px; padding:0px; display:inline-block; color:#636363; font-size:15px; line-height:25px; font-weight:700;} 

.inner_container ul{ margin:0px; padding:0px 0px 20px 18px; list-style-type:disc;}
.inner_container ul li{ margin:0px; padding:0px 0px 10px; font-size:14px; color:#636363;}


.contact_left_section{ margin:0px; padding:0px; width:800px; float:left;}
.contact_right_section{ margin:0px; padding:0px; width:270px; float:right;}
.contact_left_section h4, .contact_right_section h4{ margin:0px; padding:0px 0px 30px; font-size:24px; color:#111; font-weight:500;}

.con_field{ margin:0px; padding:0px 0px 30px;}
.cf_left{ width:48%; float:left; margin:0px; padding:0px;}
.cf_right{width:48%;  margin:0px; padding:0px; float:right;}


.contact_right_section ul{ margin:0px; padding:0px; list-style-type:none;}
.contact_right_section ul li{ margin:0px; padding:0px 0px 20px 30px;}
.contact_right_section ul li a{ margin:0px; padding:0px; color:#636363; font-size:14px; line-height:24px; text-decoration:none; display:block;}
.contact_right_section ul li a:hover{ color:#636363 !important;}
.contact_right_section ul li{ background:url(images/phone-icon.png) left top 3px no-repeat;}
.contact_right_section ul li+li,.contact_right_section ul li+li+li{ background:url(images/message-icon.png) left top 6px no-repeat;}
.contact_right_section ul li+li+li+li{ background:url(images/location-icon.png) left 2px top 2px no-repeat;}
.sitemap_box+.sitemap_box+.sitemap_box{ display:none;}
.sitemap_box, .sitemap_box+.sitemap_box, .sitemap_box+.sitemap_box+.sitemap_box+.sitemap_box{display:block;}

.tp-bullets.simplebullets.round .bullet{ margin:0px 4px; background:none; background-color:#fff; width:10px; height:10px; border-radius:50%;}
.tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.round .bullet:hover{ background-color:#ffb922;}

.expert_thumb_img{ margin:0px; padding:0px; position:relative;}
.expert_namd_degination{ margin:0px; padding:20px 15px 0px; text-align:center;}
.expert_namd_degination h6{ margin:0px; padding:0px; font-size:18px; text-transform:capitalize; color:#111;}
.expert_namd_degination p{ margin:0px; padding:0px; color:#636363; font-size:14px;}
.end1, .end2, .end3, .end4{ display:none;}
.experts_box .end1{ display:block;}
.experts_box+.experts_box .end2{ display:block;}
.experts_box+.experts_box .end1, .experts_box+.experts_box .end3, .experts_box+.experts_box  .end4{ display:none;}
.experts_box+.experts_box+.experts_box .end3{ display:block;}
.experts_box+.experts_box+.experts_box .end1, .experts_box+.experts_box+.experts_box .end2, .experts_box+.experts_box+.experts_box .end4{ display:none;}
.experts_box+.experts_box+.experts_box+.experts_box .end4{ display:block;}
.experts_box+.experts_box+.experts_box+.experts_box .end1, .experts_box+.experts_box+.experts_box+.experts_box .end2, .experts_box+.experts_box+.experts_box+.experts_box .end3{ display:none;}


/*--Mobile Menu--*/
.mobile_nav{ margin:0px; padding:0px; display:none; float: right;}
#cycledtestimonialwidget-3{ display:none;}
.about_pic img{ width:100%;}
.srvc_right p{ overflow:hidden;}
.testimonials_left .testimonial_body p{ height:auto; margin-bottom:20px !important;}
.pro_right_section img{ height:auto !important;}
.blog_news p{ height:auto;}

/* Responsive Css */
@media (min-width:768px) and (max-width:1024px) {
.tp-caption{ left:15px !important;}
.hero_container{ width:100%;}
.hero_container p{ font-size:13px !important; line-height:22px !important;}
.hero_container h3{ font-size:16px !important; line-height:20px !important;}
.hero_container h1{ font-size:32px !important; line-height:40px !important; margin-bottom:6px !important;}
.header_top{ padding:8px 15px 0px; height:auto; line-height:26px;}
.hero_captiom{ display:none; width:100%;}
.quote_inner{ width:calc(100% - 170px);}
.quote_btn_right{ width:162px;}

.solar_pannel{ width:calc(100% - 270px);}
.counter_widget{ text-align:center; width:50%; margin:0px 0px 20px;}
.service_box img{ height:390px;}
.testimonials_wrapper{ height:auto;}
.testimonials_wrapper .container_wrap{ padding-bottom:100px;}
.testimonial_body p{ margin-bottom:30px !important;}
.project_thumb{ width:50%;}
.project_caption{ padding:0px 20px;}
.style-default_style{ height:220px;}
.ftr_logo img{ width:auto; max-width:100%;}
.about_footer{ width:40%;}
.contact_info{ padding-left:20px; width:35%;}
.site_conditions{ width:25%;}
.copy_right{ padding:25px 0px 0px;}
.copy_right ul li a{ margin:0px ;}
.contact_info ul li a{word-break: break-word;}
.news_letter{ width:100%;}
.news_field input[type="submit"]{ width:70px;}
.news_field input[type="email"]{ width:calc(100% - 70px);}  
/*-----About us -------*/
.container_wrap{ padding:60px 15px;}
.inner_banner img{ height:270px !important;}
.inner_content_container h1{ font-size:28px;}
.solar_text img{ height:auto;}
.about_solar_wrapper .service_box{ height:390px;}
/*---- Services -----*/
.srvc_left{ width:35%;}
.srvc_right p{ height:175px;}
.srvc_left img{ height:335px;}
.form_widget{ padding:0px; margin:20px 0px 0px; width:100%;}
.msg_box{ width:100%; margin:20px 0px 0px; padding:0px;}
.contact_right{ padding:0px 15px;}

.service_details_left_section{ width:260px;}
.service_details_right_section{ width:calc(100% - 280px);}
.si_left{ width:100%;}
.si_right{ width:100%;}
	
/*-----Prohect---------*/
.post_news img{ height:210px;}
.project_list .projec_box, .project_list .projec_box:nth-child(3n+0){  width:32.33%; margin:0px .5% 10px;}
.project_list .projec_box img{ height:220px;}
.pro_left_section{ width:260px;}
.pro_right_section{ width:calc(100% - 290px);}
.related_project .slick-prev{ left:-8px !important;} 
.related_project .slick-next{right:-8px !important;}
.blog_news img{ height:230px;}
.blog_listing_left{width:calc(100% - 290px);}
.blog_listing_right{ width:270px; }
.map iframe{ height:410px !important;}
.inner_container{ padding:60px 15px;}
.contact_left_section{ width:calc(100% - 290px);}
.contact_right_section{ width:270px;}

	
	
}
/* Responsive Css */
@media (min-width:959px) and (max-width:1024px) {
.service_box img{ height:350px}
.about_solar_wrapper .service_box{ height:340px;}
.solar_text img{ height:auto;}
.si_left{ width:48%;}
.si_right{ width:48%;}
	
/*-----Prohect---------*/
.post_news img{ height:240px;}
.project_list .projec_box img{ height:270px;}
.blog_news img{ height:250px;}
.map iframe{ height:430px !important;}

}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {	
	.tp-caption{ left:15px !important;}
	.hero_container{ width:100%;}
	.hero_container p{ display:none;}
	.hero_container h3{ font-size:14px !important; line-height:20px !important;}
	.hero_container h1{ font-size:24px !important; line-height:32px !important; margin-bottom:6px !important;}

.hero_captiom{ display:none; width:100%;}
.header_top{ padding:8px 15px 0px; height:auto; line-height:26px;}
.quote_inner{ width:calc(100% - 170px);}
.quote_btn_right{ width:162px;}
.quote_inner h4{ font-size:24px; padding-bottom:5px;}
.quote_btn_right a{ float:none; display:block;}
.container_wrap{ padding:40px 15px;}
.solar_pannel{ width:100%;}
.about_solar p br{ display:none;}
.experience_industry{ width:100%;}
.container_wrap h3{ font-size:24px;}
.service_box{ width:100%; margin:20px 0px 0px; padding:0px;}
.solar_left{ margin-bottom:20px; width:100%;}
.solar_right{ width:100%;}
.solar_left img{ height:auto;}
.credability_box{ width:100%; margin:0px 0px 10px;}
.project_thumb{ width:100%;}
.project_caption{ bottom:40px;}
.post_news{ width:100%; margin:20px 0px 0px;}
.post_news img{ height:auto;}

.about_footer{ width:100%;}
.copy_right{ padding:20px 0px 0px;}
.contact_info{ width:100%; padding-top:30px;}
.contact_info ul{ margin:0px; padding:0px;}
.site_conditions{padding-top:30px; width:100%;}
.news_letter{padding-top:30px; width:100%;}
.counter_widget h3{ font-size:40px;}
.counter_widget{ width:50%; text-align:center; margin:0px;}
.experience_industry h3{ font-size:80px;}
#cycledtestimonialwidget-3{ display:block;}
#cycledtestimonialwidget-2{ display:none;}
#cycledtestimonialwidget-3 .style-default_style{ width:100%; height:auto;}
#cycledtestimonialwidget-3 .testimonial_body p{ height:auto; padding-bottom:20px;}
.credability_box p{ height:auto;}
.testimonials_wrapper{ height:auto;}
.testimonials_wrapper .container_wrap{ padding-bottom:100px;}

/*-----About us -------*/
.inner_banner img{ height:240px !important;}
.inner_content_container h1{ font-size:26px;}
.about_story{ width:100%;}
.about_pic{ width:100%;}
.about_pic img{ height:auto;}
.experts_box, .experts_box:nth-child(2), .experts_box:last-child{ width:100%; margin:0px 0px 20px; padding:0px;}
.about_solar_wrapper .service_box{ height:275px;}
.experts_box img{ height:auto;}

/*--------services-----------*/
.srvc_left{ width:100%; margin-bottom:15px;}
.srvc_left img{ height:auto;}
.srvc_right{ width:100%;}
.main_section{ padding:30px 0px 20px;}
.srvc_right p{ height:auto;}
.testimonials_left{ height:auto; padding:40px 0px 30px; width:100%;}
.contact_right{ height:auto; padding:30px 15px; width:100%;}
.testimonial_body p{ margin:0px 0px 20px !important; height:auto;}
.form_widget{ margin:20px 0px 0px; width:50%;}
.msg_box{ width:100%; margin:20px 0px 0px;}

.service_details_left_section{ margin-bottom:15px; width:100%;}
.service_details_right_section{ width:100%;}
.all_serices_list{ padding-bottom:20px;}
.si_left{ width:100%;}
.si_right{ width:100%;}

	/*-----Project--------*/
.contact_info ul li{ margin:0px; padding:0px 0px 10px;}
.tab button{ margin:0px 10px 8px;}
.tab{ padding:20px 0px 15px;}
.project_list .projec_box, .project_list .projec_box:nth-child(3n+0){ float:left; width:100%; margin:0px 0px 15px;}
.pro_left_section{ margin-bottom:20px; width:100%;}
.pro_right_section{ width:100%;}
.related_project .slick-prev{ left:-8px !important;} 
.related_project .slick-next{right:-8px !important;} 
.related_box img{ height:190px;}
.blog_news{ width:100%; margin:0px 0px 20px;}
.blog_news img{ height:auto;}
.blog_listing_left{ width:100%;}
.blog_listing_right{ width:100%;}
.blog_listing_left img{ height:auto;}
.content_area h4{ padding-bottom:20px; font-size:24px;}
.map iframe{ height:340px !important;}

.inner_container{ padding:40px 15px;}
.contact_left_section{ margin-bottom:30px; width:100%;}
.contact_right_section{ width:100%;}




}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 639px) and (max-width: 767px) {	
.header_top ul li a{ padding-right:20px;}
.header_top ul{ text-align:center;}
.credability_box{ width:50%; padding:0px 10px 0px; margin:0px 00px 15px;}
.credability_box p{ height:100px; overflow:hidden;}
.project_thumb{ width:50%;}
.project_caption{ padding:0px 15px; bottom:20px;}
.project_caption h4{ font-size:20px;}
.about_footer{ min-height:230px; width:50%;}
.contact_info{ min-height:230px; padding-top:0px; width:50%;}
.site_conditions{ width:50%;}
.news_letter{ width:50%;}

.experts_box, .experts_box:nth-child(2), .experts_box:last-child{ width:48%; margin:0px 1% 20px;}
.experts_box img{ height:275px;}


.service_details_left_section{ margin-bottom:15px; width:240px;}
.service_details_right_section{ width:calc(100% - 260px);}
.all_serices_list{ padding-bottom:20px;}
.download_brochure ul li a{ font-size:12px;}
	
	/*-----Prohect---------*/
.project_list .projec_box, .project_list .projec_box:nth-child(3n+0){ float:left; width:32.33%; margin:0px .5% 15px;}
.project_list .projec_box img{ height:220px;}
.related_box img{ height:210px;}
.pro_left_section{ width:260px;}
.pro_right_section{ width:calc(100% - 280px);}
.blog_news{ width:48%; margin:0px 1% 20px;}
.blog_news img{ height:270px;}
.map iframe{ height:370px !important;}



}
@media only screen and (max-width: 479px) {
.tp-caption{ left:15px !important;}
.hero_container{ width:100%;}
.hero_container p{ display:none;}
.hero_container h3{ font-size:12px !important; line-height:18px !important;}
.hero_container h1{ font-size:20px !important; line-height:30px !important; margin-bottom:6px !important;}
.hero_container a{    line-height: 40px !important; font-size:12px !important; width:140px;}
.hero_captiom{ display:none; width:100%;}
.header_top{ padding:8px 15px 0px; height:auto; line-height:26px;}
.quote_inner{ width:100%;}
.quote_btn_right{ width:100%;}
.quote_inner h4{ font-size:24px; padding-bottom:5px;}
.quote_btn_right a{ float:none; display:block;}
.container_wrap{ padding:40px 15px;}
.solar_pannel{ width:100%;}
.experience_industry{ width:100%;}
.container_wrap h3{ font-size:24px;}
.service_box{ width:100%; margin:20px 0px 0px; padding:0px;}
.solar_left{ margin-bottom:20px; width:100%;}
.solar_right{ width:100%;}
.solar_left img{ height:auto;}
.credability_box{ width:100%; margin:0px 0px 10px;}
.project_thumb{ width:100%;}
.project_thumb img{ height:auto;}
.post_news{ width:100%; margin:20px 0px 0px;}
.post_news img{ height:auto;}

.about_footer{ width:100%;}
.copy_right{ padding:20px 0px 0px;}
.contact_info{ width:100%; padding-top:30px;}
.contact_info ul{ margin:0px; padding:0px;}
.site_conditions{padding-top:30px; width:100%;}
.news_letter{padding-top:30px; width:100%;}
.counter_widget h3{ font-size:40px;}
.experience_industry h3{ font-size:80px;}
#cycledtestimonialwidget-3{ display:block;}
#cycledtestimonialwidget-2{ display:none;}
#cycledtestimonialwidget-3 .style-default_style{ width:100%; height:auto;}
#cycledtestimonialwidget-3 .testimonial_body p{ height:auto; padding-bottom:20px;}
.credability_box p{ height:auto;}
.testimonials_wrapper{ height:auto;}
.testimonials_wrapper .container_wrap{ padding-bottom:100px;}
/*-----About us -------*/
.inner_banner img{ height:200px !important;}
.inner_content_container h1{ font-size:24px;}
.about_story{ width:100%;}
.about_pic{ width:100%;}
.about_pic img{ height:auto;}
.service_box p{ line-height:22px;}
.experts_box, .experts_box:nth-child(2), .experts_box:last-child{ width:100%; margin:0px 0px 20px; padding:0px;}
.experts_box img{ height:auto;}
/*--------services-----------*/
.srvc_left{ width:100%; margin-bottom:15px;}
.srvc_left img{ height:auto;}
.srvc_right{ width:100%;}
.main_section{ padding:30px 0px 20px;}
.srvc_right p{ height:auto;}
.testimonials_left{ height:auto; padding:40px 0px 30px; width:100%;}
.contact_right{ height:auto; padding:30px 15px; width:100%;}
.testimonial_body p{ margin:0px 0px 20px !important; height:auto;}
.form_widget{ padding:0px; margin:20px 0px 0px; width:100%;}
.msg_box{ width:100%; margin:20px 0px 0px; padding:0px;}

.service_details_left_section{ margin-bottom:15px; width:100%;}
.service_details_right_section{ width:100%;}
.all_serices_list{ padding-bottom:20px;}
.si_left{ width:100%;}
.si_right{ width:100%;}

/*-----Project--------*/
.contact_info ul li{ margin:0px; padding:0px 0px 10px;}
.tab button{ margin:0px 10px 8px;}
.tab{ padding:20px 0px 15px;}
.project_list .projec_box, .project_list .projec_box:nth-child(3n+0){ float:left; width:100%; margin:0px 0px 15px;}
.pro_left_section{ margin-bottom:20px; width:100%;}
.pro_right_section{ width:100%;}
.related_project .slick-prev, .related_project .slick-next{ display:none !important;}
.blog_news{ width:100%; margin:0px 0px 20px;}
.blog_news img{ height:auto;}
.blog_listing_left{ width:100%;}
.blog_listing_right{ width:100%;}
.blog_listing_left img{ height:auto;}
.content_area h4{ padding-bottom:20px; font-size:24px;}
.comment_left_field{ width:100%;}
.comment_right_field{ width:100%;}
.map iframe{ height:280px !important;}
.inner_container{ padding:40px 15px;}
.contact_left_section{ margin-bottom:30px; width:100%;}
.cf_left,.cf_right{ width:100%;}
.cf_left{ padding-bottom:20px;}
.contact_right_section{ width:100%;}
.counter_widget{ margin:0px 0px 0px; width:50%; text-align:center;}
}
@media only screen and (max-width: 1024px) {
.header_right{ display:none;}
.header_top{ padding:10px 15px;}
.main_header .logo_left{ width:160px; float:none;}
.main_header .logo_left img{ width:100%; height:auto;}
.header_container{padding:10px 15px; position:relative;}
.pushy-content .quote_right{ float:none; width:100%; padding:30px 30px 0px;}

.main_header{ padding:0px; position:relative; background:#ddd;}
.mobile_nav{display:block; position: absolute; right:15px; top:23px; z-index:9999;}
.mobile_nav button{ margin:0px; padding:10px 14px; font-size:16px; display:inline-block; background:#ffbd48; border:none; font-weight:700; color: #fff; cursor:pointer;}


/* Submenu Appearance */
.pushy-submenu {
  /* Submenu Buttons */
  /* Submenu Icon */
}
.pushy-submenu > ul {
  padding-left: 15px;
  transition: max-height 0.2s ease-in-out, visibility 0.2s ease-in-out;
}
.pushy-submenu > ul li{ position:relative;}
.pushy-submenu > ul .pushy-link {
  transition: opacity 0.2s ease-in-out;
}
.pushy-submenu button {
  width: 100%;
  color: #b3b3b1;
  padding: 10px 25px;
  text-align: left;
  background: transparent;
  border: 0;
}
.pushy-submenu button:hover {
  color: #FFF;
}
.pushy-submenu > a,
.pushy-submenu > button {
  position: relative;
}
li.pushy-submenu::after,
.pushy-submenu > button::after {
  content: '';
  display: block;
  height: 13px;
  width: 8px;
  position: absolute;
  top: 22px;
  right: 15px;
  background: url("images/arrow.svg") no-repeat;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: transform 0.2s;
}

/* Submenu Movement */
.pushy-submenu-closed > ul {
  max-height: 0;
  overflow: hidden;
  visibility: hidden;
}
.pushy-submenu-closed .pushy-link {
  opacity: 0;
}

.pushy-submenu-open {
  /* Submenu Icon */
}
.pushy-submenu-open > ul {
  max-height: 1000px;
  visibility: visible;
}
.pushy-submenu-open .pushy-link {
  opacity: 1;
}
li.pushy-submenu-open::after,
.pushy-submenu-open > button::after {
  -webkit-transform: translateY(-50%) rotate(90deg);
  -ms-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
}

}
.topwrap {
    background: #e9e9e9;
}
.topwrap .container_wrap {
    padding: 80px 15px 0 15px;
}
.topwrap ol {
    padding-left: 10px;
}
.topwrap p {
        color: #000;
    line-height: 26px;
    padding-bottom: 0;
}
.topwrap ol li {
    margin-bottom: 15px;
    color: #000;
    line-height: 26px;
}
.topwrap.batteries a:hover {
    text-decoration: none;
    color: #ffb922 !important;
}
.main_menu ul li:hover .sub-menu {
display: block;
}
ul.sub-menu {
position: absolute;
background: #000000;
width: 300px;
padding: 20px;
top: 100%;
display: none;
}
.main_menu ul li {
position: relative;
}
.topwrap.batteries li {
    margin-bottom: 5px;
}
ul.sub-menu li{
    line-height:30px;
}
.topwrap.batteries p {
    margin-bottom: 15px;
}
.topwrap.batteries {
    padding-bottom: 80px;
}

.mrelink {
    margin-top: 10px;
}
.mrelink a {
    text-decoration: none;
    color: #ffb922;
    font-size: 17px;
}
.quotebutton {
    text-align: center;
}
.quotebutton a:hover {
    color: #fff;
    background: #ffb922;
    border-radius: 3px;
}
.footcontact .contact_left_section {
    margin-bottom: 50px;
}
.quotebutton a {
    margin: 0px;
    padding: 0px;
    width: 155px;
    display: inline-block;
    height: 40px;
    line-height: 35px;
    color: #000;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 500;
    border: #ffb922 solid 2px;
    border-radius: 3px;
    text-align: center;
}
.footer_bottom_container {
    margin: 0px auto;
    padding: 0px;
    max-width: 1320px;
    text-align: center;
}
.footer_bottom_container li {
    display: inline-block;
    padding: 0;
    line-height: 30px;
    margin-right: 10px;
}
.footer_bottom_container li a {
    color: #fff;
    font-size: 14px;
    position: relative;
    top:5px;
}
.footercopy {
    display: inline-flex;
    justify-content: center;
    width: 100%;
}
.footercopy p {
    padding-bottom: 0;
    padding-right: 5px;
}
.footer_bottom_container li a:hover {
color: #fff !important;
}
.footer_bottom_container li a:after {
    position: absolute;
    content: "";
    background: #fff;
    height: 10px;
    width: 1px;
    top: 5px;
    margin-left: 6px;
    font-size:14px;
}

#panel, #flip {
  padding: 5px;
  text-align: center;
}

#panel {
  padding: 0px;
  display: none;
}
.home2banner{
height: 100%;
    display: flex;
    min-height: 550px;
    align-items: center;
    justify-content: center;
}
.container_wrap.thnkuwrap h3 {
    color: #fff;
    font-size: 33px;
    text-align: center;
}
.home2-content h6 {
    color: #fff;
    font-weight: 300;
    line-height: 32px;
    margin: 0;
}
.home2banner h1 {
    color: #fff;
    text-transform: uppercase;
}
.home_banner.home2banner:before {
    position: absolute;
    content: "";
    background: rgba(13,13,13,.6);
    height: 100%;
    width: 100%;
}
.prvcy ul {
    padding-bottom: 0px;
}
.prvcy li {
    list-style: none;
}
.prvcy li ul {
    padding-top: 10px;
}
.prvcy p {
    padding-bottom: 10px;
}
.easy_step_wrap {
    background-color: #fff;
	position:relative;
}