.zips {
    margin-bottom: 15px;
}
.zips span {
    background: #888888;
    color: #fff;
    padding: 6px;
    border-radius: 25px;
    margin: 5px;
    display: block;
    float: left;
}
.zips span i {
    margin: 0 5px;
    cursor: pointer;
}
.add_zip {
    background-color: #00A2D6;
    color: #ffffff;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-right: 0;
}
.multiple_zip_group {
    display: flex;
}

/* step 5 resource adding */
.practices_tabs {
    overflow: hidden;
}
.title_tab {
    display: flex;
    font-family: inherit;
    line-height: normal;
    font-size: 24px;
    color: #000;
    align-items: center;
    padding: 17px 20px 15px 20px;
    background: #fff;
    cursor: pointer;
}
.practices_tab:first-child .title_tab{
    border-top: 0 !important;
}
.practices_tab.active_tab .title_tab {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.title_tab i.collapse {
    width: 13px;
    height: 7px;
    display: block;
    background: url('../images/resource-create/icons/arrow_collapse.svg');
    -webkit-transition: .5s ease;
    -moz-transition: .5s ease;
    -o-transition: .5s ease;
    transition: .5s ease;
}
.practices_tab.hidden_tab .title_tab i.collapse {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.practices_tab.hidden_tab .title_tab {
    border-bottom: 0px solid #fff;
    border-top: 1px solid #fff;
}
.title_tab .title_img {
    width: 14%;
    height: 42px;
    display: flex;
}
.title_tab h3 {
    margin-bottom: 0;
    font-family: inherit;
    line-height: normal;
    font-size: 24px;
    color: #000;
    padding-left: 13px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 86%;
}
.container_tab {
    padding: 20px 30px 30px 25px;   
    background: #fff;
}
.container_tab span {
    margin-bottom: 0;
}
/* 1 tab */
.ready_tab .title_tab {
    background: #F1E7DE;
    border-color: #EED2B8 !important;
}
.ready_tab .title_tab h3 {
    color: #C18D64;
}
/* 2 tab */
.love_tab .title_tab {
    background: #FFF0F7;
    border-color: #F5CDE0 !important;
}
.love_tab .title_tab h3 {
    color: #F176AF;
}
/* 3 tab */
.baby_tab .title_tab {
    background: #F5F4FC;
    border-color: #DCD8F9 !important;
}
.baby_tab .title_tab h3 {
    color: #B5AAEF;
}
/* 4 tab */
.learn_tab .title_tab {
    background: #FFFAF7;
    border-color: #F9E2D4 !important;
}
.learn_tab .title_tab h3 {
    color: #C18D64;
}
/* 5 tab */
.nourish_tab .title_tab {
    background: #FBF7EB;
    border-color: #F9E5A8 !important;
}
.nourish_tab .title_tab h3 {
    color: #E8CD79;
}
/* 6 tab */
.breastfeeding_tab .title_tab {
    background: #EAFBE9;
    border-color:#CBE9C9 !important;
}
.breastfeeding_tab .title_tab h3 {
    color: #A8CEA5;
}

#dropzone {
    background: #F3FCFF;
    border: 1px dashed rgba(0, 162, 214, 0.5);
    box-sizing: border-box;
    border-radius: 4px;
    padding: 36px 30px;
}
#dropzone p {
    font-family: inherit;
    line-height: normal;
    font-size: 16px;
    letter-spacing: 0.03em;
    color: #11C4FF;
    text-align: center;
    margin-bottom: 0;
}
#dropzone p img {
    margin-right: 13px;
}
#dropzone input[type=file] {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  width: 100%;
}
div#dropzone {
	position: relative;
}
.status-top-resource-5:before {
    border-top: 1px solid #12A5DB;
    content: " ";
    width: 35px;
    height: 1px;
    position: absolute;
    top: 34px;
    z-index: -1;
    left: 84px;
}
.status-top-resource.status-top-resource-5:after {
    border-top: 1px solid #12A5DB;
    left: 179px;
    top: 34px;
}
.status-top-resource.status-top-resource-5 .second-status-tab {
    margin-right: 20px
}
.three-status-tab {
    max-width: 70px;
}


/* Upload file on add/edit resource page */

#preview{
    display: none;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    height: 100%;
}
#preview.show{
    display: flex;
}
#preview .close {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 32px;
  height: 32px;
  opacity: 0.3;
  cursor: pointer;
}
#preview .close:hover {
  opacity: 1;
}
#preview .close:before, #preview .close:after {
  position: absolute;
  left: 15px;
  top: 0;
  content: ' ';
  height: 33px;
  width: 2px;
  background-color: #333;
}
#preview .close:before {
  transform: rotate(45deg);
}
#preview .close:after {
  transform: rotate(-45deg);
}

#preview_pdf {
    position: relative;
    z-index: 99;
}

/* Edit account */
.page-template-edit_account-template .banner {
    background: url('../images/banner.jpg') no-repeat;
    background-size: cover;
    padding: 119px 0;
}
.banner h3 {
    font-family: "Roboto", sans-serif;
    line-height: normal;
    font-size: 40px;
    color: #FFFFFF;
    margin-bottom: 13px;
}
.banner h3:last-child {
    font-size: 24px;
    margin-bottom: 0;
    color: rgba(255, 255, 255, 0.9);
}
.edit_accaunt_content .um * {
    box-sizing: border-box !important;
}
.edit_accaunt_content .left_column {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    padding-bottom: 200px;
}
#custom_edit_form button.submit {
    
    background: #00A2D6;
    line-height: normal;
    font-size: 13px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    color: #FFFFFF;
    border-radius: 4px;
    padding: 18px 0;

}
#custom_edit_form button.submit.save {
    border: 1px solid #00A2D6;
    box-sizing: border-box;
    border-radius: 4px;
    background: #fff;
    color: #00A2D6;
    border-radius: 4px;
}
#custom_edit_form .main-registration_form {
    margin-left: 0 !important;
    max-width: 100%;
}

/* all pages banner adjustment */
/* .main-banner .banner-inner:hover .banner-bg.fill { */
	/* opacity:1!important; */
/* } */

/* .main-banner .banner-inner:hover .banner-bg.fill { */
/* .banner-bg.fill:hover video.video-bg.fill.hide-for-small { */
    /* opacity: 0!important; */
    /* background-color: transparent; */
/* } */




/* App Page style */

.page-id-7712 .container, .page-id-7712 .row.row-collapse, .page-id-7712 .row {
	max-width: 1200px !important;
}

.app_baner {
	padding-top: 130px !important;
}
.app_baner .large-4 {
	flex-basis: 33.33333%;
}
.app_baner .text-left h2 {
	line-height: normal;
	font-size: 40px;
	margin-bottom: 12px;
	margin-top: 4px;
	color: #FFFFFF;
}
.app_baner .text-left h3 {
	line-height: normal;
	font-size: 24px;
	color: rgba(255, 255, 255, 0.9);
	margin-bottom: 40px;
}
.app_baner .text-left p img:first-child {
	margin-right: 20px;
}
.app_baner .text-left h4 {
	line-height: 20px;
	font-size: 14px;
	color: rgba(255, 255, 255, 0.9);
}
.app_baner .text-left h4 img {
	margin-right: 10px;
}
.app_baner .img .img-inner {
	padding-right: 83px;
    margin-left: -30px;
}

.app_inside {
	padding-bottom: 117px !important; 
}
.app_inside .large-4 {
	flex-basis: 33.33333%;
}
.app_inside .row.row-collapse .col:nth-child(1) {
	padding-right: 20px !important;
}
.app_inside .row.row-collapse .col:nth-child(2) {
	padding-left: 25px !important;
}
.app_inside .row.row-collapse .col:nth-child(3) {
	padding-left: 53px !important;
}
.app_inside .icon svg {
	color: #fff;
}
.app_inside h3.section-title {
	line-height: normal;
	font-size: 40px;
	text-align: center;
	display: block;
	color: #1D2129;
	margin-top: 47px;
	margin-bottom: 31px;
}
.app_inside h3.section-title b {
	display: none;
}
.app_inside .icon-box-text.last-reset {
    padding-left: 2em !important;
}
.app_inside .icon-box-text.last-reset h3 {
	line-height: normal;
	font-size: 18px;
	margin-bottom: 10px;
	color: #1D2129;
}
.app_inside .icon-box-text.last-reset p {
	line-height: 20px;
	font-size: 14px;
	color: #90949C;
}

.app_tabs {
	padding-top: 0 !important;
	margin-top: -38px;
	padding-bottom: 13px !important;
}
.app_tabs .large-4 {
	flex-basis: 33.33333%;
}
.app_tabs .tabbed-content .tab {
	line-height: normal;
    font-size: 18px;
    text-align: center;
    min-width: 260px;
    min-height: 50px;
    display: inline-block;
    color: #1D2129;
    background: #FFFFFF;
    box-shadow: 0px 1px 1px rgba(10, 16, 34, 0.2);
    border-radius: 4px;
    border: 0;
    font-weight: normal;
}
.app_tabs .tabbed-content .tab.active {
    z-index: 11;
    min-width: 309px;
    min-height: 75px;
    display: flex;
    justify-content: center;
	box-shadow: 0px 10px 30px rgba(10, 16, 34, 0.15);
}
.app_tabs .tabbed-content .tab a {
	border: 0;
    padding: 8px 0;
    width: 100%;
    text-align: center;
    text-transform: none;
    display: flex;
    justify-content: center;
    color: #1D2129;
	font-size: 18px;
}
.app_tabs .tab-panels {
	padding-top: 4.2em;
}
.app_tabs .tab-panels .row.row-collapse .col:nth-child(1) {
	padding-right: 30px !important;
}
.app_tabs .tab-panels .row.row-collapse .col:nth-child(2) {
	padding-left: 16px !important;
    padding-right: 13px !important;
}
.app_tabs .tab-panels .row.row-collapse .col:nth-child(3) {
	padding-left: 29px !important;
}
.app_tabs .tab-panels .box-text h4 {
	line-height: normal;
	font-size: 24px;
	margin-top: 25px;
	margin-bottom: 17px;
	color: #1D2129;
}
.app_tabs .tab-panels .box-text p {
	line-height: 23px;
	font-size: 16px;

	color: #90949C;
}

.app_search .large-4 {
	flex-basis: 33.33333%;
}
.app_search h3 {
	line-height: normal;
	font-size: 40px;
	margin-top: 16px;
	margin-bottom: 20px;
	color: #1D2129;
}
.app_search p {
	line-height: 23px;
	font-size: 16px;
	margin-bottom: 30px;
	color: #90949C;
}
.app_search a {
	background: #00A2D6;
	border-radius: 4px !important;	
	line-height: normal;
	font-size: 13px;
	text-align: center;
	text-transform: uppercase;
	border: 2px solid #00A2D6;
	color: #FFFFFF;
	padding: 13px 55px;
}
.app_search a:hover {
	background: #FFFFFF;
	color: #00A2D6;
}
.app_search .img .img-inner {
	padding-left: 73px;
    padding-right: 15px;
}

.app_community_plus {
	margin-top: -5px;
	z-index: 10;
    position: relative;
}
.app_community_plus .large-4 {
	width: 33.33333%;
}
.app_community_plus .row-large>.col {
	padding: 39px 30px;
}
.app_community_plus p {
	line-height: normal;
	font-size: 40px;
	margin-bottom: 0;
	color: #FFFFFF;
}
.app_community_plus p img {
	margin-right: 21px;	
}

.app_village {
	padding-top: 86px !important;
	padding-bottom: 75px !important;
}
.app_village .large-4 {
	flex-basis: 33.33333%;
}
.app_village .col .img {
	display: flex;
    justify-content: flex-end;
}
.app_village .col .img .img-inner {
	max-width: 473px;
    margin-right: 18px;
}
.app_village h3 {
	line-height: normal;
	font-size: 40px;
	margin-bottom: 23px;
	color: #1D2129;
}
.app_village p {
	line-height: 23px;
	font-size: 16px;
	margin-bottom: 23px;
	color: #90949C;
}
.app_village .checkboxes .col {
	padding-bottom: 0;
}
.app_village .checkboxes p {
	line-height: normal;
	font-size: 18px;
	padding-left: 20px;
	color: #1D2129;
}
.app_village .checkboxes p img {
	margin-left: -20px;
}

.app_part .bg.section-bg {
	background-size: contain !important;
    background-position: right !important;
}
.app_part .large-4 {
	flex-basis: 33.33333%;
}
.app_part h2 {
	line-height: normal;
	font-size: 40px !important;
	margin-bottom: 6px;
	color: #FFFFFF;
}
.app_part p {
	line-height: normal;
	font-size: 18px;
	text-transform: uppercase;
	margin-bottom: 37px;
	color: #90949C;
}
.app_part a {
	background: #00A2D6;
	border-radius: 4px;
	line-height: normal;
	font-size: 13px;
	text-align: center;
	text-transform: uppercase;
	padding: 13px 55px;
	min-width: 226px;
	margin-right: 20px;
	color: #FFFFFF;
	border: 2px solid #00A2D6;
}
.app_part a:hover {
	background: #FFFFFF;
	color: #00A2D6;
}
.app_part .img {
	display: none;
}

@media screen and (max-width: 1200px) {
	.page-id-7712 .container, .page-id-7712 .row.row-collapse, .page-id-7712 .row {
		padding: 0 30px
	}
	app_baner .text-left h2 {
		line-height: normal;
		font-size: 30px;
		margin-bottom: 12px;
		margin-top: 4px;
		color: #FFFFFF;
	}
	.app_baner .text-left h3 {
		line-height: normal;
		font-size: 18px;
		color: rgba(255, 255, 255, 0.9);
		margin-bottom: 20px;
	}
	
	.app_inside {
		padding-bottom: 87px !important;
	}
	.app_inside h3.section-title {
		font-size: 30px;
		margin-top: 27px;
	}
	
	.app_tabs .tab-panels .box-text h4 {
		font-size: 18px;
		margin-top: 15px;
		margin-bottom: 10px;
	}
	.app_tabs .tab-panels .box-text p {
		line-height: 20px;
		font-size: 13px;
	}
	
	.app_search h3 {
		font-size: 30px;
		margin-top: 0px;
		margin-bottom: 15px;
	}
	.app_search p {
		line-height: 20px;
		font-size: 13px;
		margin-bottom: 20px;
	}
	.app_search a {
		font-size: 13px;
		padding: 8px 35px;
	}
	.app_search .img .img-inner {
		padding-left: 50px;
		padding-right: 15px;
	}
	.app_search .row .col .col-inner.text-left {
		padding: 0px 15px 0px 0px !important;
	}
	
	.app_community_plus {
		margin-top: 0;
	}
	.app_community_plus p {
		font-size: 25px;
	}
	.app_community_plus p img {
		width: 110px;
		margin-right: 0;
	}
/* 	.app_community_plus .text-right p img{
		width: 130px;
	} */
	.app_community_plus .text-right p img:first-child{
		margin-right: 2px;
	}
	.app_village {
		padding-top: 46px !important;
		padding-bottom: 45px !important;
	}
	.app_village h3 {
		font-size: 30px;
		margin-bottom: 18px;
	}
	.app_village p {
		line-height: 23px;
		font-size: 13px;
		margin-bottom: 16px;
	}
	.app_village .checkboxes p {
		font-size: 13px;
	}
	
	.app_part .col-inner.text-left {
		padding: 27px 0px 23px 0px !important;
	}
	.app_part p {
		font-size: 14px;
		margin-bottom: 20px;
	}
	.app_part a {
		font-size: 10px;
		padding: 8px 40px;
		min-width: 126px;
		margin-right: 16px;
	}
}

@media screen and (max-width: 1100px) {
	.logo-left .logo {
		margin-right: 0 !important;
	}
	.header-wrapper .flex-col.hide-for-medium.flex-left.flex-grow ul li {
		margin-right: 15px !important;
	}
	.nav-right li:last-child > a {
		visibility: hidden;
		width: 22px;
    	height: 44px;
    	overflow: hidden;
	}
	.nav-right li:last-child > a > i {
		visibility: visible;
	}
}

@media screen and (max-width: 1000px) {
	.header-wrapper .flex-col.hide-for-medium.flex-left.flex-grow ul li {
		margin-right: 7px !important;
	}
}


@media screen and (max-width: 960px) {
	#logo {
		width: 145px !important; 
	}
	#masthead #logo img {
		max-height: 30px;
	}
	.app_part .col-inner.text-left {
		padding: 10px 0px 10px 0px !important;
	}
	.app_part h2 {
		font-size: 34px !important;
		margin-bottom: 6px;
	}
	.app_part p {
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 920px) {
	.header-wrapper .flex-col.hide-for-medium.flex-left.flex-grow ul li {
		margin-right: 5px !important;
		margin-left: 5px !important;
	}
	#masthead .nav>li>a {
		font-size: 13px;
	}
}

@media screen and (max-width: 849px) {
	#logo {
		width: 200px !important; 
	}
	#masthead #logo img {
		max-height: 40px;
	}
}

@media screen and (max-width: 768px) {
	.page-id-7712 .container, .page-id-7712 .row.row-collapse, .page-id-7712 .row {
		padding: 0 20px;
	}
	.app_baner .text-left h2 {
		font-size: 25px;
		margin-bottom: 5px;
		margin-top: 25px;
	}
	.app_baner .text-left h3 {
		font-size: 14px;
		margin-bottom: 15px;
	}
	.app_baner .text-left p img {
		width: 100px;	
	}
	.app_baner .img .img-inner {
		padding-right: 5px;
		margin-left: 0px;
	}
	
	.app_inside .section-title-container {
		padding: 0;
	}
	.app_inside h3.section-title {
		font-size: 25px;
		margin-top: 0px;
		margin-bottom: 20px;
	}
	.app_inside .row.row-collapse .col:nth-child(1) {
		padding-right: 0px !important;
	}
	.app_inside .row.row-collapse .col:nth-child(2) {
		padding-left: 0px !important;
	}
	.app_inside .row.row-collapse .col:nth-child(3) {
		padding-left: 0px !important;
	}
	.app_inside .icon-box {
		flex-flow: column;
		align-items: center;
	}
	.app_inside .icon-box-text.last-reset h3 {
		font-size: 16px;
		margin-top: 5px;
		margin-bottom: 10px;
	}
	
	.app_tabs {
		margin-top: 0;
	}
	.app_tabs .large-4 {
		flex-basis: 100%;
	}
	.app_tabs .tabbed-content .tab {
		min-width: 250px;
		min-height: 45px;
	}
	.app_tabs .tabbed-content .tab.active {
		min-width: 300px;
		min-height: 55px;
	}
	.app_tabs .tabbed-content .tab a {
		padding: 8px 0;
	}
	.app_tabs .tab-panels .row.row-collapse .col:nth-child(1) {
		padding-right: 10px !important;
	}
	.app_tabs .tab-panels .row.row-collapse .col:nth-child(2) {
		padding-left: 5px !important;
		padding-right: 5px !important;
	}
	.app_tabs .tab-panels .row.row-collapse .col:nth-child(3) {
		padding-left: 10px !important;
	}
	.app_tabs .tab-panels .box-text h4 {
		font-size: 15px;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.app_tabs .tab-panels .box-text p {
		line-height: 18px;
		font-size: 12px;
	}
	
	.app_search .row .col .col-inner.text-left {
		padding: 0 !important;
	}
	.app_search h3 {
		font-size: 22px;
		margin-top: 0px;
		margin-bottom: 10px;
	}
	.app_search p {
		line-height: 18px;
		font-size: 13px;
		margin-bottom: 10px;
	}
	.app_search a {
		font-size: 13px;
		padding: 5px 30px;
	}
	.app_search .img .img-inner {
		padding-left: 15px;
		padding-right: 5px;
	}
	
	.app_community_plus .row-large>.col {
		padding: 0px 5px;
	}
	.app_community_plus {
		padding: 0 10px !important;
	}
	.app_community_plus .bg.section-bg {
		border-radius: 5px;
	}
	.app_community_plus .section {
		padding: 52px 5px 34px !important;
	}
	.app_community_plus .section-content .row.row-large.row-full-width {
		padding: 0 14px !important;
	}
	.app_community_plus .section-content .row.row-large.row-full-width .col {
		max-width: 100%;
		-webkit-flex-basis: 100%;
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
	}
	.app_community_plus .large-5 .col-inner.text-right p {
		display: flex;
		justify-content: space-around;
	}
	.app_community_plus p img {
		width: 156px;
		margin-right: 0px;
	}
	.app_community_plus p {
		font-size: 21px;
		text-align: center;
		margin-bottom: 14px;
	}
	.app_community_plus .text-left p img {
		width: 100px;
	}
	
	.app_village h3 {
		font-size: 25px;
		margin-bottom: 10px;
	}
	.app_village p {
		line-height: 18px;
		font-size: 13px;
		margin-bottom: 10px;
	}
	.app_village .large-4 {
		flex-basis: 50%;
	}
	.app_village .checkboxes p img {
		width: 13px;
	}
	.app_village .col .img .img-inner {
		margin-right: 20px;
		margin-left: 30px;
	}
	
	.app_part .col-inner.text-left {
		padding: 10px 0px 5px 0px !important;
	}
	.app_part h2 {
		font-size: 21px !important;
		margin-bottom: 5px;
	}
	.app_part p {
		font-size: 13px;
		margin-bottom: 5px;
	}
	.app_part a {
		font-size: 10px;
		padding: 5px 30px;
		min-width: 100px;
		margin-right: 16px;
	}
}

@media screen and (max-width: 549px) {
	.app_baner {
		padding-top: 50px !important;
	}
	.app_baner .bg.section-bg {
		background: linear-gradient(270deg, #00A4D9 0%, #11C4FF 100%) !important;
	}
	.app_baner .col.medium-8 .col-inner {
		text-align: center;
	}
	.app_baner .img .img-inner {
		max-width: 208px;
		margin: auto;
	}
	.app_baner .text-left h2 {
		font-size: 40px;
		margin-bottom: 15px;
	    margin-top: 0px;
	}
	.app_baner .text-left h3 {
		font-size: 24px;
		margin-bottom: 25px;
	}
	.app_baner .text-left p {
		display: flex;
    	justify-content: space-between;
		margin-bottom: 25px;
	}
	.app_baner .text-left p img {
		width: 157px;
	}
	.app_baner .text-left h4 {
		margin-bottom: 29px;
	}
	
	.app_inside {
		padding-bottom: 94px !important;
		padding-top: 77px !important;
	}
	.app_inside h3.section-title {
		font-size: 40px;
		margin-bottom: 27px;
	}
	.app_inside h3.section-title span {
		text-transform: inherit;
	}
	.app_inside .row.row-collapse .col {
		margin-bottom: 31px;
	}
	.app_inside .large-4 {
		flex-basis: 100%;
	}
	.app_inside .icon-box {
		flex-flow: inherit;
		align-items: center;
	}
	.app_inside .icon-box-text.last-reset {
		padding-left: 1.4em !important;
	}
	.app_inside .icon-box-text.last-reset h3 {
		font-size: 18px;
	}
	
	.app_tabs {
		margin-top: -90px;
	}
	.app_tabs .tab-panels {
		padding-top: 0.8em;
	}
	.app_tabs .tabbed-content .nav {
		flex-flow: column;
	}
	.app_tabs .tab-panels .row.row-collapse {
		padding: 0 !important;
	}
	.app_tabs .tab-panels .row.row-collapse .col:nth-child(1) {
		padding-right: 0px !important;
	}
	.app_tabs .tab-panels .row.row-collapse .col:nth-child(2) {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	.app_tabs .tab-panels .row.row-collapse .col:nth-child(3) {
		padding-left: 0px !important;
	}
	.app_tabs .tab-panels .box-text {
		margin-bottom: 34px;
	}
	.app_tabs .tab-panels .box-text h4 {
		font-size: 24px;
		margin-top: 24px;
    	margin-bottom: 19px;
	}
	.app_tabs .tab-panels .box-text p {
		line-height: 23px;
		font-size: 16px;
	}
	
	.app_search {
		padding-top: 65px !important;
	}
	.app_search .row.row-collapse .col {
		padding: 0;
	}
	.app_search h3 {
		font-size: 40px;
		margin-bottom: 22px;
	}
	.app_search p {
		line-height: 23px;
		font-size: 16px;
		margin-bottom: 30px;
	}
	.app_search a {
		margin-right: 0;
		float: none;
		font-size: 13px;
		padding: 13px 55px;
	}
	.app_search .img .img-inner {
		padding-left: 0px;
		padding-right: 0px;
		margin: auto;
		margin-bottom: -2px;
		max-width: 300px;
		margin-top: 51px;
	}
	
	.app_community_plus {
		padding: 0 10px !important;
	}
	.app_community_plus .bg.section-bg {
		border-radius: 5px;
	}
	.app_community_plus .section {
		padding: 52px 5px 34px !important;
	}
	.app_community_plus .section-content .row.row-large.row-full-width {
/* 		padding: 0 14px !important; */
		padding: 0px !important;
		margin: 0;
	}
	.app_community_plus .large-5 .col-inner.text-right p {
		display: flex;
		justify-content: space-between;
	}
	.app_community_plus p img {
		width: 156px;
		margin-right: 0px;
	}
	.app_community_plus p {
		font-size: 21px;
		text-align: center;
		margin-bottom: 14px;
	}
	.app_community_plus .text-left p img {
		width: 100px;
		margin-bottom: 0;
	}
	
/* 	.app_village .row.row-collapse.align-middle {
		flex-flow: column-reverse !important;
	} */
	.app_village {
		padding-top: 49px !important;
		padding-bottom: 45px !important;
	}
	.app_village h3 {
		font-size: 40px;
		margin-top: 63px;
		margin-bottom: 20px;
	}
	.app_village p {
		line-height: 23px;
		font-size: 16px;
	}
	.app_village .col-inner .row:last-child {
		margin-top: 0px !important;
	}
	.app_village .checkboxes p {
		font-size: 18px;
		margin-bottom: 19px;
	}
	.app_village .checkboxes p img {
		width: 16px;
		margin-right: 10px;
	}
	.app_village .col .img .img-inner {
		max-width: 313px;
		margin: auto;
		margin-top: 20px;
	}
	.app_village .col-inner .row {
		flex-flow: column;
		margin-top: 36px !important;
		padding: 0;
	}
	
	.app_part .row.row-collapse {
		padding: 0;
	}
	.app_part .bg.section-bg {
		background-image: none !important;
	}
	.app_part h2 {
		font-size: 40px !important;
		margin-top: 39px;
		margin-bottom: 20px;
	}
	.app_part p {
		font-size: 18px;
		margin-bottom: 35px;
	}
	.app_part h2, .app_part p {
		padding: 0 20px;
		text-align: center;
	}
	.app_part a {
		float: none;
		font-size: 13px;
		padding: 13px 35px;
		width: 226px;
		margin: 20px auto;
		display: block;
	}
	.app_part a:first-child {
		margin-left: 20px;
	}
	.app_part .col-inner .img {
		transform: none;
		left: 0;
		top: 0;
		margin-top: 40px;
		margin-bottom: -5px;
		display: block;
	}
}

@media screen and (max-width: 375px) {
	.app_baner .text-left p {
		display: block;
	}
	.app_baner .text-left p img:first-child {
		margin-bottom: 10px;
		margin-right: 0px;
	}
	.app_search .img .img-inner {
		margin-bottom: -30px;
	}
	.app_community_plus .large-5 .col-inner.text-right p {
		display: block;
	}
	.app_community_plus p img {
		margin-bottom: 10px;
	}
	.app_community_plus p {
		font-size: 17px;
	}
	.app_community_plus .text-left p img {
		width: 80px;
	}
}


/* -------------------------------- 

xpopup 

-------------------------------- */

.app_modals {
	max-width: 400px !important;
	padding: 38px 29px 83px 25px !important;
}
.app_modals h2 {
	line-height: normal;
	font-size: 40px;
    margin-bottom: 48px;
	color: #1D2129;
}
.app_modals p {
	line-height: normal;
	font-size: 16px;

	color: #1D2129;
}
.app_modals label {
	margin-bottom: 0;
}
.app_modals input.wpcf7-form-control.wpcf7-text, .app_modals textarea.wpcf7-form-control.wpcf7-textarea, .app_modals .modal-content input.wpcf7-form-control.wpcf7-text.wpcf7-email {
	background: #FFFFFF !important;
	border: 1px solid #E9EBEE !important;
	box-sizing: border-box !important;
	border-radius: 4px !important;
	line-height: normal !important;
	font-weight: normal !important;
	font-size: 16px !important;
	padding: 24px 18px !important;
	box-shadow: none !important;
	color: #90949C !important;
	margin-top: 18px !important;
}
.app_modals input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email {
	border: 1px solid #E9EBEE !important;
}
.app_modals .wpcf7-checkbox .wpcf7-list-item {
	display: flex;
	margin-bottom: 10px;
}
.app_modals input[type="submit"] {
	border-radius: 4px !important;
	line-height: normal !important;
	font-size: 13px !important;
	text-align: center !important;
	text-transform: uppercase !important;
	background: #00A2D6 url('/wp-content/uploads/2018/09/Arrow-right.png') no-repeat right center !important;
	color: #FFFFFF !important;
	display: block !important;
    width: 100% !important;
    margin-top: 60px !important;
    padding: 18px 0 !important;
    float: none !important;
}
.app_modals span.wpcf7-form-control-wrap.your-email {
	border: none;
	border-radius: 0px;
}

/* -------------------------------- 

stakeholder list styles 

-------------------------------- */

.stakeholders-banner .banner-inner:hover .banner-bg.fill{
    z-index: -1;
}

.stakeholders-banner  .banner-layer .text-inner h2{
    font-size: 40px;
    line-height: 47px;
}

.stakeholders-banner  .banner-layer .text-inner h3{
    font-size: 24px;
    line-height: 28px;
}

.stakeholders-banner .bg.bg-loaded{
    background-size: cover !important;
}

.stakeholders-content h1{
    font-size: 40px;
    line-height: 47px;
    font-weight: 400;
    margin-bottom: 38px;
}

.row.stakeholders-content{
    margin-top: 47px !important;
}

.stakeholders-list-holder {
    display: block;
    margin-left: -28px;
    margin-right: -28px;
}

.stakeholders-list-holder:after{
    content:"";
    display: table;
    width: 100%;
    height:0;
    clear: both;
    font-size: 0;
}

.stakeholders-list-holder .stakeholder-item {
    width: 33.33%;
    padding: 20px 28px 45px; 
    float: left;
    clear: none;
}

.stakeholders-list-holder .stakeholder-item:nth-child(3n+1){
    clear:left;
}

.stakeholder-item .stakeholder-info {
    background: #fff;
    border-radius: 4px;
    /* overflow: hidden; */
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 2;
}

.stakeholder-item .stakeholder-info:before{
    display:block;
    content:"";
    width: 100%;
    position:absolute;
    height: 20px;
    background: url(../images/stakeholder-top.png) center bottom no-repeat;
    bottom: 99.5%;
    background-size: 96% auto;
    left:0;
    z-index: -1;
}

.stakeholder-item .stakeholder-info .cont{
    position: relative;
}

.stakeholder-item .stakeholder-info .cont .shareholder-icon{
    position: absolute;
    right: 24px;
    top: -30px;
	max-width: 60px;
}
.stakeholder-item .stakeholder-info .cont .shareholder-icon img.icon {
	border-radius: 50%;
	border: 5px solid #ffffff;
}

.stakeholder-item .stakeholder-info .thumbnail-holder {
    display:block;
    width: 100%;
    height:0;
    padding-bottom: 81%;
    overflow: hidden;
    border-radius: 4px 4px 0px 0px;
}

.stakeholder-item .stakeholder-info .thumbnail-holder img{
    display:block;
    width: 100%;
    transition: all ease-in-out 0.3s;
}

.stakeholder-item .stakeholder-info .thumbnail-holder:hover img{
    transform: scale(1.1);
}

.shareholder-icon:before {
    content: "";
    display: block;
    width: 22px;
    height: 19px;
    position: absolute;
    background: url(../images/left_round.svg) center center no-repeat;
    left: -16px;
    top: 12px;
}

.shareholder-icon:after {
    content: "";
    display: block;
    width: 22px;
    height: 19px;
    position: absolute;
    background: url(../images/right_round.svg) center center no-repeat;
    right: -15px;
    top: 12px;
}

.stakeholder-item .stakeholder-info .title-wrap {
    padding: 28px 20px 10px;
}

.stakeholder-item .stakeholder-info .title-wrap h4{
    font-size: 24px;
    line-height: 28px;
    margin:0;
    font-weight: normal;
    color: #1D2129;
}

.stakeholder-item .stakeholder-info .title-wrap h4 a{
    color: #1D2129;
}

.stakeholder-item .stakeholder-info .title-wrap h4 a:hover{
    text-decoration: none;
}

.stakeholder-item .stakeholder-info .desc{
    display: block;
    padding: 0px 20px 24px;
    font-size: 14px;
    line-height: 20px;
    color: #90949C;
}

body.stakeholder-page #main{
    background:#F7F9FA;
}

@media (max-width: 768px){
    .stakeholders-list-holder .stakeholder-item {
        width: 50%;
    }

    .stakeholders-list-holder .stakeholder-item:nth-child(3n+1){
        clear: none;
    }

    .stakeholders-list-holder .stakeholder-item:nth-child(2n+1){
        clear: left;
    }
}

@media (max-width: 520px){
    .stakeholders-list-holder .stakeholder-item {
        width: 100%;
    }
}


#tqi-loadmore-pro .product-bottom-text h3{
    font-size: 23px;
    padding-top: 13px;
    text-align: left;
    padding-left: 20px;
    padding-right: 20px;
}