/* Theme Name: slf Theme URI: http://underscores.me/ Author: Underscores.me Author URI: http://underscores.me/ Description: Description Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: slf Tags: */ *{margin: 0;padding:0;} body{font-family: 'Open Sans', sans-serif; font-size:15px;line-height: 200%;color:#333;font-weight:400;letter-spacing:0.01em;} h2, h3, h4, h5{font-weight: bold;} .no-scroll{overflow: hidden !important; height: 100% !important;} .no-margin{margin:0 !important;} .no-border{border:none !important;} .block{display: block;} div.wpcf7-mail-sent-ok{font-weight:700 !important; font-size:17px !important;} input, select{-webkit-box-shadow: none !important;-moz-box-shadow: none !important;box-shadow: none !important; outline: none;} input[type="radio"]{margin-right:7px;} .calculator-form input[type="radio"], .calculator-form input[type="number"], .calculator-form input[type="text"],.calculator-form select{margin-left:15px;} .calculator-form select{padding:15px !important;line-height:120%} /* .calculator-form label.error{ display: inline-block;position: absolute;height: 20px;color: red;right: 0;top:50%;margin-top:-15px;vertical-align:middle;} */ .calculator-form label.error, .donate-form label.error{display: block;color:#E2544D;} .donate-form label.error{text-align: left} #form-search{padding:10px 0;} .padding-onefifty-tb{padding:125px 0;} .padding-hundred-tb{padding:100px 0;} .padding-hundred-t{padding:100px 0 0 0;} .padding-hundred-b{padding:0 0 100px 0;} .padding-onefifty-b{padding:0 0 150px 0;} .padding-hundred-onefifty-tb{padding:100px 0 150px 0;} .padding-fifty-twentyfive-tb{padding:50px 0 25px 0;} .padding-sixty-tb{padding:40px 0;} .padding-sixty-b{padding:0 0 60px 0;} .padding-thirty-tb{padding:30px 0;} .padding-ten-thirty-tb{padding:0px 0 30px 0;} .padding-sixty-hundred-tb{padding:60px 0 100px 0;} .padding-hundred-sixty-tb{padding:100px 0 60px 0;} .fifty{width:60% !important;} .thirty{width:40% !important;} .twenty-five{width:25% !important;} .one-third{width:33.33%;float:left;display:block;} .half{width:50%;float:left;display:block;} .caps{text-transform: uppercase;} .light{font-weight:normal !important;} .semi-bold{font-weight: 700;} .strong{font-weight:800;} .sixhundred{font-weight: 600;} .grey-bg{background-color:#f1f2f2;} .red-bg{background-color:#E2544D;} .lightred-bg{background-color:#F5CFCD;} .ultralightred-bg{background-color:#FAE7E5;} .orange-bg{background-color:#ffc333;} .black-bg{background-color: #333;} .home .black-bg{background-color:#1a1a1a;} .white-bg{background-color:#fff;} .page-template-template-landing .grey-bg.impact-box, .page-template-template-donate-php .grey-bg.impact-box { padding-bottom: 0 !important; min-height: 380px !important; } .white{color:white !important;} .black{color:#333;} hr.black{border-color:#9f9f9f} hr.red{border-width: 7px;border-color:#E2544D;margin:40px 0;} hr.orange{border-width: 7px;border-color:#ffb400;margin:40px 0;} .grey{color:#666;} .orange{color:#ffb400;} .light-red, .light-red a{color:#bdc3c7 !important;} .red{color:#E2544D !important} a:visited,a:active{text-decoration:none !important;} h1,h2,h3,h4,h5{font-weight:700;letter-spacing: 0.01em;margin:0;} h2{font-size:36px;} h3{font-size:30px;} h4{font-size:22px;line-height:135%;} h5{font-size:14px;line-height: 160%;} .large-text{font-size:16px;font-weight:600;line-height:180%;} .larger-text{font-size:48px;} .home-swiper .larger-text{font-size:32px;line-height: 150%;} .largest-text{font-size:100px;margin:0;} .twentyfour{font-size:24px;line-height: 250%} .xxl-text{font-size:90px;} .vertical-align{position: absolute;top:50%;} .red-shell,.red-shell:visited{color:#E2544D !important;border:3px solid #E2544D;color:#E2544D;padding:15px 50px;text-transform:uppercase;font-weight:700;letter-spacing:0.05em;text-decoration: none !important;} .red-shell:hover,.red-shell:active{text-decoration: none !important; color: #fff !important;background:#E2544D !important;} .red-shell.red-bg{color:#fff !important;} .red-shell.red-bg:hover{background:#333 !important;color:#fff;border:3px solid #333;} .red-shell-small,.red-shell-small:visited{color:#E2544D !important;border:2px solid #E2544D;padding:7px 20px;font-size:11px !important;letter-spacing:0.05em;font-weight:700;margin:0 25px;text-decoration: none !important} .red-shell-small:hover,.red-shell-small:active{text-decoration: none !important; color: #fff !important;background:#E2544D;} .white-shell, .white-shell:visited{color:#fff;border:3px solid #fff;color:#fff;padding:15px 50px;text-transform:uppercase;font-weight:700;letter-spacing:0.05em;text-decoration: none !important;} .white-shell:hover, .white-shell:active, .white-shell-small:hover{text-decoration: none !important; color: #333 !important;background:#fff !important;} .white-shell-small{color:#fff;border:1px solid #fff;color:#E2544D;padding:5px 35px;font-weight:700;background:#fff;} .black-shell, .black-shell:visited{color:#333 !important;border:3px solid #333;color:#333;padding:15px 50px;text-transform:uppercase;font-weight:700;letter-spacing:0.05em;text-decoration: none !important;cursor: pointer} .black-shell:hover, .black-shell.activated{text-decoration: none !important; color: #fff !important;background:#333;} .black-shell-small, .black-shell-small:visited{color:#333 !important;border:2px solid #333;padding:7px 20px;font-size:11px !important;letter-spacing:0.05em;font-weight:700;margin:0 25px;min-width:200px;text-decoration:none!important;line-height:150%;} .black-shell-small:hover{text-decoration: none !important; color: #fff !important;background:#333;} .orange-shell{color:#ffb400 !important;border:3px solid #ffb400;padding:15px 40px;letter-spacing: 0.05em; font-weight: 700; margin:0 25px; width:280px; font-size: 14px;} .orange-shell:hover{text-decoration: none !important; color: #fff !important; background:#ffb400} .orange-shell-small, .orange-shell-small:visited{color:#333 !important;border:2px solid #ffb400;padding:7px 20px;font-size:11px !important;letter-spacing:0.05em;font-weight:700;margin:0 15px;min-width:180px;text-decoration:none!important;line-height:150%;} .orange-shell-small:hover{text-decoration: none !important; color: #fff !important;background:#ffb400;} .ice-card-form input{width:50%;display: block;margin:0 auto;border:1px solid #fff;padding:10px 15px;background:transparent;border-radius:0;} .ice-card-form .wpcf7-not-valid{border:1px solid #fff !important;} .ice-card-form span.wpcf7-not-valid-tip{color:#fff!important;width:50%;margin:0 auto;} .ice-card-form input::-webkit-input-placeholder{color:#fff;} .white-solid, .white-solid:visited{color:#e2544d; !important;border:1px solid #fff;text-transform:uppercase;font-weight:700;letter-spacing:0.05em;text-decoration: none !important;background:#fff !important;} .form-link{width:316px;display:block;margin:0 auto;} .superwide{width:140%;margin-left:-20%} .button-big{width:280px !important; text-align: center;padding:10px;display: block;padding:30px 50px;} .fixed-width{width:260px !important;text-align: center;padding:10px;display: block;} .img-center-responsive{margin:0 auto;} .img-center{margin:auto;} .one-line{padding:42px 0 43px 0;} ul.no-bullets{list-style: none;margin:30px 0;} ul li{margin:0;padding:0px 5px;list-style-position: outside;margin-left:10px;} ul.red-dot li{list-style:none;background:url(images/ADAPT_icons-11.svg) no-repeat left 6px;background-size:22px;padding-left:32px;font-weight:600;margin:15px 0;} ul.gsl-microsite-bullets li{list-style:none;background:url(images/microsite_icons-22.svg) no-repeat left 6px;background-size:22px;padding-left:32px;font-weight:600;margin:15px 0;} ul.orange-dot li{background:url(images/microsite_icons-26.svg) no-repeat left 8px;padding-left:24px;} .home .mast-image,.page-template-template-landing-new .mast-image{background:rgba(0,0,0,0.5) url(images/mast.jpg) no-repeat;background-size: cover;position: relative;color:white;position: relative;min-height:700px;} .mast-swiper{background:rgba(0,0,0,0.5);color:white;} .home .mast-image::before,.home .mast-swiper .swiper-slide::before{background-color: rgba(0, 0, 0, 0.37);content: '';display: block;height: 100%;position: absolute;width: 100%;} .home .mast-content,.mast-swiper .mast-content{margin-top:200px;} .home .swiper-container{height:630px;} @media (min-width: 1600px) {.home .swiper-container{height:830px;}} .home .swiper-pagination{bottom:30px !important;} .home .swiper-pagination-bullet, .microsite-swiper .swiper-pagination-bullet{border:1px solid #fff !important;background:transparent !important;} .home .swiper-pagination-bullet-active, .microsite-swiper .swiper-pagination-bullet-active{background:#fff !important;} .home .mast-content h2{line-height:130% !important;} .home .mast-content p{margin:20px 0 30px 0;} .home .mast-content a{display: inline-block;} .blog .mast-image{height:70px;position: relative;color:white;} .blog .mast-content{display:none;} .landing-stat{background:url(images/SLF_landingpage_v4_stats_background-22.jpg) no-repeat top center;background-size: cover;} .page-template-template-founders .mast-content,.page-template-template-trustees .mast-content,.page-template-template-advisors .mast-content{margin-top:160px;} .page-template-template-claims .mast-content,.page-template-template-post-accident-rehabilitation .mast-content,.page-template-template-post-accident-treatment .mast-content,.page-template-template-post-accident .mast-content{margin-top:160px;} .page-template-template-donate .mast-content,.page-template-template-awards .mast-content,.page-template-template-mobility .mast-content, .page-template-template-partners .mast-content,.page-template-template-safety-tips .mast-content,.page-template-template-the-problem .mast-content,.page-template-template-our-story .mast-content, .page-template-template-rsl .mast-content, .page-template-template-gsl .mast-content, .page-template-template-pil .mast-content, .page-template-template-mpew .mast-content, .page-template-template-emergency .mast-content, .page-template-template-adapt .mast-content, .page-template-template-jeevan-rakshak .mast-content, .page-template-template-child-road-safety .mast-content{margin-top:180px;} .page-template-template-donate-online .mast-image, .page-template-template-claims-note .mast-image,.page-template-template-cheque .mast-image,.page-template-template-careers .mast-image,.page-template-template-faq .mast-image,.page-template-default .mast-image, .page-template-template-report-truck .mast-image {background:#E2544D;color:white;padding-bottom:65px;padding-top:165px;} .page-template-template-advisors .mast-image,.page-template-template-trustees .mast-image,.page-template-template-founders .mast-image{background:url(images/team.jpg) no-repeat top center;background-size: cover;height:370px;position: relative;color:white;} .page-template-template-post-accident-treatment .mast-image{background:url(images/postaccident_landing_asset-03.jpg) no-repeat top center;background-size: cover;height:370px;position: relative;color:white;} .page-template-template-post-accident-rehabilitation .mast-image{background:url(images/postaccident_landing_asset-03.jpg) no-repeat top center;background-size: cover;height:370px;position: relative;color:white;} .page-template-template-claims .mast-image{background:url(images/header_post_accident.jpg) no-repeat top center;background-size: cover;height:470px;position: relative;color:white;} .page-template-template-rsl .mast-image{background:url(images/SLF_ourwork_RSL-07.jpg) no-repeat top center;background-size: cover;height:470px;position: relative;color:white;} .page-template-template-safety-tips .mast-image{background:url(images/header_safety.jpg) no-repeat top center;background-size: cover;height:470px;position: relative;color:white;} .page-template-template-gsl .mast-image{background:url(images/SLF_ourwork_gsl-30.jpg) no-repeat top center;background-size: cover;height:470px;position: relative;color:white;} .page-template-template-jeevan-rakshak .mast-image{background:url(images/SLF_ourwork_JR_banner_image-10.jpg) no-repeat top center;background-size: cover;height:470px;position: relative;color:white;} .page-template-template-child-road-safety .mast-image{background:url(images/child-road-safety-banner.png) no-repeat top center;background-size: cover;height:470px;position: relative;color:white;} .page-template-template-pil .mast-image{background:url(images/header_legal.jpg) no-repeat top center;background-size: cover;height:470px;position: relative;color:white;} .page-template-template-mpew .mast-image{background:url(images/header_mpew.jpg) no-repeat top center;background-size: cover;height:470px;position: relative;color:white;} .page-template-template-adapt .mast-image{background:url(images/adapt_cover_final.jpg) no-repeat top center;background-size: cover;height:470px;position: relative;color:white;} .page-template-template-donate .mast-image{background:url(images/header_donate.jpg) no-repeat top center;background-size: cover;height:470px;position: relative;color:white;} .page-template-template-the-problem .mast-image{background:url(images/header_problem.jpg) no-repeat top center;background-size: cover;height:470px;position: relative;color:white;} .page-template-template-our-story .mast-image{background:url(images/header_ourstory.jpg) no-repeat top center;background-size: cover;height:470px;position: relative;color:white;} .page-template-template-partners .mast-image{background:url(images/header_partners.jpg) no-repeat top center;background-size: cover;height:470px;position: relative;color:white;} .page-template-template-emergency .mast-image{background:url(images/header_emergency.jpg) no-repeat top center;background-size: cover;height:470px;position: relative;color:white;} .page-template-template-awards .mast-image{background:url(images/header_awards.jpg) no-repeat top center;background-size: cover;height:470px;position: relative;color:white;} .page-template-template-mobility .mast-image{background:url(images/header_mobility.jpg) no-repeat top center;background-size: cover;height:470px;position: relative;color:white;} .page-template-template-gsl-microsite .mast-image{display: none !important} .mast-image::before{background-color: rgba(0, 0, 0, 0.5);content: '';display: block;height: 100%;position: absolute;width: 100%;} .page-template-template-donate-online .mast-image::before,.page-template-template-claims-note .mast-image::before,.page-template-template-cheque .mast-image::before,.page-template-template-careers .mast-image::before,.page-template-template-faq .mast-image::before,.page-template-default .mast-image::before, .page-template-template-report-truck .mast-image::before{display: none;} .page-template-default .content h2{margin: 30px 0 5px 0} .gsl-header{background:url(images/microsite-cover.jpg) no-repeat center top; background-size:cover;min-height: 600px} .microsite-title, .microsite-title p{font-size:36px !important;line-height: 130%!important} .microsite-title p{font-weight: 700!important} .microsite-subheading{font-size:24px;margin:20px 0;line-height:160%;font-weight: 700} .gsl-byline{line-height:180%;font-weight:700;font-size:18px;} .gsl-microsite-bullets{font-weight:600;} .gsl-microsite-bullets li{margin:10px 0;} .header{background:#f8f9f9;position: absolute;top:0;width:100%;height:70px;padding:10px;z-index: 5;font-size:13px;} .logo{margin-left:5px;padding-top:5px;} .logo-hover:hover img{opacity:0.5;} .main-navigation{margin:12px 0 10px 20px;} .main-navigation li{list-style: none;padding:0 0 25px 0;margin:0 10px;display: inline-block;} .main-navigation li a{color:#333;font-weight: bold;display: inline-block;} .main-navigation a:hover, .main-navigation li.current-menu-item a, #menu-header ul li:hover a, .main-navigation li.current-menu-parent a{text-decoration: none;border-bottom:4px solid #E2544D;color:#E2544D;} .mobile-navigation li.current-menu-parent a{text-decoration: none;color:#E2544D;} .main-navigation li.current-menu-parent .sub-menu a, .mobile-navigation li.current-menu-parent .sub-menu a{text-decoration: none;border-bottom:none;color:#333;} .main-navigation li.current-menu-parent .sub-menu li.current-menu-item a, .mobile-navigation li.current-menu-parent .sub-menu li.current-menu-item a{text-decoration: none;color:#E2544D !important;} .menu-item-has-children{position: relative;cursor: pointer;} .main-navigation li:hover .sub-menu{display: block;} .main-navigation .sub-menu{width:300px;display:none;top:40px;position: absolute;background:#f8f9f9;padding:10px 10px 5px 1px;left:-20px;z-index:6;} #menu-header ul li:hover a{border-bottom:none !important;} .main-navigation .sub-menu li{display: block;padding:0;} .main-navigation .sub-menu li.current-menu-item a{border-bottom:none;} .main-navigation .sub-menu li a{padding:0px 5px 10px 5px;display: block} .main-navigation .sub-menu li a:hover{border-bottom:none !important;} .light-red a{border-bottom:none !important;font-size:18px;text-transform:capitalize !important;} .light-red a:hover{cursor: none;border-bottom:none;} .page-template-default a:hover{color:#E2544D;} .donate-button{padding:5px 50px;margin-top:4px;margin-right:4px;} .secondary-menu{text-transform: uppercase;background:#E66D68;display: block;color:white;} .secondary-menu a{color:white;text-decoration: none;padding:20px 0;display: inline-block;font-size:14px;line-height: 160%;font-weight:600;letter-spacing:0.05em;} .secondary-menu a:hover, .secondary-menu a.active{text-decoration: none;background:#333;} .mobile-menu-button{position: absolute;top:20px;right:20px;} .mobile-menu{background:#fff;width:100%;position: fixed; overflow-y:scroll; top:0px;left:0;z-index:7;height:100%;padding:5px 0;} .mobile-menu a{font-weight:700; display: block;color:#333;font-size:15px;text-transform: uppercase;} .mobile-menu li{list-style: none;padding:10px 0;margin:0;} .mobile-menu ul{padding:0;} .mobile-menu .sub-menu{display: none;background:#f1f2f2;padding:10px 0;margin:10px 0;} .mobile-menu p.no-bold a{font-weight:400;} .mobile-menu a.red-shell{width:90%;margin:auto;} .mobile-menu a.other-search{width:90%;margin:auto; display: block;} .mobile-menu a.other-search form {display: block;} .home-factors img{margin-top:10px !important;} .work-we-do p{margin:15px 0;} .logos{padding:40px 0 0 0;} .logos img{margin:20px 0 0 0;} .content{} .content h3{margin:20px 0 30px 0;} .page-template-template-gsl-microsite .content h3{margin:0 0 30px 0;} .content p{margin:10px 0;} .content a{color:#E2544D; text-decoration: none;} .content a:hover{text-decoration: underline} .content ul li, .content ol li{margin-left:25px;} .post{margin:10px 0; padding:10px 0 20px 0; border-bottom:1px solid #eee;} .post:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0;} .post a{color:#333;text-decoration: none;} .post a:hover{text-decoration: none;} .post h3{margin:10px 0;color:#333} .post-meta{margin: 10px 0;} .post .social-icons i{margin:0 5px;} .wp-pagenavi{margin: 50px 0 100px 0 !important; text-align: center;} .wp-pagenavi a, .wp-pagenavi span{border:none;} .short-profile{margin:20px auto;} .short-profile img{max-width:65%;margin:0 auto;} .name{margin:20px 0 0 0 !important;font-size: 18px; font-weight: bold} .title{font-size:14px;font-weight: bold;} .short-profile p{padding:0 20px;margin:5px 0;} .smaller-text{font-size:13px;margin:5px 0 !important;line-height:160%;} .smallest-text{font-size:11px;margin:5px 0 !important;} .profile{margin:20px 0 80px 0;} .learn{margin-bottom:30px;letter-spacing: 0.05em;} .learn-more a{padding:7px 30px; margin:20px 40px; display: inline-block;} .pagination{font-size:28px;margin:40px 0 0 0;} .featured{margin-bottom:30px;} .home .featured{margin-bottom:0px;} .featured-text{padding:45px 0 70px 0} .featured-image{position: relative;} .featured-image img{width:100%;height:auto;} .featured-content{position: absolute;bottom:0;padding:15px 20px;width:100%;z-index:1;height:80px;font-weight:600;font-size:12px;line-height:160%;} .featured-rollover{width:100%;height:100%;top:0;left:0;position: absolute;z-index:3;padding:20px;} .swiper-button-prev,.swiper-button-next{background:none;width:30px;height:30px;display: block;} .swiper-button-prev i,.swiper-button-next i{margin:8px 0;} .swiper-pagination-bullet{opacity: 1 !important;border:1px solid #333 !important;background:#fff !important;} .swiper-pagination-bullet-active{background:#333 !important;} .swiper-slide{height:auto;padding:40px 0 80px 0;} .home .swiper-slide{padding:0px 0 120px 0;min-height: 700px} .home-swiper .swiper-slide{padding:10px 0;} .swiper-slide p{margin:10px 0;font-size:16px;line-height:170%;font-weight:600;} .swiper-slide p.title{margin-bottom:30px;} .swiper-container{padding:0 0 40px 0 !important} .microsite-swiper .swiper-container{padding:0px !important;} .home .swiper-container{padding:0 !important;} .swiper-pagination{bottom:0px !important;} .microsite-swiper .swiper-pagination{bottom:30px !important;} .red-bg .swiper-pagination-bullet{background:#fff !important;border:1px solid #fff;} .swiper-pagination-bullet-active{background:#666;} .landing-page-grid p{padding-left:25px;padding-right:25px;} .page-template-template-mpew .show-hide{margin:40px 0;cursor: pointer;} /*.show-hide:last-child{border-bottom:none;}*/ .page-template-template-mpew .show-hide:last-child{margin-bottom:0px !important;} .show-this{display: none;padding-bottom:10px;} .show-this p{margin:10px 0;} .safety-tip{padding:30px 15px;} .page-template-template-the-problem .safety-tip{padding:0;} .safety-tip h4{font-weight: 700;margin:5px 0 10px 0;line-height: 180%} .safety-tip p{margin:10px 0;font-weight:13px;} .place{font-size: 14px; font-weight: normal; margin:5px 0;display: block;} .emergency{font-size:15px;font-weight:600;} .emergency ol{margin:30px 0 0 0;} .emergency li{margin:10px 0 30px 0;} .donate-form{margin:20px 0;cursor:auto;} .harassment-form{margin:0;} .donate-form p{margin:15px 0;display: block;} .donate-form label{font-weight: normal} .donate-form input[type="text"],.donate-form input[type="email"],.donate-form input[type="number"],.donate-form textarea,.donate-form input[type="date"]{padding:10px 12px; border:1px solid #ddd;width:96%;font-family:"Open Sans";background:white;} .donate-form input:not([type="submit"]):not([type="button"]):focus, .wpcf7-textarea:focus{border:1px solid #333;outline:none; color:#333;} .wpcf7-text.wpcf7-not-valid{border:1px solid #E2544D;} .wpcf7-textarea{width:100% !important;} span.wpcf7-not-valid-tip{text-align: left !important;font-size:12px !important;} .checkbox-terms span.wpcf7-not-valid-tip{clear: both; margin-left:20px;} .donate-form textarea{padding:6px 10px;} #gsl-story{width:96% !important;} .checkbox-terms{font-size:12px;} .checkbox-terms input{float:left;width:4%;display: block} .checkbox-terms .wpcf7-list-item-label{width:90%;display: block;float:left;line-height: 170%;} .share-story-form textarea{width:96% !important;height:180px;} .donate-form select{background:#fff url(images/formarrow-05.png) no-repeat 95% center;padding:10px 15px;border:1px solid #ddd;font-size:13px;background-size:24px auto;appearance:none;-webkit-appearance:none;-moz-appearance:none;border-radius:0px;box-shadow:none !important;min-width:60px;} .donate-form select:focus{border:1px solid #E2544D;outline-none;} select.full-width{width:96% !important;padding-top:10px;padding-bottom:10px;} span.wpcf7-list-item{margin-left:0px !important;} .donate-form .border-file{border:1px solid #ddd;padding:15px 5px;line-height:100%;font-size:12px;display: inline-block;width:76%;} .emergency-form select{width:300px;margin:auto;border:2px solid #333;font-weight:bold;padding:15px 20px;line-height:120%;} .emergency-form select:focus{border:2px solid #333;} .safety-form select{width:400px;} .captcha{display: block;margin:15px 0;} div.wpcf7-validation-errors,div.wpcf7-spam-blocked{border:none;font-size:18px;font-weight:700;} .donate-form .amount-button{margin:0 auto;padding:7px 0; font-size:13px; cursor:pointer;display:inline-block;width:32%;} .donate-form .amount-button.red-bg:hover{color:white !important;} .numbers-points{margin:30px 0;font-weight:600;} .numbers-points .col-sm-2 img{margin-top:-15px;} .problem-border{border-bottom:1px solid #ddd; padding-bottom:40px;margin-bottom:20px;} .border-bottom{border-bottom:1px solid #ddd;margin-bottom:10px;} .show-hide{margin: 30px 0;padding-bottom:20px; border-bottom:1px solid #ccc;cursor: pointer;} .page-template-template-rsl .show-hide{padding-bottom:0;border-bottom:none;} .show-hide-arrow{background:url(images/arrow-19.png) no-repeat center right;background-size:25px;padding-right:40px;} .up-arrow{background:url(images/arrow-20.png) no-repeat center right !important;background-size:25px !important;} .show-hide-arrow-red{background:url(images/arrow-17.png) no-repeat center right;background-size:25px;padding-right:40px;} .up-arrow-red{background:url(images/arrow-18.png) no-repeat center right !important;background-size:25px !important;} .gallery img{max-height:500px;} .red-bullet{margin:30px 0;} .red-bullet li{list-style: none;margin-left:0;padding-left:0;} .red-bullet li:before {content: "• ";color:#E2544D;font-size:32px;} .donate-list li{margin-bottom:15px;} .awards-list{font-weight:600;line-height:200%} .awards-list img{margin-bottom:10px;} .awards-list p{margin:15px 0;} .awards-list a{color:#333;text-decoration: none;display: inline-block;} .awards-list a:hover{text-decoration: none} .impact-box{padding:30px 20px;margin:0 0 30px 0;line-height: 160%} .impact-box p{margin:10px 0;font-size:13px;line-height:200%;} .impact-box h4{font-size:18px;} .post h2{font-size:18px;} .quote{font-size: 18px;line-height: 170%;font-weight: 700;} .footer{padding:40px 0 100px 0; font-size:13px;} .footer a{text-decoration: none;color:#333;display:block;margin:0 0 10px 0;} .footer a:hover{color:#E2544D;} .social-icons a{display:inline-block;} .social-icons i{margin:0 10px;color:#E2544D;} .blog .secondary-menu{} .blog .secondary-menu .white-shell-small {margin:10px 0;} .info-search-area{position: relative;} .dropdown-activator{padding:7px 30px;display: block;cursor: pointer;font-weight: 600;background:url(images/arrow-19.png) no-repeat 90% center;background-size:18px auto;border:2px solid #333;text-align:left;font-size:14px;} .dropdown-activator:hover{border-color:#E2544D;} .activated.dropdown-activator{background:url(images/arrow-20.png) no-repeat 90% center;background-size:18px auto;} .activated, .activated:hover{border-color:#333 !important;} /*.activated{background:#E2544D url(images/SLF_Information_centre_ARROWS-26.png) no-repeat 90% center !important;background-size:24px auto !important;}*/ .search-dropdown{position: absolute;top:-2px;left:0px;z-index: 10;padding:0px 0px 20px 0;text-align: left;display: block;background:#fff;width:100%;border:2px solid #333;border-top:none;} .search-dropdown a{color:#8C8C8C;display: block;margin:0px 0;padding:3px 30px;cursor: pointer;font-size:14px;} .blog .secondary-menu a{width:100%;line-height: 100%} .search-dropdown a:hover, .search-dropdown a.active{color:#333;text-decoration: none;} .square:hover:before{border:1px solid #333;} .square:before{content:"";width:15px;height:15px;border:1px solid #ddd;margin-right: 10px;display: inline-block;float:left;margin-top:7px;} .square-filled:before{content:"";width:15px;height:15px;border:1px solid #333;margin-right: 10px;display: inline-block;background:#333;float:left;margin-top:7px;} .search-dropdown a span{float:left;width:75%;} .typeahead-area{background-color:#fff;border:2px solid #333;} .keyword-box{border:2px solid #333;height:48px;} .single-line{border-width:0 0 1px 0; border-color:#aaaaaa;width:90%;padding:0px 3px;margin:5px 0 0 0;background:transparent;-webkit-box-shadow: none !important;-moz-box-shadow: none !important;box-shadow: none !important; outline: none;font-size:14px;} .single-line:focus{color:#333;} .single-line::-webkit-input-placeholder{color:#aaaaaa;font-size:14px;} .search-box{padding:7px 20px;background:#fff;display: block;border:1px solid #ddd;width:93%;height:48px;} .search-glass{display: block;width:7%;padding:7px;background:#333;border:1px solid #333;color:#fff;height:48px;} .search-glass:hover{background: #e2544d;border: 1px solid #e2544d} .other-search:hover { text-decoration: none; } .other-search form { padding: 5px 0 0 !important; margin-bottom: 5px; margin-right: -15px;} .other-search .search-box , .other-search .search-glass{ display: inline-block; height: 40px; background: none; border: none; } .other-search .search-box { width: 70%; margin-top: 0; top: 0; padding: 0 20px 2px 5px; color: #000; border-bottom: 1px #ccc solid; border-radius: 0; } .other-search .search-box:focus, .other-search .search-box:active { border-bottom: 1px #000 solid; background: none;} .other-search:-placeholder { color: #ccc; } .other-search .search-glass { width: 0; padding: 4px; margin-left: -20px; color: #ccc; padding-top: 2px; } .other-search .search-glass:focus, .other-search .search-glass:hover, .other-search .search-glass:visited {outline: none;} .other-search .search-glass:hover , .other-search .search-glass:focus { color: #e2544d;} .refresh-list{background:#333;padding:9px 0;border:none;font-weight:600;color:#fff;width:100%;border-radius: 0;} .refresh-list:hover{background:#e2544d;color:#fff;} .ui-autocomplete{width:254px;background:#fff;left:50% !important;max-height: 300px !important;overflow: hidden !important;padding:10px 0;z-index: 3;border:2px solid #333;border-top:none;margin-left:15px;} .ui-autocomplete li{list-style: none;padding:3px 10px 3px 20px;color:#8C8C8C;cursor: pointer; } .ui-autocomplete .ui-state-active{color:#333;} .ui-helper-hidden-accessible{display: none;} .calculator-form p, .calculator-form div.clearfix{margin:5px 0;padding:10px 0 15px 0;border-bottom:1px solid #eee;position: relative} .calculator-form p:last-child{border-bottom:none;} .calculator-form input{width:auto !important;} .calculator input[type="submit"],.calculator input[type="button"]{background:white;} .net-income-margin{margin-left:175px;font-size:9px;} .gross-income-margin{margin-left:195px;font-size:9px;} .claims-steps{padding:40px 0 0 0;} .claims-steps ol, .claims-steps ul{margin-left:25px;} .claims-steps ol ol{margin-left:50px;} .claims-steps ul ul{margin-left:50px;} .journey-story .post p{margin:10px 0;} /*.mast-swiper{position: absolute;top:70px;left:0;width:100%;}*/ .mast-swiper .swiper-button-prev, .mast-swiper .swiper-button-next{display:none;} .filters-enabled span span{background:#f1f2f2;text-transform:uppercase;padding:3px;font-size:11px;margin:0 3px;} .spacer{height:2px;} .img-larger{width:110% !important; max-width: 110% !important} .svg-larger{width:25%;} .svg-large{width:15%;} .svg-standard{width:10%;} .svg-smaller{width:5%;} .full-width-svg{width:100%;} /* 10year Banner */ .swiper-slide.tenyearban {background:url(images/cover%20adaptations-05.jpg);background-size: cover;background-position: center;} .swiper-slide.tenyearban a {display: block; height: 100%} .swiper-slide.tenyearban .container-fluid {height: 100%} .swiper-slide.tenyearban::before {display: none !important;} @media (min-width: 1200px) { .swiper-slide.tenyearban {background-position-y: -50px} } @media (min-width: 992px) and (max-width: 1199px) { .swiper-slide.tenyearban {background-image:url(images/cover%20adaptations-02.jpg); background-position-y: -50px} .swiper-slide.tenyearban a {height: 109%} } @media (min-width: 768px) and (max-width: 991px) { .swiper-slide.tenyearban {background: url(images/cover-adaptations-sm.jpg) center; background-size: cover} .swiper-slide.tenyearban a {height: 120%} } @media (max-width: 767px) { .swiper-slide.tenyearban {background-image:url(images/cover%20adaptations-04.jpg);} .swiper-slide.tenyearban a {height: 105vh} } /* Header Social Icons */ @media(max-width: 1344px) { .headsocial {display: none} } .headsocial {margin-right: 20px} .headsocial a {margin: 0 4.5px; } .headsocial a img {margin-top: 16px; display: inline-block; height: 21px;} .headsocial.facebook a img {margin-top: 14px; height: 18px;} .headsocial.twitter a img {height: 19px;} .social-icons .facebook img {height: 27px} .social-icons img {height: 30px} .social-icons a {margin: 0 4.5px;} .footer a img {margin: 0 5px;} /* Twitter feed on Landing page */ #tweeter {padding: 0; width: 100%;} #tweeter iframe {margin-bottom: -5px !important;display: block; width: 100% !important;border: #EEE 1px solid !important;} #tweeter a {color: #000 !important;text-decoration: none !important;} #tweeter p {padding: 10px;margin-bottom: 0; font-weight: 600; text-align: center; background-color: #E2544D; color: #fff} #tweeter p i {float: left; color: #FFF; font-size: 2em; margin-right: 10px;} #tweeter a img {height: 30px;filter: invert();margin-right: 5px;} @media (min-width: 1024px) and (max-width: 1200px) { #tweeter iframe {height: 497px !important;} } @media (min-width: 992px) and (max-width: 1024px) { #tweeter iframe {height: 515px !important;} } @media (min-width: 768px) and (max-width: 991px) { #tweeter iframe {height: 370px !important;} } @media (max-width: 767px) { .tweetcol {padding-left: 30px;padding-right: 30px;} #tweeter iframe {height: 400px !important;} } /*Donor Scam Popup*/ .scammer { color:#fff;margin-bottom:0px;border-color:#E2544D;background-color:#E2544D;font-size:13px;line-height: 22px;border-radius:0px; font-family: Open Sans, sans-serif; position: absolute; top: 71px; width: 100%; z-index: 4; padding: 10px 35px 10px 20px; } .scammer .close {top: 0; right: -15px} .scammer button {color: #fff !important; opacity: 1 !important;} .scammer p a, #popupDon .modal-content a {color: inherit !important; cursor: pointer; text-decoration: underline} #popupDon .modal-content {background: #E2544D; color: #FFF !important; padding: 50px;} body.modal-open {padding-right: initial !important; overflow: auto} @media (min-width: 1200px) { #popupDon .modal-dialog {width: 850px; margin: 80px auto} } @media (min-width: 992px) and (max-width: 1130px) { .scammer .close { top: -20px;} } @media (min-width: 768px) and (max-width: 991px) { #popupDon .modal-dialog {width: 81%} .scammer {padding: 10px 50px 10px 20px; } .scammer .close { top: -20px; right: -35px; } } @media (max-width: 767px) { .scammer {padding: 10px 20px; font-size: 13px; line-height: 22px} .scammer .close, #popupDon .close {top: -10px;right: 0;position: absolute;z-index: 3;background: #000;padding: 5px;height: 30px;width: 30px;border-radius: 50%;} #popupDon .close {right: -10px} #popupDon .modal-dialog {margin: 20px auto; width: 90%;} #popupDon .modal-content {padding: 30px} } #popupDon button {position: absolute; top: 30px; right: 30px; opacity: 1 !important; color: #FFF; text-shadow: none; outline: none !important} /* Extra Small Devices, Phones */ @media only screen and (max-width : 480px) { h2{font-size:26px;} h3{font-size:26px;line-height:160%;} h4{font-size:18px;} .smallest-text{font-size:11px;margin:-10px 0 0 0 !important;} .mast-image{background:#E2544D !important;height:200px !important;} .home .mast-image{height:100% !important;} .page-template-template-awards .mast-content,.page-template-template-mobility .mast-content,.page-template-template-careers .mast-content, .page-template-template-partners .mast-content, .page-template-template-safety-tips .mast-content, .page-template-template-the-problem .mast-content, .page-template-template-our-story .mast-content, .page-template-template-rsl .mast-content, .page-template-template-gsl .mast-content, .page-template-template-pil .mast-content, .page-template-template-mpew .mast-content, .page-template-template-emergency .mast-content, .page-template-template-adapt .mast-content, .page-template-template-jeevan-rakshak .mast-content{margin-top:120px;} .home .mast-image{background:rgba(0,0,0,0.4) url(images/mast.jpg) no-repeat !important;background-size: cover !important;position: relative;color:white;position: relative} .home .mast-content{margin-top:140px;padding-bottom:100px;} .mast-image::before{display:none !important;} .home .mast-image::before{background-color: rgba(0, 0, 0, 0.37) !important;content: '';display: block !important;height: 100%;position: absolute;width: 100%;} .blog .mast-image{height:70px !important;position: relative;color:white;} .blog .mast-content{display:none!important;} .net-income-margin, .gross-income-margin{margin-left:0;} .donate-form input[type="text"],.donate-form input[type="email"],.donate-form input[type="number"],.donate-form textarea,.donate-form input[type="date"],select.full-width{width:94% !important;} .donate-form input[type="date"]{width:98% !important;} select.full-width{line-height:100%;padding-top:15px;padding-bottom:15px;} .refresh-margin{margin-top:125px;} .largest-text{font-size:50px;} .red-shell, .black-shell, .orange-shell{font-size:14px;padding:7px auto;margin:10px auto;display: block;width:100%;border-radius:0;} .orange-shell{margin:20px 0;} .black-shell-small, .orange-shell-small{margin:10px auto;display: block;} .pull-right, .pull-left{float:none !important;} .one-third{width:100%;} .twenty-five{width:100% !important;} .half{width:100% !important;} .post .text-right{text-align: left;} .search-box{width:90%;} .search-glass{width:10%;} .search-box.pull-left,.search-glass.pull-left{float:left !important;} .donate-form .amount-button{padding:5px 10px;margin:10px; display: block;} .thirty{width:100% !important;margin:15px 0 0 0;} .thirty.text-right{text-align: left;} .mobile-menu a:focus,.mobile-menu a:hover{text-decoration: none} .mobile-menu .sub-menu .red{color:#333 !important;} .mobile-menu .sub-menu li.light-red .red{color:#bdc3c7 !important;} input[type="radio"]{margin-right:3px;} .calculator-form input[type="radio"], .calculator-form input[type="number"], .calculator-form input[type="text"],.calculator-form select{margin-left:0px;} .calculator-form input[type="text"],.calculator-form input[type="number"],.calculator-form select, .calculator-form input[type="submit"]{width:100% !important;} .calculator-form select{padding:15px !important;line-height:120%} .swiper-button-prev,.swiper-button-next{display:none;} .padding-hundred-tb{padding:50px 0;} .padding-hundred-tb:last-child{padding:0;} /*.dropdown-activator, .refresh-list{padding:25px 0;}*/ .padding-ten-thirty-tb{padding:60px 0 30px 0;} .microsite-subheading{font-size:20px;} .safety-form select{width:300px;} .svg-larger{width:40%;} .text-xs-left { text-align: left; } .text-xs-right { text-align: right; } .text-xs-center { text-align: center; } .text-xs-justify { text-align: justify; } } @media only screen and (max-width : 1200px){ .ui-autocomplete{width:204px;} .orange-shell{padding:7px auto;letter-spacing: 0.05em; font-weight: 700; margin:10px auto; width:50%;display: block;} .black-shell-small, .orange-shell-small{margin:20px auto !important;display: block;text-align: center;width:50%;} .medium-screen{width:80%;margin:auto;} .spacer{height:6px;} .largest-text{font-size:70px;} .header li a { font-size: 12px !important; } } @media only screen and (max-width : 992px) { .ui-autocomplete{width:690px;margin:0 auto;left:0% !important;height:100px;} .refresh-margin{margin-top:110px;} .spacer{height:12px;} } @media only screen and (max-width : 768px) { .superwide{width:120%;margin-left:-10%} .twentyfour{font-size:18px;} .svg-standard{width:40%;} .svg-larger{width:40%;} .svg-smaller{width:20%;} .full-width-svg{width:40%;} .ice-card-form input,.ice-card-form span.wpcf7-not-valid-tip{width:80%;} .impact-box{margin:20px auto;} .featured-text{padding:0px 0 20px 0} .mast-image{background:#E2544D !important;height:200px !important;} .page-template-template-child-road-safety .mast-image{height:250px !important;} .page-template-template-emergency .mast-image,.page-template-template-gsl .mast-image, .page-template-template-mpew .mast-image, .page-template-template-post-accident-rehabilitation .mast-image, .page-template-template-post-accident-treatment .mast-image, .page-template-template-claims .mast-image{height:200px !important;} .page-template-template-claims-note .mast-image{padding-bottom:100px;padding-top:125px;} .page-template-template-claims .mast-image{padding-bottom:150px;padding-top:0px;height:220px !important;} .home .mast-image{height:100% !important;} .home .swiper-container{height:690px;} .page-template-template-report-truck .mast-image{padding-top:125px;} .page-template-template-awards .mast-content,.page-template-template-mobility .mast-content,.page-template-template-careers .mast-content, .page-template-template-partners .mast-content, .page-template-template-safety-tips .mast-content, .page-template-template-the-problem .mast-content, .page-template-template-our-story .mast-content, .page-template-template-rsl .mast-content, .page-template-template-gsl .mast-content, .page-template-template-pil .mast-content, .page-template-template-mpew .mast-content, .page-template-template-emergency .mast-content, .page-template-template-adapt .mast-content, .page-template-template-jeevan-rakshak .mast-content,.page-template-template-claims .mast-content, .page-template-template-post-accident-treatment .mast-content, .page-template-template-post-accident-rehabilitation .mast-content{margin-top:120px;} .page-template-template-jeevan-rakshak .mast-content, .page-template-template-child-road-safety .mast-content{margin-top:110px;} .page-template-template-careers .mast-image{padding-top:5px;} .home .mast-image{background:rgba(0,0,0,0.2) url(images/mast.jpg) no-repeat !important;background-size: cover !important;position: relative;color:white;position: relative} .home .mast-content{margin-top:180px;padding-bottom:100px;} .mast-image::before{display:none !important;} .home .mast-image::before{background-color: rgba(0, 0, 0, 0.37) !important;content: '';display: block !important;height: 100%;position: absolute;width: 100%;} .featured-image img{width:100%;height:auto;} .blog .mast-image{height:70px !important;position: relative;color:white;} .blog .mast-content{display:none!important;} .net-income-margin, .gross-income-margin{margin-left:0 !important;} .refresh-margin{margin-top:125px;} .largest-text{font-size:40px;} .spacer{height:8px;} .img-larger{max-width:100% !important} .emergency{padding:30px;} .page-template-template-rsl .show-hide{margin:0;} .border-bottom{margin-bottom:20px;} .donate-form input[type="date"]{width:98% !important;margin-left:12px;} .content ul li{margin-left:5px;} .red-shell, .black-shell, .orange-shell{font-size:14px;padding:7px auto;margin:10px auto;display: block;width:100%;border-radius:0;} .header .red-shell{width: auto; margin:5px 0;} .orange-shell{margin:20px 0;} .black-shell-small,.orange-shell-small{margin:10px auto;display: block;text-align: center;border-radius: 0} .orange-shell{padding:7px auto;letter-spacing: 0.05em; font-weight: 700; margin:10px auto; width:100%;} .pull-right, .pull-left{float:none !important;} .header .pull-right{float:right !important;} .one-third{width:100%;} .twenty-five{width:100% !important;} .half{width:100% !important;} .fifty{width:100% !important;} .page-template-template-report-truck .wpcf7-select{padding-top:20px !important;padding-bottom:20px !important;line-height:100%;width:98%;margin-left:3px;} .ui-autocomplete{left:0;width:696px;} .ui-autocomplete{left:0 !important;width:90% !important;margin:0 auto !important;} .no-bootstrap-margins .col-md-3, .no-bootstrap-margins .col-sm-12{padding-left:0 !important; padding-right: 0 !important;margin:0 auto !important;width:90% !important;} .no-bootstrap-margins .container {margin:0 !important;padding:0 !important;} .post .text-right{text-align: left;} .search-box{width:80%;} .search-glass{width:20%;} .search-box.pull-left,.search-glass.pull-left{float:left !important;} .donate-form .amount-button{padding:5px 10px;margin:10px; display: block;} .thirty{width:100% !important;margin:15px 0 0 0;} .thirty.text-right{text-align: left;margin-left:8px;} .mobile-menu a:focus,.mobile-menu a:hover{text-decoration: none} .mobile-menu .sub-menu .red{color:#333 !important;} .mobile-menu .sub-menu li.light-red .red{color:#bdc3c7 !important;} input[type="radio"]{margin-right:3px;} .calculator-form input[type="radio"], .calculator-form input[type="number"], .calculator-form input[type="text"],.calculator-form select{margin-left:0px;} .calculator-form input[type="text"],.calculator-form input[type="number"],.calculator-form select, .calculator-form input[type="submit"]{width:100% !important;} .calculator-form select{padding:15px !important;line-height:120%} .swiper-button-prev,.swiper-button-next{display:none;} .padding-hundred-t{padding:50px 0 0 0;} .padding-hundred-tb{padding:70px 0;} .padding-hundred-tb:last-child{padding:0;} .padding-ten-thirty-tb{padding:60px 0 30px 0;} .padding-onefifty-tb{padding:70px 0;} .padding-sixty-tb{padding:40px 0;} .padding-fifty-twentyfive-tb{padding:40px 0 20px 0;} .microsite-subheading{font-size:20px;} .safety-form select{width:300px;} .orange-shell:hover{background:transparent;color:#ffb400 !important} .page-template-template-donate .mast-content, .page-template-template-founders .mast-content, .page-template-template-trustees .mast-content, .page-template-template-advisors .mast-content{margin-top:120px;} .microsite-title{font-size:34px !important;} .microsite-title p{font-size:34px !important;} .awards-list p{margin:25px 0;} .gsl-byline{line-height:180%;font-weight:700;font-size:16px;} .svg-large{width:50%;} } @media screen and ( max-height: 500px ){ .arrow{display: none;} } @media (min-width: @screen-sm-min) { .text-sm-left { text-align: left; } .text-sm-right { text-align: right; } .text-sm-center { text-align: center; } .text-sm-justify { text-align: justify; } } @media (min-width: @screen-md-min) { .mobile-menu a:focus,.mobile-menu a:hover{text-decoration: none} .mobile-menu .sub-menu .red{color:#333 !important;} .mobile-menu .sub-menu li.light-red .red{color:#bdc3c7 !important;} .text-md-left { text-align: left; } .text-md-right { text-align: right; } .text-md-center { text-align: center; } .text-md-justify { text-align: justify; } } @media (min-width: @screen-lg-min) { .text-lg-left { text-align: left; } .text-lg-right { text-align: right; } .text-lg-center { text-align: center; } .text-lg-justify { text-align: justify; } } @media (max-width: 1248px) and (min-width: 991px) { .header .hidden-sm { display: none!important; } .header .visible-sm { display: block!important; } } @media (min-width: 1248px) { .mobile-menu { display: none; } .other-search { float: right; } } @media (min-width: 768px) and (max-width: 1248px) { .other-search .search-box { width: 45%; } .mobile-menu a.red-shell { width: 40%; margin: auto; } } @media (max-width: 767px) { .wp-pagenavi span { display: inline-block; } .mobile-menu a.other-search form {margin: 0 auto;} .other-search .search-box { width: 70%; margin-left: 0; padding: 0 30px 2px 5px;} .other-search .search-glass { margin-left: -30px; width: 10%; } } /* New Banner Buttons */ .white-shell2{padding:15px 40px;letter-spacing: 0.05em; font-weight: 700; margin:0 25px; width:280px; font-size: 14px;} .home .swiper-slide, .microsite-swiper .swiper-slide { background-size: cover; background-color: rgba(0, 0, 0, 0.5); background-position: top center;} .gsl-banner4 p, .gsl-banner4 h2 {text-shadow: 0 0 20px rgba(0,0,0,0.7);} .gsl-banner4 .white-shell {background-color: rgba(0,0,0,0.15);} .microsite-title, .microsite-title p {line-height: 120% !important;} .home .mast-swiper .landnewslide:before {display: none;} @media (min-width: 1400px) { .microsite-swiper .swiper-slide {height: 600px;} .microsite-swiper .swiper-slide .container {margin-top: 50px;} } @media (min-width: 1200px) { .microsite-swiper .swiper-slide {background-position-y: 20% !important;} } @media (max-width: 767px) { .gsl-banner3 {background-position-x: 18% !important;} .gsl-banner4 {background-position-x: 75% !important;} .gsl-banner5 {background-position-x: 80% !important;} .microsite-title.medium-screen {width: 90%;} .microsite-title, .microsite-title p { font-size: 26px !important; } }