/* Theme Name: DisasterSmart Description: DisasterSmart Author: Milan Kumar Version: 4.0 Tested up to: 6.4 Requires at least: 3.0 Requires PHP: 5.2.4 Tags: DisasterSmart Text Domain: twentyten */ body, html {overflow-x: hidden;} body{font-family: "Open Sans", sans-serif; font-weight:400; margin:0; padding:0; color:#231f20; line-height:26px; font-size:16px;} a{color:#567484; text-decoration:none;} a:hover{color:#63847b;} a,.header,.logo,.hbot,.h-u{transition: all 0.2s ease;} .header{position:fixed; left:0; top:0; width:100%; z-index:999; padding: 0;} .header .container{max-width: 90%;} .logo{max-width: 300px; display: block; margin-top: -22px; margin-bottom:20px;} .htop{background:#004d70; color:#fff; text-transform:uppercase; padding:5px 0;} .htop a{color:#fff;} .htop a:hover{color:#337188;} .sicons{font-size:18px; margin-left:20px;} .sicons span{margin: 0 25px; width: 1px; height: 30px; background: #fff;} .hbot{background:#fff;} .header.fixed .logo{max-width: 250px; margin-top:-18px;} .spacer{display:block; background:#fff; width:100%; height:140px;} .text-shadow{text-shadow:0 0 3px rgba(0,0,0,.3);} .small, small{font-size: .8em;} .min-300{min-height:300px !important;} .search-box {position: absolute; z-index: 999; right:40px; top:0;} .search-box .searchform input{border: 1px solid #ccc; padding: 2px 10px; font-size: 14px; min-width: 300px;} .h-u:hover{text-decoration:underline;} .more-content {display: none;} .read-more-link, .read-less-link {display: inline-block; color:#bd1b21; text-transform:uppercase; font-weight:500;} .read-more-link:hover, .read-less-link:hover{color:#bd1b21; text-decoration:underline;} /* =Menu -------------------------------------------------------------- */ #access {} #access .menu-header, div.menu {font-size: 17px;} #access .menu-header ul, div.menu ul {list-style: none; margin: 0; padding:0;} #access > .menu-header > ul > li{position: relative;} #access a {color: #231f20; display: block; text-decoration: none; font-weight:600; line-height:28px;} #access li:hover > a{color: #004d70;} #access ul ul {display: none; position: absolute; top: 28px; left: 10px; width: 250px; z-index: 99999;} #access ul ul li {width: 100%;} #access ul .menu-image{padding-right:0; width: 35px; height: 35px; object-fit:cover;} @media (min-width: 992px) { #access a {margin: 0 15px; position:relative;} #access > .menu-header > ul{display:flex; align-items: center; justify-content: center;} .menu > li{display: flex; align-items: center;} .menu > li + li:before{content:"/"; display: inline-block; transform: scaleY(1.5); /* Increase height */transform-origin: center; font-weight: normal;} #access ul ul {box-shadow: 0px 3px 3px rgba(0,0,0,0.2); padding:10px 0 !important; background: #004d70;} #access ul li:hover > ul {display: block;} #access ul ul a {color:#fff; line-height: 1em; padding:15px 20px; height: auto; font-size:15px; text-shadow:none; margin:0; display: flex; align-items: center; line-height: normal;} #access ul ul :hover > a {color: #a8def2;} .menu > li > a:after{content:""; position:absolute; left:0; bottom:0; width:35px; height:2px; background:#004d70; z-index:1; opacity:0; transition: all 0.3s ease;} .menu > li:hover > a,.menu > li.current_page_item > a,.menu > li.current_page_ancestor > a,.menu > li.current-menu-ancestor > a,.menu > li.current-menu-item > a,.menu > li.current-menu-parent > a{color: #004d70;} .menu > li:hover > a:after,.menu > li.current_page_item > a:after,.menu > li.current_page_ancestor > a:after,.menu > li.current-menu-ancestor > a:after,.menu > li.current-menu-item > a:after,.menu > li.current-menu-parent > a:after{opacity:1;} #access ul ul ul {left: 100%; top: 0; background:#337188; padding: 15px 0 !important;} #access ul ul ul a{font-size:13px; text-transform:uppercase; letter-spacing:1px;} #access ul ul ul a.menu-image-title-after{padding:5px 20px;} } #access ul ul a{display:flex; align-items:center;} #access ul li.current_page_item > a, #access ul li.current_page_ancestor > a, #access ul li.current-menu-ancestor > a, #access ul li.current-menu-item > a, #access ul li.current-menu-parent > a {} * html #access ul li.current_page_item a, * html #access ul li.current_page_ancestor a, * html #access ul li.current-menu-ancestor a, * html #access ul li.current-menu-item a, * html #access ul li.current-menu-parent a, * html #access ul li a:hover {} .cbtn{color:#fff; border-radius:30px; padding: 5px 20px; background: linear-gradient(to left, #004363 52%, #fff 52%); background-size: 210% 100%; background-position:99% bottom; transition:all .3s ease; min-height: 40px; text-transform: uppercase; display:inline-flex; align-items:center; justify-content:center; letter-spacing:1px; white-space: nowrap;} .cbtn:hover{background-position:left bottom; color:#004363;} .cbtn:after {content: ""; width: 25px; height: 25px; min-width: 25px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 19L19 5M19 5H8M19 5V16' stroke='%23ffffff' stroke-width='1' fill='none'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; background-position: center; margin-left: 10px; transition: filter 0.3s ease;} .cbtn:hover:after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 19L19 5M19 5H8M19 5V16' stroke='%23004363' stroke-width='1' fill='none'/%3E%3C/svg%3E");} .cbtn.btn-orange{background: linear-gradient(to left, #c76435 52%, #fff 52%); background-size: 210% 100%; background-position:99% bottom;} .cbtn:hover.btn-orange{color:#c76435; background-position:left bottom;} .cbtn:hover.btn-orange:after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 19L19 5M19 5H8M19 5V16' stroke='%23c76435' stroke-width='1' fill='none'/%3E%3C/svg%3E");} .cbtn.cbtn-lg{border-radius:50px; padding: 20px 40px; font-size:25px; text-transform:none;} .cbtn.cbtn-lg:after{width: 35px; height: 35px; min-width: 35px;} .h-orng{background: linear-gradient(to left, #004363 52%, #c76435 52%); background-size: 210% 100%; background-position:99% bottom;} .h-orng:hover{background-position:left bottom; color:#fff;} .h-orng:hover:after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 19L19 5M19 5H8M19 5V16' stroke='%23ffffff' stroke-width='1' fill='none'/%3E%3C/svg%3E");} .btn-white{background: linear-gradient(to left, #fff 52%, #c76435 52%); background-size: 210% 100%; background-position:99% bottom; color:#337188;} .btn-white:after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 19L19 5M19 5H8M19 5V16' stroke='%23337188' stroke-width='1' fill='none'/%3E%3C/svg%3E");} .btn-white:hover{color:#fff;} .btn-white:hover:after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 19L19 5M19 5H8M19 5V16' stroke='%23ffffff' stroke-width='1' fill='none'/%3E%3C/svg%3E");} .cbtn.btn-red{background: linear-gradient(to left, #ebe8e2 52%, #a21418 52%); background-size: 210% 100%; background-position:99% bottom; color:#a21418;} .cbtn:hover.btn-red{background-position:left bottom; color:#fff;} .cbtn.btn-red:after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 19L19 5M19 5H8M19 5V16' stroke='%23a21418' stroke-width='1' fill='none'/%3E%3C/svg%3E");} .cbtn:hover.btn-red:after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 19L19 5M19 5H8M19 5V16' stroke='%23ffffff' stroke-width='1' fill='none'/%3E%3C/svg%3E");} .custom-arrow,.right-arrow {position: absolute; z-index: 10; width: 48px; height: 48px; border-radius: 50%; border: none; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.3s ease;} .custom-arrow:before,.right-arrow:before {content: ''; display: block; width: 20px; height: 20px; border-right: 1px solid; border-bottom: 1px solid; transform: rotate(-45deg);} .custom-arrow.prev {background-color: #004363; bottom: 120px; left: 50%; transform: translateX(-50%) translateY(28px);} .custom-arrow.prev:before {transform: rotate(135deg); border-color: #fff; margin-left: 10px;} .custom-arrow.next {background-color: #fff; bottom: 120px; left: 50%; transform: translateX(-50%) translateY(-28px);} .custom-arrow.next:before {transform: rotate(-45deg); border-color: #004363; margin-left: -10px;} .custom-arrow:hover{background-color: #c76435;} .custom-arrow:hover:before{border-color: #fff;} .right-arrow.check-mark:before{background-image: url('images/tick-white.png'); border:none; transform:none; background-repeat: no-repeat; background-size: contain; height: 26px; margin-left:0;} .left-panel > .vc_column-inner{background-color: #004363; clip-path: polygon(0px 0px, calc(100% - 25px) 0px, 100% 100%, 0% 100%);} .right-panel > .vc_column-inner{background-color: #004363; clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 25px 100%); margin-left:-20px;} .p-50{padding:50px 80px;} .right-arw-wrap{position:absolute; left: -120px;} .right-arrow {background-color:#004e6f; width: 80px; height: 80px; position:relative;} .right-arrow:before {border-color: #fff; width: 30px; height: 30px; border-width: 2px; margin-left: -15px;} .page-heading{display: inline-flex; align-items:center; background: #fff; margin: 0 !important; padding: 20px 150px 20px 0; clip-path: polygon(0 0, 90% 0, 100% 100%, 0% 100%);} .page-heading:before{content:""; position:relative; width: 4px; height: 90px; background-color: #c76435; margin-right:20px;} .inner-banner > .vc_column-inner > .wpb_wrapper{position:relative; margin-bottom: -40px;} .inner-banner > .vc_column-inner > .wpb_wrapper:before{content:""; position:absolute; width: 100vw; height: 100%; background-color: #fff; right:100%;} .full-width-text-right{max-width: 520px; width: 100%; padding: 80px 0 80px 100px;} .full-width-text-left{max-width: 520px; width: 100%; padding: 80px 100px 80px 0; float: right;} .orng-bar:before{content:""; position:absolute; width:3px; height:115px; background:#c66435; margin-left: -25px; margin-top: 6px;} .slide1 .slide-wrap{padding:0 10px; position: relative; text-align: center;} .slide1 .slide-wrap img{width:100%; height: 470px; object-fit: cover; transition: all 0.3s ease; transform: scale(1); padding-top:50px; padding-bottom:50px; opacity:.5;} .slide1 .slide-wrap.slick-active img{transform: scale(1); opacity:1; padding-top:0; padding-bottom:0;} .slick-track{display: flex; align-items: center;} .img-cap{display: inline-block; background: #fff; font-weight: 600; text-transform:uppercase; letter-spacing: 2px; padding: 15px 30px; position: absolute; bottom: -20px; left: 50%; transform: translateX(-50%); border-radius: 10px 10px 0 0; font-size: 18px; opacity:0; transition: all 0.3s ease;} .slide1 .slide-wrap.slick-active .img-cap{opacity:1;} .white-box{margin-top:-30px;} .white-box > .vc_column-inner > .wpb_wrapper{background:#fff; padding:4px; max-width: 280px; margin: auto; position:relative; transition: all .2s linear;} .white-box > .vc_column-inner > .wpb_wrapper:hover{filter: drop-shadow(0px 7px 3px rgba(0, 0, 0, 0.25));} .white-box .wpb_single_image img{width:272px; height:200px !important; object-fit:cover;} .arw-rigth{padding:0 15px; display: flex; align-items: center; justify-content: space-between; margin-bottom:15px !important;} .arw-rigth:after {content: ""; width: 34px; min-width: 34px; height: 34px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 19L19 5M19 5H8M19 5V16' stroke='%23bd1b21' stroke-width='1' fill='none'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; background-position: center; transition: filter 0.3s ease;} .arw-rigth.white:after {width: 54px; height: 54px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 19L19 5M19 5H8M19 5V16' stroke='%23ffffff' stroke-width='1' fill='none'/%3E%3C/svg%3E");} .orange-box{background-color: #c76435; color: white; padding: 40px 50px; border-radius:0 30px 0 30px;} .orange-box h3{display:inline-flex; align-items:center; position:relative; margin-bottom:20px;} .orange-box h3:after{content:""; width:40px; min-width:40px; height:40px; background-image:url('images/tick-in-circle.png'); background-size:cover; margin-left:20px;} .two-column {display: flex; gap: 30px; align-items:center; line-height:normal;} .two-column ul{flex: 1;} .orange-box ul{padding-left: 15px; list-style-type: disc; margin:0;} .orange-box li{margin-bottom: 10px !important;} .orange-box a{color: white; text-decoration: underline;} .grey-box{background: #e6e3df; padding: 50px; max-width: 540px; border-radius: 0 30px;} .list-circle-right ul{list-style: none; padding: 0; margin-left: 0;} .list-circle-right li{display: flex; align-items: center; margin-bottom: 10px; letter-spacing:normal;} .list-circle-right li:before{content: ""; background-image: url('images/tick-white.png'); background-size: 15px; background-repeat: no-repeat; width: 25px; height: 25px; margin-right: 1rem;flex-shrink: 0; background-color: #004363; border-radius: 30px; background-position: center;} .list-circle-right.orange-bg li:before{background-color: #c76435;} .list-circle-right.white-bg li:before{background-color: #fff; background-image: url('images/tick.png');} .list-right ul{list-style: none; padding: 0; margin-left: 30px;} .list-right li{display: flex; align-items: flex-start; margin-bottom: 10px; letter-spacing:normal;} .list-right li:before{content: ""; background-image: url('images/tick.png'); background-size: 20px; background-repeat: no-repeat; width: 25px; height: 25px; margin-right: 1rem; flex-shrink: 0; background-position: center; margin-top:3px;} .bc-resources ul{list-style: none; padding: 0; margin: 0;} .bc-resources li{display: flex; align-items: center; margin-bottom: 10px; font-size:20px;} .bc-resources li:before{content: ""; background-image: url('images/arw.png'); background-size: 10px; background-repeat: no-repeat; width: 25px; height: 25px; margin-right: 1rem;flex-shrink: 0; background-color: #004363; border-radius: 30px; background-position: center;} .bc-resources a{color: white; text-decoration: underline;} .bc-resources a:hover{color:#002536;} .left-arw-circle{display: inline-flex; color:#231f20; text-decoration: underline; font-weight:500;} .left-arw-circle:before{content: ""; background-image: url('images/arw.png'); background-size: 10px; background-repeat: no-repeat; width: 25px; height: 25px; margin-right: 5px;flex-shrink: 0; background-color: #004363; border-radius: 30px; background-position: center;} .left-arw-circle:hover{color:#337188;} .img-box-1 > .vc_column_container > .vc_column-inner > .wpb_wrapper{position:relative; height:100%;} .img-box-1 .vc_custom_heading{position:absolute; bottom:30px; padding:15px 25px; text-transform:uppercase; letter-spacing:1px; font-size:22px; font-weight:600; color:#fff; left:50%; transform: translateX(-50%); background: linear-gradient(to left, #004363 52%, #fff 52%); background-size: 210% 100%; background-position:99% bottom; transition:all .3s ease;} .img-box-1 > .vc_column_container > .vc_column-inner > .wpb_wrapper:hover .vc_custom_heading{background-position:left bottom; color:#004363;} .img-box-1 > .vc_column_container+.vc_column_container > .vc_column-inner > .wpb_wrapper{margin-left:3px;} .top-curve-bg > .vc_column-inner{border-radius:0 30px 0 0; margin-top:-50px;} .bot-curve-bg > .vc_column-inner{border-radius:0 0 0 30px; margin-bottom:-50px;} .topbot-line{position:relative;} .topbot-line:before,.topbot-line:after{content:""; position:absolute; top:-15px; right:calc(100% - 300px); width:100vw; height:2px; background:rgba(255,255,255,.4); display:block !important;} .topbot-line:after{top:auto; bottom:0;} .left-line{position:relative;} .left-line:before{content:""; position:absolute; right:calc(100% + 20px); width:100vw; height:3px; top:calc(50% - 1px); background:#eb6a24;} .left-line.white:before{background:rgba(255,255,255,.5);} .both-side-line{position:relative; display:inline-block;} .both-side-line:before,.both-side-line:after{content:""; position:absolute; width:100vw; height:2px; top:calc(50% - 1px); background:#bcbdc0;} .both-side-line:before{right:calc(100% + 20px);} .both-side-line:after{left:calc(100% + 20px);} .text-white .both-side-line:before, .text-white .both-side-line:after{background:rgba(255,255,255,.5);} .right-line{position:relative;} .right-line:before{content:""; position:absolute; left:calc(100% + 20px); width:100vw; height:3px; top:17px; background:#004363;} .right-line.white:before{background:rgba(255,255,255,.5);} @media (min-width: 992px) { .fs-18{font-size:18px; line-height:28px;} .fs-20{font-size:20px; line-height:30px;} .fs-22{font-size:22px; line-height:32px;} } .max-750{max-width:750px;} .max-640{max-width:640px;} .max-600{max-width:600px;} .max-520{max-width:520px;} .max-370{max-width:370px;} .max-310{max-width:310px;} .max-260{max-width:260px;} .max-482{max-width:482px;} .max-810{max-width:810px;} .max-100{max-width:100px;} .max-w1{max-width:540px;} .max-w2{max-width:750px;} .vc_custom_heading.with-icon{display: inline-flex; background-position: right bottom !important; background-size: 50px !important; height: 50px; align-items: end; padding-right: 60px;} .cform .wpcf7-form-control{text-transform:uppercase; font-size:16px; letter-spacing:1px; color:#000; padding:10px 20px; border:none; border-top:1px solid #315161; opacity:1; box-shadow:none; margin-top: 15px; width:100%; resize:none; background:none;} .cform .wpcf7-textarea{height:100px;} .cform .wpcf7-form-control:focus{outline:none; border-top-color:#b90404;} .cform .wpcf7-submit{border:none; background:#63847b; color:#fff; height: 75px; margin:0;} .cform .wpcf7-recaptcha{padding:0; border:none; margin:0;} .wpcf7 form .wpcf7-response-output{border: none !important; text-align:center; margin: 0 !important;} .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{color: #eb6a24;} .wpcf7-not-valid-tip{color: #eb6a24 !important; font-size: 12px !important; line-height: normal; padding: 0 20px 5px 20px;} .cform.wfw .wpcf7-form-control{text-transform: none; padding: 10px 0;} .cform.wfw .wpcf7-form-control.wpcf7-checkbox{border-top:none; margin:0; padding:0;} .cform.wfw .wpcf7-list-item{display:block; margin:0;} .cform.wfw .wpcf7-submit{width: auto; text-transform: uppercase; min-width: 200px; margin: auto; display: block; height: 60px;} .cform.wfw .wpcf7-not-valid-tip{padding: 0 0 5px 0;} .w-30 .vc_sep_line{width: 50px !important;} .white-link a{color:#fff;} .white-link a:hover{color:#347389;} .black-link a{color:#000; font-size:14px;} .black-link a:hover{color:#eb6b24;} .play-btn{max-width: 310px; margin: 0 auto 10px !important; position: relative;} .play-btn img{height: 180px !important; border-radius: 30px; border:4px solid #fff; transition: all 0.3s ease;} .play-btn a{padding: 0 5px 10px;} .play-btn a:before{width: 80px; height:80px; position: absolute; left: 0; bottom: 0; right:0; top:0; content:''; background-image:url('images/play-btn.png'); background-size:cover; margin:auto; z-index:1;} .play-btn:hover img{filter: drop-shadow(0px 7px 3px rgba(0, 0, 0, 0.25));} .quote-box{position:relative; text-align:center; font-size:18px; max-width:800px; margin:auto; padding: 40px 80px;} .quote-box:before,.quote-box:after{content:""; position:absolute; width:80px; height:60px; background:url(images/quote.png) no-repeat; background-size:contain;} .quote-box:before{left:0; top:0;} .quote-box:after{right:0; bottom:0; transform: scale(-1, -1);} .h100 *{height:100%;} .vr{background-color: #c76435 !important; width: 3px !important; opacity: 1 !important;} .vr.blue{background-color: #7a96a7 !important; width: 1px !important;} .h100 .vr{height:calc(100% - 35px);} .h100 .vr.blue{height:100%;} .footer{background:#c76435; padding:50px 0; margin-top:15px; overflow:hidden; color:#fff; font-size:15px;} .flogo{max-width:60px;} .social{display:flex; gap:15px; margin: 30px auto 0; justify-content: center; max-width: 80px; flex-wrap: wrap;} .social img{max-width:25px;} .social img:hover{filter: brightness(0) saturate(100%) invert(19%) sepia(76%) saturate(1468%) hue-rotate(171deg) brightness(96%) contrast(101%);} .footer .h4{font-size: 22px;} .footer a{color: #fff; text-decoration:none;} .footer a:hover{text-decoration:underline;} .mid-link{margin-top:20px; margin-right:100px;} .mid-link a{display:block; margin-bottom:7px;} .last-fbg{position:relative;} .last-fbg:before{content:""; position:absolute; background:#be6032; left:-50px; width:50vw; top: -60px; bottom:-60px; transform: skewX(-10deg);} .cright{font-weight: 600; font-size: 10px; color:#bd1b21; text-align:right;} .tnp-email{max-width: 200px; border-radius:10px;} .tnp-email:focus{outline:none;} .tnp-submit{border-radius:10px;} .tnp-submit:hover{background:#63847b !important;} .mb-10{margin-bottom:150px;} .mt-10{margin-top:150px;} .right-max{max-width: 700px; padding:30px 100px;} .left-max{max-width: 700px; padding:30px 100px;} .list-style ul{padding-left: 15px;} .list-style li{margin-top:10px;} .h-in-100 *{height:100% !important;} .h-in-100 img{object-fit:cover;} .program-thumbnail img,.service-thumbnail img{max-height: 220px; object-fit: cover; height: 100%; width: 100%;} .ptitles{margin: 50px 0; font-size: 18px; line-height:30px; color:#567484; text-align:center;} .ptitles a {color: #567484;} .ptitles a:hover {color: #000;} #bg-hover{transition: all 0.3s ease;} #bg-hover:hover{background:#000 !important;} .text-uppercase{letter-spacing:2px;} .like-button {cursor: pointer;} .like-button:hover {color: red;} .custom-pagination .pagination-list {display: flex; justify-content: center; gap: 10px; list-style: none; padding: 0; margin: 0;} .custom-pagination .pagination-item .pagination-link {display: inline-block; padding: 8px 14px; font-size: 16px; color: #333; border: 1px solid #ddd; border-radius: 8px; text-decoration: none; transition: all 0.2s ease-in-out; background-color: #f9f9f9;} .custom-pagination .pagination-item .pagination-link:hover {background-color: #557484; color: #fff; border-color: #557484;} .custom-pagination .pagination-item.active .pagination-link {background-color: #557484; color: white; border-color: #557484; font-weight: 600;} .custom-pagination .pagination-item.dots .pagination-link {background-color: transparent; border: none; cursor: default;} .quote{font-size: 20px; line-height: 30px; padding: 0 30px; position:relative;} .quote:before,.quote:after{content:"“"; position:absolute; left:0; top:0; font-size:50px; font-weight:500; color:#fff;} .quote:after{content:"”"; left:auto; right:140px; top:auto; bottom:-25px;} .ml-95{margin-left:95px;} @media (min-width: 768px) { .cols-with-border > .vc_column_container:nth-of-type(2){border-left: 1px solid #7a96a7; border-right: 1px solid #7a96a7;} } .cols-with-border > .vc_column_container > .vc_column-inner > .wpb_wrapper{max-width: 325px; margin-left: auto; margin-right: auto;} .cols-with-border h5{font-size:17px;} .cols-4-border > .vc_column_container:nth-of-type(1){border-bottom: 1px solid #7a96a7; border-right: 1px solid #7a96a7;} .cols-4-border > .vc_column_container:nth-of-type(2){border-bottom: 1px solid #7a96a7;} .cols-4-border > .vc_column_container:nth-of-type(3){border-right: 1px solid #7a96a7;} .cols-4-border > .vc_column_container > .vc_column-inner > .wpb_wrapper{max-width: 366px; margin-left: auto; margin-right: auto;} .cols-4-border > .vc_column_container > .vc_column-inner > .wpb_wrapper:before{content: ""; background-image: url('images/tick-white.png'); background-size: 100%; background-repeat: no-repeat; width: 30px; height: 30px; background-position: center; filter: brightness(0) saturate(100%) invert(18%) sepia(67%) saturate(1252%) hue-rotate(168deg) brightness(101%) contrast(102%); position:absolute; margin-left:-50px;} .cols-4-border > .vc_column_container:nth-of-type(1) > .vc_column-inner > .wpb_wrapper, .cols-4-border > .vc_column_container:nth-of-type(2) > .vc_column-inner > .wpb_wrapper{padding-bottom: 50px; padding-top:20px;} .cols-4-border > .vc_column_container:nth-of-type(3) > .vc_column-inner > .wpb_wrapper, .cols-4-border > .vc_column_container:nth-of-type(4) > .vc_column-inner > .wpb_wrapper{padding-top: 50px; padding-bottom:20px;} .top-bot-radius{border-radius:0 30px 0 30px;} .bg-blue{padding:30px 70px;} .wpforms-field-text.h5 input{display:none !important;} .wpforms-field-text.h5 label{font-size:20px !important; color:#004d70 !important; margin-bottom:0 !important; margin-top:20px !important;} .pdf-wrap{display:flex; flex-wrap: wrap; column-gap:40px;} .pdf-title{font-weight:600; min-width: 326px;} .pdf-text{border-left: 1px solid #337188; padding-left: 40px; font-size:14px; flex: 1;} .pdf-link img{max-width:50px;} .fr-arw a:hover img{filter: brightness(0) saturate(100%) invert(15%) sepia(72%) saturate(3005%) hue-rotate(181deg) brightness(96%) contrast(99%);} .supporters{display: flex; flex-wrap: wrap; column-gap: 50px; row-gap: 30px;} .supporters br{display:none;} .supporters img{max-height:46px; max-width:100%; transition: all 0.3s ease;} .supporters img:hover{opacity:.8;} .whiteBox{background: #fff; color: #be6032; padding: 20px 75px 20px 25px; border-radius: 15px; font-weight: 600; line-height: normal; max-width: 390px; position:relative;} .whiteBox:after{content:""; position:absolute; width:45px; height:40px; background:#fff; left:30px; top:100%; clip-path: polygon(0 100%, 0 0, 100% 0);} .btnOver .cbtn{max-width: 180px; white-space: normal; text-align: center; margin-left: -50px; line-height: normal; position:relative;} .header-logo{max-width: 250px;} @media (min-width: 576px) { .btnOver .cbtn:after{width: 35px; height: 35px; min-width: 35px;} } @media (min-width: 768px) { .cc-2{column-count:2;} } /* =Images -------------------------------------------------------------- */ img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img, .widget-container img {max-width: 100%;} .alignleft, img.alignleft {display: inline; float: left; margin-right: 24px; margin-top: 4px;} .alignright, img.alignright {display: inline; float: right; margin-left: 24px; margin-top: 4px;} .aligncenter, img.aligncenter {clear: both; display: block; margin-left: auto; margin-right: auto;} img.alignleft, img.alignright, img.aligncenter {margin-bottom: 12px;} .wp-caption {background: #f1f1f1; line-height: 18px; margin-bottom: 20px; max-width: 632px !important; /* prevent too-wide images from breaking layout */ padding: 4px; text-align: center;} @media (max-width: 1399.98px) { .p-50{padding: 40px 30px;} .mid-link{margin-right: 60px;} } @media (max-width: 1199.98px) { .logo{max-width: 260px; margin-bottom:15px; margin-top:-18px;} #access .menu-header, div.menu{font-size:14px;} #access a{margin: 0 10px;} .spacer{height:108px;} .sicons{font-size: 18px;} .sicons span{height: 22px;} .full-width-text-left{max-width: 430px; padding: 50px 50px 50px 0;} .full-width-text-right{max-width: 430px; padding: 50px 0 50px 50px;} .white-box .wpb_single_image img{height: 150px !important;} .cbtn{font-size: 16px; line-height: normal;} .footer .container{max-width:400px;} .footer > .container > .row > .col-12 + .col-12{margin-top:30px;} .mid-link{margin-right:0;} .last-fbg:before{display:none;} .quote br{display:none;} .footer .h4,.cright{text-align:center;} .ml-95{margin-left:0;} .social{max-width: 150px;} } @media (max-width: 991.98px) { .logo,.header.fixed .logo{max-width: 250px; z-index: 100; position: relative;} #access{display:none; position:absolute; left:0; width:100%; z-index:99; top: 0; background: #fff; max-width: 100%; right: 0; margin: auto; height: 100vh; border-radius:0;} #access .menu-header{height:calc(100% - 100px); margin-top: 100px; display: flex; border-top: 2px solid #000; font-size:20px; overflow: auto;} #menu-top-nav{width:100%;} #access .menu-header > ul > li{display: block; border-bottom: 1px solid #000;} #access a{padding: 10px 25px;} .btn1 a{margin-left: 0; padding: 2px 25px 0 25px !important; border-radius: 0;} .snav {position: relative; background: none; border: none; cursor: pointer; padding: 0; z-index: 100; margin-top:9px;} .snav i {display: block; width: 35px; height: 3px; background-color: #004d70; margin-bottom: 8px; transition: all .2s linear; position: relative; opacity: 1;} .snav i:last-child {margin-bottom: 0;} .snav i:nth-child(1), .snav i:nth-child(3){transform-origin: center;} .snav.cross i:nth-child(2){opacity: 0;} .snav.cross i:nth-child(1){transform: rotate(45deg); top: 10px;} .snav.cross i:nth-child(3){transform: rotate(-45deg); top: -12px} .menu > li:not(.btn1) > a:after{display:none;} #access ul ul{position: relative; top: 0; left: 0; width: 100%; padding:20px 0!important; background-color: #166c8f;} #access ul ul li{position: relative;} #access ul ul a{color: #fff; padding: 10px 40px; font-size:18px;} #access ul ul li:hover a{color: #fff;} #access ul ul ul{background: #0e2c38; } #access ul ul ul a{font-size:16px;} .submenu-toggle {cursor: pointer; display: inline-block; color: #000; position: absolute; right: 20px; top: 7px; font-size:50px; font-weight: 300;} .submenu-toggle.active:after {content: '-';} .full-width-text-left{max-width: 330px; padding: 35px 30px 35px 0;} .full-width-text-right{max-width: 330px; padding: 35px 0 30px 35px;} .white-box{margin-top:30px;} .white-box:nth-of-type(1),.white-box:nth-of-type(2){margin-top: -30px;} .two-column{display: block;} .img-box-1 .vc_custom_heading{font-size: 16px;} .cols-4-border > .vc_column_container > .vc_column-inner > .wpb_wrapper{padding-left: 50px;} .pdf-title{min-width: auto; flex: 1;} } @media (max-width: 767.98px) { .page-heading{padding-right:70px;} .full-width-text-left{max-width: 100%; padding:0 25px; float:none;} .full-width-text-left.orng-bar{padding: 25px 50px 0;} .full-width-text-right{max-width: 100%; padding:0 25px;} .custom-arrow.prev,.custom-arrow.next{bottom: auto; top:222px; left:auto; right:25px; transform: none;} .custom-arrow.prev{top:276px;} .white-box:nth-of-type(2){margin-top: 30px;} .left-panel > .vc_column-inner{clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 0% calc(100% - 25px));} .right-panel > .vc_column-inner{clip-path: polygon(0px 0px, 100% 25px, 100% 100%, 0 100%); margin-left:0; margin-top:-22px;} .max-w1{max-width:initial;} .p-50{padding:25px;} .top-curve-bg > .vc_column-inner{border-radius: 0; margin-top: 0; padding-top:0 !important;} .bot-curve-bg > .vc_column-inner{border-radius: 0; margin-bottom: 0; padding-top:0 !important;} .img-box-1 > .vc_column_container > .vc_column-inner > .wpb_wrapper, .img-box-1 > .vc_column_container + .vc_column_container > .vc_column-inner > .wpb_wrapper{max-width: 350px; margin-left:auto; margin-right:auto;} .quote:after{right:0;} .grey-box{padding:30px;} .cbtn{white-space:normal; padding-top:10px; padding-bottom:10px;} .cbtn.cbtn-lg{padding: 20px 30px; font-size: 20px;} .cols-4-border > .vc_column_container{border:none !important;} .cols-4-border > .vc_column_container > .vc_column-inner > .wpb_wrapper{padding-bottom:0 !important; padding-top: 0 !important;} .pdf-wrap{column-gap: 20px;} .pdf-title{min-width: 100%;} .pdf-text{border-left: none; padding-left: 0;} .left-line::before{right: 90%; top: 10px;} .right-arw-wrap{left: -70px;} .right-arrow{width: 50px; height: 50px;} .right-arrow:before{width: 20px; height: 20px;} .mid-link{text-align:center;} .list-circle-right ul{font-size:18px;} .cols-with-border > .vc_column_container > .vc_column-inner > .wpb_wrapper{margin-left:0; max-width: none;} .mb-mob-0{margin-bottom:0 !important;} .pt-mob-0 > .vc_column-inner{padding-top:0 !important;} .header-logo{max-width: 200px;} } @media (max-width: 575.98px) { .header .container{max-width:100%;} .container,.left-max,.right-max{padding-left:25px; padding-right:25px;} .top-banner{min-height: 400px !important;} .top-banner.full-height{min-height: calc(100vh - 100px) !important;} .tnp-subscription input[type="submit"], .tnp-profile input[type="submit"]{width:auto !important;} .bg-blue{padding: 10px 25px;} .whiteBox{padding-right:25px; max-width:none;} .btnOver{text-align: right; margin-top: 16px;} .btnOver .cbtn{max-width: none; margin-left:0;} .page-heading{font-size: 24px; padding-right: 50px;} .page-heading::before{height: 60px;} h2{font-size:22px;} .header-logo{max-width: 130px; margin-right: -8px;} .sicons{margin-left:0; font-size: 14px;} .sicons a:nth-child(-n + 4){display:none;} .sicons span {margin-left: 0; margin-right: 15px;} .sicons .ms-3{margin-left: 12px !important;} }