/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 16 2023 | 15:05:48 */
.fusion-main-menu {
    text-transform: uppercase;
}

.donate-btn a {
    font-weight: 700 !important;
    color: #165253 !important;
    font-size: 16px !important;
    background: url(//www.lao.org.pk/wp-content/uploads/2019/02/donate-line.jpg) !important;
    background-position: 0px 50px !important;
    background-repeat: no-repeat !important;
}

.overlay::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
    background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(24, 34, 61, 0.64) 100%);
}

.humenimpact-col1 {
    position: relative;
}

.humenimpact-col1 img {
    max-width: 103.3%;
}

.humenimpact-text1 {
	position: absolute;
    margin: 20px 35px 0 !important;
    z-index: 9999 !important;
    color: #fff !important;
    font-size: 18px !important;
    text-transform: uppercase !important;
    bottom: 20px;
}

.humenimpact-text1 h4{
    color: #FFF;
}

.humain-img-col2 {
    float: left !important;
    width: 306px !important;
    height: 268px !important;
}

.humenimpact-text2 {
    color: #fff !important;
    height: 268px;
    z-index: 99;
    position: relative;
    background-position: right !important;
    right: 0;
    font-size: 18px !important;
    text-transform: uppercase !important;
    max-width: 340px;
    padding: 70px 40px 0 80px;
    float: right;
    margin-top: -268px !important;
	left: 40% !important;
}

.humenimpact-text2 h4 {
    color: #FFF;
}

.bg1{
    background: url(//www.lao.org.pk/wp-content/uploads/2019/02/img-bg2.png) no-repeat;
}

.bg2{
    background: url(//www.lao.org.pk/wp-content/uploads/2019/02/img-bg3.png) no-repeat;
}

.page-id-7 #main {
    padding-top: 0;
    padding-bottom: 0;
}

#human-impact {
    background: url(//www.lao.org.pk/wp-content/uploads/2019/02/human-impact-bg.jpg);
    background-size: contain;
	background-repeat: no-repeat;
    #background-position: right;
	background-position: 1525px 0px !important;
}

#lao-stats .story-text{
    padding-right: 60px;
}

#lao-story{
    #background: url(//www.lao.org.pk/wp-content/uploads/2019/02/story-bg2.png);
    #background-size: contain;
}

#geographic-footprint {
   background: url(//www.lao.org.pk/wp-content/uploads/2019/04/graph-bg.png);
    background-size: cover !important;
    background-position: 85px 0px !important;
    background-color: #f6f6f6 !important;
	background-repeat: no-repeat;
}

#lao-stats{
    background: url(//www.lao.org.pk/wp-content/uploads/2019/02/stats-bg.png);
    background-size: cover;
    background-position: 580px 0px !important;
	background-repeat: no-repeat;
}

#latest-news {
    background: url(//www.lao.org.pk/wp-content/uploads/2019/02/news-bg.png);
    background-position: left bottom !important;
	background-repeat: no-repeat;
}

.story-text{
  	font-size: 22px;
  	line-height: 30px;
  	text-transform: uppercase;
	padding-right: 10px;
}

#get-involved{
  	font-size: 22px;
  	line-height: 30px;
  	text-transform: uppercase;
}

.stat-img {
    float: left;
}

.stat-txt {
    float: left;
    margin: 35px 0 0px 10px;
    color: #FFF !important;
    text-transform: uppercase !important;
    border-bottom: 1px solid #FFF;
    line-height: 0px !important;
}

.stat-txt h4 strong{
  	font-size: 30px;
}

.stat-txt h4{
  	color: #FFF;
  	font-size: 16px;
 	font-weight: 300;
	text-transform: none;
    margin-bottom: 20px;
}

.fusion-copyright-notice {
    line-height: normal;
}

.img-btn:hover{
	opacity: 0.9;
}

.ig-posts-carousel .item{
    background: #f6f6f6 !important;
  	border: none !important;
	position: relative;
}

.ig-posts-carousel .item .date {
    font-size: 14px;
    line-height: normal;
    color: #322c2c !important;
	margin: 20px 20px 10px 20px;
  	display: block;
}

.ig-posts-carousel .item .title, .ig-posts-carousel .item .title a {
    font-size: 20px;
    line-height: normal;
    font-weight: bold;
    color: #142424;
}

.ig-posts-carousel .item .title{
	margin: 5px 20px;
}

.learnmore-link {
    position: absolute;
    bottom: 0;
}

.learnmore-link a {
    font-size: 0px;
}

.learnmore-link a:before {
	font-size: 16px;
    content: 'Learn More';
    text-transform: uppercase;
    color: #165253;
    margin: 0 0px 0px 20px !important;
    border-bottom: 1px solid #165253;
    display: block;
    width: 140px;
    padding-bottom: 5px;
    background: url(//www.lao.org.pk/wp-content/uploads/2019/02/button-arrow.png);
    background-repeat: no-repeat;
    background-position: left 20%;
    padding-left: 27px;
}

.igpc-slick-dots li button:before {
    font-size: 17px !important;
    color: #FFF !important;
}

.igpc-slick-dots li.slick-active button:before {
    color: #FFF !important;
    opacity: 0.75 !important;
}


.igpc-slick-dots {
    bottom: -35px !important;
 }

#services-container .fusion-builder-row.fusion-row {
    max-width: 1350px !important;
    margin: 0 auto;
}

#services-container .fusion-layout-column {
    margin-bottom: 0px !important;
}

.service-img {
    width: 270px !important;
    border: 0px solid;
}

.service-text {
    width: 403px !important;
    color: #FFFF;
    font-size: 18px;
    text-transform: uppercase;
}

.service-text .fusion-text {
    padding: 60px 0px 0 40px;
    max-width: 230px;
}

.service-text h4 {
    color: #FFF !important;
    margin-bottom: 10px;
}

.service-text a{
	font-size: 16px;
    text-transform: uppercase;
    color: #FFF;
    margin: 25px 0px 0px 0px !important;
    border-bottom: 1px solid #FFF;
    display: block;
    width: 134px;
    padding-bottom: 5px;
    background: url(//www.lao.org.pk/wp-content/uploads/2019/02/button-arrow-white.png);
    background-repeat: no-repeat;
    background-position: left 20%;
    padding-left: 27px;
}

#toTop:hover, .circle-yes ul li:before, .fusion-date-and-formats .fusion-date-box, .fusion-search-form-classic .searchform .fusion-search-form-content .fusion-search-button input[type="submit"]:hover, .pagination .current, .progress-bar-content, .table-2 table thead, .tagcloud a:hover, ul.arrow li:before, ul.circle-yes li:before {
    background-color: #18223d;
}

.fusion-mobile-nav-item a, .fusion-mobile-nav-holder > ul > li.fusion-mobile-nav-item > a {
    text-transform: uppercase;
}

.new-badge {
    background: #e22128;
    font-size: 14px;
    color: #FFF;
    text-transform: uppercase;
    text-align: center;
    width: 42px;
    padding: 0px;
    float: right;
    margin: -6px 4px 0 0px;
    z-index: 99;
    position: relative;
  
  	-webkit-animation: flash linear 0.9s infinite;
	animation: flash linear 0.9s infinite;
}

@-webkit-keyframes flash {
	0% { opacity: 1; } 
	50% { opacity: .1; } 
	100% { opacity: 1; }
}
@keyframes flash {
	0% { opacity: 1; } 
	50% { opacity: .1; } 
	100% { opacity: 1; }
}

.fusion-main-menu .sub-menu li a:hover {
    color: #fff;
}

.fusion-main-menu .sub-menu .current-menu-item > a, .fusion-main-menu .sub-menu .current-menu-parent > a, .fusion-main-menu .sub-menu .current_page_item > a {
    color: #fff !important;
}

.fusion-main-menu .fusion-caret {
    display: none;
}

.sub-menu .fusion-caret {
    display: block !important;
}

.fusion-page-title-bar {
    background-position: right !important;
	text-transform: uppercase;
}

.quote-text h2 {
    font-size: 34px !important;
    margin-bottom: 5px;
	color: #165253;
}

body.home.page-template.page-template-100-width.page-template-100-width-php.page.page-id-7.logged-in.admin-bar.fusion-image-hovers.fusion-body.ltr.fusion-sticky-header.no-tablet-sticky-header.no-mobile-sticky-header.no-mobile-slidingbar.no-mobile-totop.fusion-disable-outline.layout-wide-mode.fusion-top-header.menu-text-align-center.mobile-menu-design-flyout.fusion-show-pagination-text.fusion-header-layout-v1.avada-responsive.avada-footer-fx-none.fusion-search-form-classic.fusion-avatar-square.customize-support.do-animate.fusion-no-touch {
    font-weight: 300;
}

.fusion-li-item-content p {
    font-size: 16px;
}

.fusion-checklist li.fusion-li-item {
    font-size: 18px;
}

table td {
    padding: 7px 16px;
}

.page-template-default .fusion-text a{
  	color: #165253;
    text-decoration: underline;
}

.page-template-default .fusion-text a:hover{
	color: #18223d;
}

#research-pdfs img {
    border: 2px solid #cfcfcf;
}

#research-pdfs h5 {
  	font-size: 16px;
    max-width: 230px;
    margin: -5px auto 0 auto;
}

.thumbs img {
    border: 2px solid #cfcfcf;
}

.thumbs h5 {
  	font-size: 16px;
    max-width: 230px;
    margin: -5px auto 0 auto;
}

.iphorm-element-textarea {
    width: 100%;
    padding: 10px !important;
	font-size: 16px !important;
}

.iphorm-element-text {
    padding: 0 10px !important;
    height: 40px !important;
    font-size: 16px !important;
}

.iphorm-element-captcha {
    width: 200px !important;
    height: 40px !important;
    font-size: 16px !important;
    padding: 0 10px !important;
}

.iphorm-submit-element {
    -webkit-transform: skewX(16deg);
    -ms-transform: skewX(16deg);
    transform: skewX(16deg);
    background: #322c2c !important;
}

.iphorm-submit-wrap button em {
    font-style: normal;
    padding-right: 0;
    background: transparent !important;
    color: #FFF;
    padding: 10px 40px 10px 40px;
    font-size: 20px;
    font-weight: 300 !important;
    font-family: "Open Sans";
    text-transform: uppercase;
  
	-webkit-transform: skewX(-16deg);
    -ms-transform: skewX(-16deg);
    transform: skewX(-16deg);
}

.iphorm-submit-wrap button span {
    padding-left: 0;
    background: transparent !important;
    border: solid 0px #DDD;
}

.contact-table td {
    padding: 5px 7px;
}

ul.ngg-breadcrumbs>li {
    float: none !important;
    text-align: center;
}

#fancybox-title-over {
    display: none !important;
}

#fancybox-title {
    display: none !important;
}

.ngg-albumoverview.default-view .ngg-album-compact h4 .ngg-album-desc {
    font-size: 15px !important;
    letter-spacing: 0 !important;
    font-family: "Open Sans" !important;
    font-weight: 600 !important;
    line-height: 20px !important;
}

ul.ngg-breadcrumbs>li {
    font-size: 20px !important;
    color: #444444 !important;
}

.value-box {
    padding: 20px 20px 10px 20px !important;
    border: 1px solid rgba(150,150,150,.3);
    box-shadow: 0 0 4px 2px rgba(150,150,150,.1);
}

.value-box p {
    text-align: justify !important;
}

.humenimpact-text1 a, .humenimpact-text2 a{
	font-size: 16px;
    text-transform: uppercase;
    color: #FFF;
    margin: 25px 0px 0px 0px !important;
    border-bottom: 1px solid #FFF;
    display: block;
    width: 134px;
    padding-bottom: 5px;
    background: url(//www.lao.org.pk/wp-content/uploads/2019/02/button-arrow-white.png);
    background-repeat: no-repeat;
    background-position: left 20%;
    padding-left: 27px;

}

.fusion-image-hovers .hover-type-zoomin:hover .fusion-column-inner-bg-image, .fusion-image-hovers .hover-type-zoomin:hover .fusion-masonry-element-container, .fusion-image-hovers .hover-type-zoomin:hover .tribe-events-event-image, .fusion-image-hovers .hover-type-zoomin:hover img {
    opacity: 1;
 }

.press-border img {
    border: 1px solid;
    padding: 10px 0 10px 0;
    color: #ccc;
}

.press-border {
    border-bottom: 2px solid #eee;
    margin-bottom: 32px;
    padding-bottom: 12px !important;
}

.map-border {
    border: 1px solid #ccc;
  	padding: 0 2px 0 2px;
  	#height: 380px;
}

.donate-address {
    background: #f9f9f9;
    border: 1px solid #ccc;
    padding: 20px 0 0 0;
}

.avada-single-product-gallery-wrapper {
    display: none;
}

.product .summary.entry-summary {
    display: none;
}

ul.tabs.wc-tabs {
    display: none;
}

.woocommerce-Tabs-panel {
    padding: 0px !important;
    border: none !important;
}

.woocommerce-Tabs-panel h3 {
    display: none;
}

#wrapper .product-category a h2.woocommerce-loop-category__title, .fusion-main-menu>ul>li>a .fusion-menu-description, a, a:after, a:before {
    #text-align: center;
}

.woocommerce h2.woocommerce-loop-category__title {
    font-size: 18px !important;
    text-align: center;
}
  
.woocommerce-container h3 a {
    font-size: 18px !important;
    text-align: center;
    font-style: normal;
}

.woocommerce .products>li {
    height: 300px !important;
}

section.related.products {
    display: none !important;
}

.woocommerce-tabs {
    padding-top: 0 !important;
}

.term-engagement-of-government-level ul.products {
    display: none !important;
}

.term-literacy-classes-in-women-yois-prison ul.products {
    display: none !important;
}

.woocommerce-loop-category__title mark.count {
    display: none;
}

.fusion-mobile-menu-icons a, .fusion-mobile-menu-icons a:after, .fusion-mobile-menu-icons a:before {
    color: #18223d;
}

.fusion-mobile-menu-icons a {
    font-size: 30px;
    margin-left: 0px;
    margin-top: 13px;
}

.service-text p{
	color: #FFF !important;
}

.humenimpact-text2 h4 {
    color: #FFF !important;
}

.humenimpact-text1 h4 {
    color: #FFF !important;
}

.stat-txt h4 {
    color: #FFF !important;
}

.fusion-main-menu .sub-menu li a:hover {
    background-color: #165253;
    color: #FFF !important;
}

/*DESKTOP ONLY*/
@media screen and (min-width: 1370px) {
.stats-icons{
	position: relative;
    left: 6%;
  } 

}
  
@media screen and (min-width: 800px) {
#geographic-footprint .story-text {
    padding-right: 100px;
}
  
#lao-stats{
    border-top: 2px solid #e7e8eb;
    border-bottom: 2px solid #e7e8eb;
}
  
.ig-posts-carousel .item{
  	#width: 257px !important;
	height: 380px;
}
  
.fusion-page-title-captions {
    max-width: 830px;
}
  
.value-box {
    height: 280px;
	margin-bottom: 40px !important;
}
  
.single-product .gallery-item {
    margin: 0 5px 5px 5px;
    width: 24% !important;
}
  
.woocommerce .gallery-item {
    margin: 0 5px 5px 5px;
    width: 24% !important;
}
  

  
}


/*Mobile ONLY*/
@media screen and (max-width: 768px) {
.humenimpact-text1 {
    margin: -9rem 35px 0 35px !important;
}
  
  
.overlay2::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
    background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(24, 34, 61, 0.64) 100%);
}

.humenimpact-col2 {
    position: relative !important;
}

.humenimpact-col2 img {
    max-width: 103.3% !important;
}
  
.humain-img-col2 {
    width: 100% !important;
    max-width: 580px !important;
}
  
.bg1, .bg2 {
    background: none !important;
}
  
.humenimpact-text2 {
	height: auto !important;
    right: 0 !important;
	left: 0 !important;
    max-width: 100% !important;
    padding: 0 !important;
    float: none !important;
    position: absolute !important;
    margin: 8rem 35px 0 35px !important;
    z-index: 999 !important;
  
}
  
#human-impact {
    max-width: 650px !important;
    margin: 0 auto !important;  
 }
  
#human-impact, #lao-story, #geographic-footprint, #lao-stats{
	#background: none !important;
}
  
#lao-stats{
	padding: 0px !important;
    margin-bottom: -20px;
}
  
#lao-stats .story-text{
    background: #f4f4f4;
    margin-bottom: 0px !important;
    padding: 30px 30px 10px 30px !important;
}
  
.stats-icons{
	background: #165253;
	padding: 25px 30px 34px 30px !important;
}
  
.stat-img {
    float: none !important;
    text-align: center !important;
    max-width: 100% !important;
    display: block !important;
}
  
.stat-txt {
    float: none;
    margin: 5px auto 14px auto !important;
    text-align: center !important;
    max-width: 340px !important;
}
  
#get-involved {
    padding: 0px 30px 0px 30px !important;
}
  
.fusion-body .fusion-footer-copyright-center .fusion-social-links-footer {
    margin-top: 0;
    #margin-bottom: 24px;
}
  
.ig-posts-carousel .item {
    height: 420px;
}
  
#services-container .fusion-builder-row.fusion-row {
    max-width: 410px !important;
}
  
.service-text .fusion-text {
    padding: 25px 40px 10px 40px !important;
    max-width: 100% !important;
}
  
.service-img img {
    width: 100% !important;
}
  
.fusion-page-title-bar {
    background-image: none !important;
}
  
.fusion-page-title-bar .fusion-page-title-row h1 {
    font-size: 28px !important;
}
  
  
.single-product .gallery-item {
    width: 100% !important;
}
  
.woocommerce .gallery-item {
    width: 100% !important;
}
  
.fusion-mobile-nav-item a, .fusion-mobile-nav-holder > ul > li.fusion-mobile-nav-item > a {
    font-size: 16px;
    padding: 6px 0 0 0 !important;
}
  
.slick-slide img {
    width: 100%;
}
  
.learnmore-link {
    bottom: -14px;
}
  
.humenimpact-text2 {
    margin: 4rem 35px 0 !important;
}
  
img.img-responsive.wp-image-1261 {
    max-width: 224px !important;
}
  
#lao-story {
    background: none !important;
    background-color: #f4f4f4 !important;
}

.service-img {
    width: 100% !important;
}	
	
.service-img .fusion-imageframe {
    width: 100% !important;
}

.humenimpact-text3 {
    margin: 20.7rem 35px 0 !important;
}
	
.fusion-mobile-nav-item a, .fusion-mobile-nav-holder>ul>li.fusion-mobile-nav-item>a {
    font-size: 18px !important;
    padding: 6px 0 0px 30px !important;
}	
	
}

/*CSS FOR RESPONSIVE LAYOUTS*/

@media only screen and (min-width: 1119px) and (max-width: 1345px) {
#services-container .fusion-builder-row.fusion-row {
    max-width: 1120px !important;
} 

.service-text {
    width: 290px !important;
}
 
}

@media only screen and (min-width: 945px) and (max-width: 1118px) {
#services-container .fusion-builder-row.fusion-row {
    max-width: 940px !important;
    margin: 0 auto !important;
} 

.service-text {
    width: 200px !important;
    font-size: 16px !important;
}
  
.service-text .fusion-text {
    padding: 40px 0px 0 20px !important;
    max-width: 230px !important;
}
  
}


/*___________________________________________________________________*/

/*---------------iPad & Samsung Galaxy Tablets portrait---------------*/
/*___________________________________________________________________*/

@media only screen and (min-width: 768px) and (max-width: 959px) {

  #services-container .fusion-builder-row.fusion-row {
    max-width: 680px !important;
    margin: 0 auto !important;
}
  
  
}


/*---------------iPhone & Samsung Mobiles landscape---------------*/
/*___________________________________________________________________*/
@media only screen and (min-width: 480px) and (max-width: 767px) {


}


/*---------------iPhone & Samsung Mobiles portrait---------------*/
/*___________________________________________________________________*/
@media only screen and (min-width: 320px) and (max-width: 479px) {
h1 {
    font-size: 28px !important;
}
  
#human-impact p{
    font-size: 15px !important;
}
  
.humenimpact-col2 img {
    max-width: 115% !important;
}

}