/* CSS Document */

/* Table of Contents
-----------------------------------------------------------------------------
1. Desktop
2. Tablet
3. Medium devices
4. Small devices
*/

@media (min-width: 768px){
	.home_banner .col-md-7{ width: 62%; }
	.home_banner .col-md-5{ width: 38%; }
}

@media (max-width:1279px) {
	.homebanner_l .homebanner_l_text p { font-size: 28px; }
	.navigation ul li a {    font-size: 17px;     padding: 36px 13px;  }

}

/* ----- 1. Desktop ≥1024px and ≤1190 ----- */
@media (min-width:992px) and (max-width:1199px) {	
 .container {padding-right: 40px;padding-left: 40px;} 
 .navigation ul li a {	font-size: 15px;	padding: 27px 13px;}
 .homebanner_l .homebanner_l_text p {    font-size: 20px;}
 .homebanner_r h1 {font-size: 32px;}
 .homebanner_r p { font-size: 20px; line-height: 30px; }
 .blog-inner .homebanner_r .entry-title{ font-size: 36px; }

	.page_sec .heading_col {    max-width: 442px;    float: left;    width: 100%;}
	.page_sec .col_8 {    width: calc(100% - 477px);    float: right;}
	.page_sec p {    line-height: 30px;    font-size: 16px; }


}

@media (min-width:992px) and (max-width:1023px) {	
.navigation ul li a {	font-size: 15px;	padding: 36px 12px;}
.homebanner_l .homebanner_l_text p {	font-size: 20px;}
.homebanner_r h1 {	font-size: 28px;}
.homebanner_r p {	font-size: 16px;	line-height: 26px;}
.homebanner_r ul li {	font-size: 16px;	background-size: 16px;}
.homebanner_r{ margin: 0; }
}
@media (min-width:992px) {
.mobile_header , .mobile_nav { display: none !important; }
}

@media (max-width:991px) {
	.main-header { display:none;  }
	
	/*************/
	.mobile_header {	height: 76px;	padding: 0 17px;	position: fixed;	top: 0;	width: 100%;	background: #fff;	z-index: 1000000;	box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.2);}
	a.logo {    float: left;    margin: 6px 0 0;}
	.h2, h2 { font-size: 28px; }
	.banner_content p { font-size: 16px; }
	.banner_content ul li { font-size: 16px;  background-position: 0 5px; }

	.mobile_header .head_phone {	font-size: 20px;	font-weight: 700;	color: #000;	text-decoration: none !important;	padding: 10px 0 10px 41px;	display: inline-block;	background: url(../images/phone_Icon.svg) no-repeat left center;}
	.mobile_header .head_phone {	position: absolute;	right: 72px;	top: 13px;	font-size: 17px;	padding-left: 27px;	background-size: 20px;}
	.home_banner {    padding-top: 45px;    padding-bottom: 45px;}
	.banner_form { max-width: 100%; }
	.mobile_home_banner{ padding-top: 0; }

	.residential-solar h2 { font-size: 28px; }
	.residential-solar center p {    font-size: 16px;    line-height: 29px;}

	.residential-solar h2.resp-accordion {    float: none;    max-width: 100%;    font-size: 18px;    margin: 0 0 10px;    text-align: left;    padding: 15px 20px !important;    border-radius: 8px;    margin-bottom: 15px !important;}
	.residential-solar .tab_content {    margin-bottom: 20px;}
	.tab_container .tab_blk h3 { font-size: 24px; }
	.tab_container .tab_blk p {    font-size: 16px;    color: #000;    line-height: 26px;}
	.tab_container span.link_popup {    font-size: 17px;    background-size: 18px;    padding-left: 30px;}
	.tab_container  h4 {    font-size: 20px;    margin-bottom: 23px;}
	.tab-popup h5 {    font-size: 14px;    line-height: 19px;   margin: 0px;    padding: 0px;}
	.tab-popup { padding: 30px; }
	.tab-popup .close_blk {    position: absolute;    right: 30px;    top: 15px;     font-size: 17px;}
	h2.resp-accordion.resp-tab-active {     background: #f95110 !important;    color: #fff;}
	h2.resp-tab-active span.resp-arrow { border-bottom: 12px solid #ffffff; }
	.page_sec .col_8 { margin-top:20px;  }
	.speak-sec h3 { font-size: 28px; }



	body {	padding-top: 76px;}

	.mobile_nav {	position: fixed;	top: 0;	right: 0;	background: #000;	z-index: 1000000;	width: 100%;	height: 100%; overflow:auto; display: none;} 
	.mobile_nav .menu-mobile-menu-container {	padding: 65px 15px;}
	.mobile_nav ul.menu {	margin: 0 6px;	padding: 0;  border-bottom:#4d4d4d solid 1px; }
	.mobile_nav ul.menu li { list-style: none; border-top:#4d4d4d solid 1px; position: relative;  }
	.mobile_nav ul.menu li a {	display: block;	padding: 13px 23px;	height: 46px;	color: #fff !important;	font-size: 16px;	font-weight: 300;	text-decoration: none;}
	.mobile_nav ul.menu ul { display: none; margin: 0px; padding: 0px; }
	.mobile_nav em.submenu-caret {    position: absolute;    right: 0;    width: 26px;    height: 26px;       top: 10px;}
	.mobile_nav em.submenu-caret i {	display: block;	width: 100%;	height: 1px;	background: #fff;	top: 50%;	position: absolute;	transform: translate(0px, -50%);}
	.mobile_nav em.submenu-caret i + i {	width: 2px;	height: 100%;	left: 50%;	transform: translate(-50%,0);	top: 0;}
	.mobile_nav em.submenu-caret.toggled i + i  { opacity: 0; visibility: hidden; }

	/**********/



	.hamburger:not(.close) {	position: absolute;	top: 21px;	right: 20px;	z-index: 99;}
	.hamburger .line {	width: 30px;	height: 2px;	background-color: #131313;	display: block;	margin: 6px auto;}	


	.homebanner_r {	margin: -120px 40px 24px;}
	.homebanner_r h1 { font-size: 32px; }
	.homebanner_r p { font-size: 20px;  }
	.page_sec .heading_col {max-width: 100%;}
	.page_sec .col_8 {width: calc(100% - 0px);  }
	.system_blk .content_blk h4 {    font-size: 22px;    line-height: 28px;}		
	.residential_sec h2 { font-size: 30px; }
	/*************/.
	accordion_call {	width: calc( 100% - 231px);	float: right;	margin: 0px 0 0;}
	.fo_nav ul li a { font-size: 15px; }
	.fo_nav ul li {margin-right: 16px;}
	.homebanner_l_img { width: 100%; }
	.homebanner_l_img img{ width: 100%; }


.mobile_nav {	position: fixed;	top: 0;	right: 0;	background: #000;	z-index: 1000000;	width: 100%;	height: 100%; overflow:auto;}

.navTrigger {   cursor: pointer;  width: 30px;  height: 25px;  margin: auto;  position: absolute;   right: 17px;top: 26px;}
.navTrigger.active i {	background: #fff;} 
.navTrigger i {	background-color: #000;	border-radius: 0px;	content: "";	display: block;	width: 100%;	height: 2px;}
.navTrigger i:nth-child(1) {  -webkit-animation: outT 0.8s backwards;  animation: outT 0.8s backwards;  -webkit-animation-direction: reverse;  animation-direction: reverse;}
.navTrigger i:nth-child(2) {  margin: 7px 0;  -webkit-animation: outM 0.8s backwards;  animation: outM 0.8s backwards;  -webkit-animation-direction: reverse;  animation-direction: reverse;}
.navTrigger i:nth-child(3) {  -webkit-animation: outBtm 0.8s backwards;  animation: outBtm 0.8s backwards;  -webkit-animation-direction: reverse;  animation-direction: reverse;}
.navTrigger.active i:nth-child(1) {  -webkit-animation: inT 0.8s forwards;  animation: inT 0.8s forwards;}
.navTrigger.active i:nth-child(2) {  -webkit-animation: inM 0.8s forwards;  animation: inM 0.8s forwards;}
.navTrigger.active i:nth-child(3) {  -webkit-animation: inBtm 0.8s forwards;  animation: inBtm 0.8s forwards;}
@-webkit-keyframes inM {
  50% {    -webkit-transform: rotate(0deg);  }
  100% {    -webkit-transform: rotate(45deg);  }
}
@keyframes inM {
  50% {    transform: rotate(0deg);  }
  100% {    transform: rotate(45deg);  }
}
@-webkit-keyframes outM {
  50% {    -webkit-transform: rotate(0deg);  }
  100% {    -webkit-transform: rotate(45deg);  }
}
@keyframes outM {
  50% {    transform: rotate(0deg);  }
  100% {    transform: rotate(45deg);  }
}
@-webkit-keyframes inT {
  0% {    -webkit-transform: translateY(0px) rotate(0deg);  }
  50% {    -webkit-transform: translateY(9px) rotate(0deg);  }
  100% {    -webkit-transform: translateY(9px) rotate(135deg);  }
}
@keyframes inT {
  0% {    transform: translateY(0px) rotate(0deg);  }
  50% {    transform: translateY(9px) rotate(0deg);  }
  100% {    transform: translateY(9px) rotate(135deg);  }
}
@-webkit-keyframes outT {
  0% {    -webkit-transform: translateY(0px) rotate(0deg);  }
  50% {    -webkit-transform: translateY(9px) rotate(0deg);  }
  100% {    -webkit-transform: translateY(9px) rotate(135deg);  }
}
@keyframes outT {
  0% {    transform: translateY(0px) rotate(0deg);  }
  50% {    transform: translateY(9px) rotate(0deg);  }
  100% {    transform: translateY(9px) rotate(135deg);  }
}
@-webkit-keyframes inBtm {
  0% {    -webkit-transform: translateY(0px) rotate(0deg);  }
  50% {    -webkit-transform: translateY(-9px) rotate(0deg);  }
  100% {    -webkit-transform: translateY(-9px) rotate(135deg);  }

}
@keyframes inBtm {
  0% {     transform: translateY(0px) rotate(0deg);  }
  50% {    transform: translateY(-9px) rotate(0deg);  }
  100% {    transform: translateY(-9px) rotate(135deg);  }
}
@-webkit-keyframes outBtm {
  0% {    -webkit-transform: translateY(0px) rotate(0deg);  }
  50% {    -webkit-transform: translateY(-9px) rotate(0deg);  }
  100% {    -webkit-transform: translateY(-9px) rotate(135deg);  }
}
@keyframes outBtm {
  0% {    transform: translateY(0px) rotate(0deg);  }
  50% {    transform: translateY(-9px) rotate(0deg);  }
  100% {    transform: translateY(-9px) rotate(135deg);  }
}





	/**********/

	.page_nav ul#nav li a{ font-size: 16px; }
	.page_nav .cta_btn{ font-size: 16px; width: 200px; height: 55px;}
	.aboutus_sec p, .customer_reviews p{ font-size: 16px; line-height: 1.7; }
	.aboutus_sec h2, .customer_reviews h2, .step_sec h2, .support_sec h2{ font-size: 34px; }
	.aboutus_sec .aboutus_l h3, .additional_sec h3{ font-size: 26px; }
	.aboutus_sec .aboutus_l{padding: 40px 30px;}
	.aboutus_sec .aboutus_l ul li .list_image{ margin-right: 15px; max-width: 80px;}
	.aboutus_sec .aboutus_l ul li{ margin: 15px 0; }
	.nav_sticky.fixed{ top: 60px; }
	.aboutus_sec .aboutus_l h3{ margin: 0 0 10px; }
	.nav_sticky, #nav_sticky_space{ display: none; }
	.aboutus_sec .aboutus_r{padding: 40px 30px;}

	/**********/
	.packages-sec h2{ font-size: 34px; max-width: 100%;float: none;}
	.packages-sec .col_8{ float: none; width: 100%; }
	.packages-sec .package_con p{font-size: 16px; line-height: 1.7;}
	ul.tabs li{ font-size: 16px; }
	ul.tabs li a{ padding: 30px 0; line-height: 1.6;}
	.packages-sec .con_blk{ padding: 0; }
	.packages-sec .con_blk p{ font-size: 16px; line-height: 1.7; }
	.packages-sec .con_blk ul li{ line-height: 1.7; }
	.price_blk .kw-bk{ padding: 0; }
	.price_blk .cta_btn{ position: static; font-size: 16px; width: 200px; height: 55px;} 
	.price_blk .kw-bk p{ font-size: 18px; margin: 0 0 20px; }
	.residential-solar .packages-sec{ margin: 60px 0 0 0 !important; }
	h2.resp-accordion{ float: none; max-width: 100%; font-size: 18px; margin: 0 0 10px;}	

	/**********/
	.needhelp_sec p, .state_residence p{ font-size: 16px; }
	.needhelp_sec .needhelp_l, .needhelp_sec .needhelp_r{ padding:40px 30px; }
	.needhelp_sec .needhelp_l form label{ font-size: 16px;  margin: 0;}
	.state_residence .state_row .state_blk{ padding: 30px 0; }

	/**********/
	.template_banner h1{ font-size: 30px; }
	.template_banner p{ font-size: 16px; }
	.template_banner{ padding: 40px 0; }
	.content-wrapper{ padding: 60px 0; }
	.content-wrapper .content-wrap{ padding: 30px; }
	#content-tab .resp-tabs-list h2{ font-size: 24px; }
	#content-tab .resp-tabs-list li{ padding: 5px 12px; font-size: 15px;}
	#content-tab .resp-tabs-container .resp-tab-content p{ font-size: 14px; }
	#content-tab .resp-tabs-container .resp-tab-content h3{ font-size: 24px; margin: 0 0 10px; }

	/**********/
	.blog-list h2 a{ font-size: 18px; line-height: 1.6; }
	.blog-list .entry-content{ font-size: 14px; line-height: 1.7; }
	.blog-list .thumbnail_img .date_blk{ font-size: 16px; }
	.blog-list .cta_btn{ font-size: 16px; height: 55px;padding: 15px 10px; }
	.blog-inner .homebanner_r .entry-title{ font-size: 30px; }


	/**********/
	.blog-inner .homebanner_r{ min-height: initial; }
	.recent-post-nav ul li a{ font-size: 16px; }
	.recent-post-nav ul li + li{ margin-top: 20px; }


}


/* ----- 2. Tablet ≥768px and ≤1023 ----- */
@media (max-width:1023px) {
 .container {padding-right: 60px;padding-left: 60px;}
 
}

/* ----- 3. Medium devices ≤767px ----- */
@media (max-width:767px) {
    .container {padding-right: 40px;padding-left: 40px;} 
	.home_banner .container {	margin: 0px;	padding: 0;}
	.home_banner [class*="col-"] { padding: 0px; }
	.homebanner_l .homebanner_l_text {	padding: 25px 35px;}
	.homebanner_l .homebanner_l_text p strong{ font-size: 60px; }
	.homebanner_l .homebanner_l_text p {	font-size: 18px;}
	.homebanner_r {	margin: -120px 20px 24px;	padding: 25px;}
	.homebanner_r h1 {	font-size: 26px;	line-height: 35px;}
	.homebanner_r p {	font-size: 16px;	line-height: 27px;}
	.homebanner_r ul li {	font-size: 16px;	background-size: 18px;}
	.banner_bottom_text {	padding: 0 20px;}
	.home_banner .row {	margin: 0;}
	.support_sec h2 { max-width: 100% }
	.accordion_call {	width: calc( 100% - 0px);	float: right;	margin: 0px 0 0;}
 	.why_savvy h2 { font-size: 24px; line-height: 28px; }
	.why_savvy h3 { font-size: 16px; line-height: 25px; }
	.why_savvy .img_block { width: 75px; height: 75px; }
	.why_savvy [class*="col-"]:nth-child(n+2) { margin-top:25px;  } 
	.h2, h2 {	font-size: 24px;	margin-bottom: 20px;	line-height: 28px;}
	.page_sec p {	line-height: 30px;	font-size: 16px;	font-weight: 400; }
	.brands_sec h2, .brands_sec p{ text-align: center; }
	.page_sec {	padding: 40px 0;}
	.residential_sec h2 { font-size: 24px; line-height: 28px; text-align: center; }
	.residential_sec p { text-align: center; }
	.additional_sec h3 { font-size: 24px; }
	.additional_sec p {	font-size: 12px;	line-height: 24px;}
	.main-footer .space-small {	padding: 30px 30px;}
	.bt_footer p { font-size: 12px; }
	.fo_nav ul li a {	font-size: 13px;}
	.fo_nav ul li {	margin-right: 10px;}	


	/**********/
	.aboutus_sec .aboutus_l{ margin: 0 0 40px; }
	.aboutus_sec .aboutus_r{ min-height: initial; }
	.aboutus_sec{ padding: 40px 0; }
	.aboutus_sec h2, .customer_reviews h2, .step_sec h2, .support_sec h2{ font-size: 26px; }
	.aboutus_sec p, .customer_reviews p{ font-size: 14px; }
	.aboutus_sec .aboutus_l h3, .additional_sec h3{ font-size: 24px; }
	.customer_reviews{ padding: 40px 0; }
	.step_sec .cta_btn{ font-size: 14px; max-width: 180px; height: auto; padding: 15px;}
	.accordion_call .acc__title{ padding: 10px 60px 10px 0px; font-size: 14px;}

	/**********/
	.price_blk .kw-bk{ text-align: center; }
	.price_blk .cta_btn{ margin: 0 auto; font-size: 14px; width: 150px; height: 40px; padding: 10px; }
	.package_con h2{ font-size: 26px; margin: 0 0 10px; }
	.resp-tab-content{ padding: 30px; }
	.resp-tab-content .img_blk{ margin-bottom: 30px; }
	.special-price{ top: -40px; left: -27px; font-size: 14px; padding: 10px 20px;}
	.price_blk .kw-bk p{ font-size: 14px; margin: 0 0 10px;}
	.price-call{ font-size: 32px; }
	.packages-sec .package_con p, .packages-sec .con_blk p{ font-size: 14px; }
	.packages-sec .con_blk ul li{ font-size: 14px; }
	h2.resp-accordion{ font-size: 14px; }

	/**********/
	.needhelp_sec .needhelp_l{ margin: 0 0 40px; }
	.needhelp_sec{ padding: 40px 0; }
	.needhelp_sec p, .state_residence p{ font-size: 14px; line-height: 1.7;}
	.packages-sec h2{ font-size: 24px; }
	.state_residence{ padding: 40px 0; }
	.state_residence .state_row .state_blk{ width: 100%; padding: 10px 0;}
	.state_residence .state_row .state_blk .state_blkdet h4{ font-size: 16px; margin: 0 0 5px; }
	.state_residence .state_row .state_blk .state_blkdet p{ font-size: 14px; }
	.state_residence .state_row .state_blk .img_block img{ max-width: 45px; }
	.state_residence .state_row .state_blk .state_blkdet{ margin-left: 60px; }
	.needhelp_sec .needhelp_l form input[type="text"], .needhelp_sec .needhelp_l form input[type="email"], .needhelp_sec .needhelp_l form input[type="tel"]{ height: 40px; margin: 0 0 10px;}
	.needhelp_sec .needhelp_l form label{ font-size: 14px; }
	.needhelp_sec .needhelp_l form input[type="submit"]{ height: 45px; font-size: 16px; }
	.needhelp_sec .needhelp_r h3{ font-size: 24px; }
	.needhelp_sec .needhelp_r table tr td{ font-size: 14px; padding: 10px 0;}

	/**********/
	#content-tab .resp-tabs-container{ width: 100%; padding: 0; }
	#content-tab .resp-tabs-container .resp-tab-content h3{ font-size: 20px; }
	#content-tab .resp-tabs-container .resp-tab-content{ padding: 20px; }
	#content-tab .resp-tabs-container .resp-tab-content p{ line-height: 1.7; }
	.template_banner .template_banner_cap{padding: 30px;}
	.template_banner h1{ font-size: 24px; margin: 0 0 10px;}
	.template_banner p{ font-size: 14px; }
	.content-wrapper .content-wrap{ padding: 0; }
	.content-wrapper{ padding: 40px 0; }


	/**********/
	.blog-list h2{ min-height: initial; }

	/**********/
	.blog-inner .homebanner_r .entry-title{ font-size: 24px; line-height: 1.4; }
	.single-post-dv h2{ font-size: 24px; }
	.single-list .single-post-dv p{ font-size: 14px; margin: 10px 0; }
	.single-list .single-post-dv ul li{ font-size: 14px; }
	.blog-inner .homebanner_r{padding: 30px 30px 130px;}
	.recent-post-nav ul li + li{ margin-top: 10px; }
	.blog-inner .post-thumbnail{ height: auto; }
	.recent-post-nav ul li a,.categ-nav ul li a{ font-size: 14px; }
	.categ-nav .post-count{ width: 30px; height: 30px; font-size: 14px; }
	.categ-nav ul li + li{ margin-top: 5px; }
	.homebanner_r .btn{ font-size: 16px; padding: 12px 15px; }

	/***********/

	a.logo {    float: left;    margin: 21px 0 0;    width: 164px;}
	.mobile_header .head_phone {    position: absolute;    right: 56px;    top: 16px;    font-size: 14px;    padding-left: 27px;    background-size: 20px;}
	.home_banner .container {    padding: 0 20px;}
	.banner_form input[type="submit"] { font-size: 16px; }
	.tab_container .tab_blk { padding: 15px; }
	.tab_container article {    max-width: 450px;    background: #fff;    padding: 25px 20px;    border-radius: 8px;}
	.btn_org { font-size: 14px; font-weight: 500; }
	.btn_org { padding: 21px 0; }
	.page_sec p, .residential-solar center p, .tab_container .tab_blk p {    line-height: 23px;    font-size: 15px;    font-weight: 400;}

	.tab_container .tab_blk h3 {    font-size: 20px;}
	.tab-popup .col-md-3 {    width: 50%;}
	.tab-popup .p-btn a.btn_org {    font-size: 14px;    font-weight: 500;    padding: 21px 0;}
	.tab-popup .solar_box {    padding: 30px 0 0;}
	.tab-popup {    padding: 40px 19px 20px;}
	.tab_container .tab_blk p {    font-size: 13px;    line-height: 17px;}
	.tab_container ul li { font-size: 15px; }
	.tab_container .tab_blk { min-height: auto; }
	.residential-solar center h2 {    font-size: 24px;    line-height: 32px;}

	.fancybox-content.modal-popup .modal_con {    padding: 30px 15px 25px;}
   
	.tab_container .specification_blk ul li {	font-size: 15px;	list-style: none;}
	.speak-sec .img-col {	left: 43px;	position: static;	margin: 0 0 20px;}
.speak-sec .speak_block {	max-width: 100%;	float: right;}

.inner_banner {background-size: cover;    background-position: center; padding:50px 0; min-height:0px;}
.inner_banner h2 {    color: #fff;    font-size: 28px;}
.inner_banner p { font-size:16px;}
.why_solar {    padding: 40px 0;  }
.why_solar h2, .feedback_sec h2, .contact_us_page h2 { font-size:28px;}
.why_solar p, .contact_us_page .contact_blk p {     font-size: 16px;    line-height: 26px;}
.story_sec .tab_container article ul li {    font-size: 14px;}
.contact_us_page {     padding: 40px 0;}
.contact_us_page .contact_blk ul li p { font-size:15px;}
.contact_us_page .contact_blk ul li .fa {     font-size: 20px;    width: 23px;}	
.banner_form { margin-top:40px;}
.why_solar [class*="col-"] {   width: 50%;     margin-top: 34px; }	
	
}

/* ----- 4. Small devices ≤640px ----- */
@media (max-width:640px) {
  .container {padding-right: 25px;padding-left: 25px;}   

}

@media (max-width:370px) {
.mobile_header {     height: 66px;    padding: 0 10px;    }
.mobile_header a.logo {    width: 115px;    margin: 19px 0 0;}
.mobile_header .head_phone {    position: absolute;    right: 54px;    top: 15px;    font-size: 17px;    padding-left: 24px;    background-size: 17px;    font-size: 13px;}
.navTrigger {    cursor: pointer;    width: 30px;    height: 25px;    margin: auto;    position: absolute;    right: 11px;    top: 23px;}
}

/* 02-10-20 */
.mobile_request_callback{ background-color: #000000; padding: 30px 0; overflow: hidden;}
.mobile_request_callback h3{ color: #FFFFFF; font-size: 24px; font-weight: 700; }
.mobile_request_callback p{ color: #FFFFFF; font-size: 16px; line-height: 26px; }
.mobile_request_callback .radio-blk{ margin-bottom: 20px; }
.mobile_request_callback .radio-blk label{ display: block; color: #FF7400; font-size: 18px; font-weight: 500; margin: 15px 0 5px 0;}

.mobile_request_callback form .wpcf7-radio{ display: flex; flex-wrap: wrap; }
.mobile_request_callback form .wpcf7-radio .wpcf7-list-item{ position: relative; margin: 5px 0; padding: 0; width: 50%; display: flex; align-items: center;}
.mobile_request_callback form .wpcf7-radio .wpcf7-list-item .wpcf7-list-item-label{ color: #fff; display: block; padding: 0;}
.mobile_request_callback form .check-wrap {position: absolute; margin-right: 10px; display: inline-block; vertical-align: middle; left: 0; top: 0 }
.mobile_request_callback form .check-wrap input[type=checkbox] {opacity: 0; position: absolute; width: 100%; height: 100%; z-index: 1; cursor: pointer }
.mobile_request_callback form .check-box {width: 20px; height: 20px; background: #f7f7f7; display: inline-block; cursor: pointer; position: relative; top: 0; border: 2px solid #919194; border-radius: 6px; -webkit-border-radius: 6px }
.mobile_request_callback form [type=checkbox]:checked+.check-box:before, .mobile_request_callback form [type=radio]:checked+.check-box:before {content: ''; display: block; width: 8px; height: 18px; margin-left: 20px; border: solid #fff; border-width: 0 3px 3px 0; transform: rotate(45deg); transition: .1s; margin: auto; position: relative; top: 3px }
.mobile_request_callback form [type=checkbox]:checked+.check-box, .mobile_request_callback form [type=radio]:checked+.check-box {background-color: #2765cf; border-color: #2765cf; transition: .5s }
.mobile_request_callback form .radio-wrap {/*position: absolute;*/ margin-right: 10px; display: inline-block; vertical-align: middle; left: 0; top: 0 }
.mobile_request_callback form .radio-wrap input[type=radio] {opacity: 0; position: absolute; width: 100%; height: 100%; z-index: 1; cursor: pointer }
.mobile_request_callback form .radio-box {width: 40px; height: 40px; background: #F7F7F7; display: flex; cursor: pointer; position: relative; top: 0; border-radius: 2px; -webkit-border-radius: 2px }
.mobile_request_callback form [type=radio]:checked+.radio-box:before {content: ''; display: block; width: 7px; height: 14px; border: solid #fff; border-width: 0 3px 3px 0; transform: rotate(45deg); transition: .1s; margin: auto; position: relative;}
.mobile_request_callback form [type=radio]:checked+.radio-box {background-color: #2765cf; border-color: #2765cf; transition: .5s }

.mobile_request_callback form input[type="text"], .mobile_request_callback form input[type="email"], .mobile_request_callback form input[type="tel"]{border-radius: 2px; -webkit-border-radius: 2px; background-color: #F7F7F7; font-size: 16px; color: #707070; margin: 5px 0; padding:9px 10px;}
.mobile_request_callback form input[type="submit"]{ background-color: #FF8800; box-shadow: 0px 0px 10px #FF880080; -webkit-box-shadow: 0px 0px 10px #FF880080; border-radius: 2px; -webkit-border-radius: 2px; text-align: center; font-size: 18px; color: #fff; font-weight: 700; width: 100%; text-transform: none; height: 50px;}
.mobile_request_callback .submit-btn{ margin-top: 15px; }
.mobile_request_callback .wpcf7 form .wpcf7-response-output{ color: #fff; }

.mobile_request_callback form input::-webkit-input-placeholder { color: #707070; opacity: 1;}
.mobile_request_callback form input::-moz-placeholder { color: #707070; opacity: 1;}
.mobile_request_callback form input:-ms-input-placeholder {color: #707070; opacity: 1;}
.mobile_request_callback form input:-moz-placeholder { color: #707070; opacity: 1;}