/********** Main Style CSS**********/ @import url('./vars.css'); ::-webkit-scrollbar { height: 6px; width: 8px } ::-webkit-scrollbar-track { background-color: #9999992b; border-radius: 5px; } ::-webkit-scrollbar-thumb { background-color: var(--ptl-blue-light); border-radius: 5px; } ::-webkit-scrollbar-thumb:hover { background-color: var(--gray-base); } ::selection { background: var(--color-theme-b); color: #fff; } body { color: #666; font-family: var(--font-main); } a { cursor: pointer; color: var(--color-links); } a:hover, a:focus { text-decoration: none;} .img{width:100%;margin-bottom: 2.5rem;} .red{color:var(--ptl-beige);} .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: var(--font-head); } .table>:not(caption)>*>* , table tr, table td, table th { color: #606264;} /* ======================================================== */ /* @ NOTIFICATION ALERTS /* -------------------------------------------------------- */ .notify-wrap { position:relative;width:100%;max-width:450px;margin:0 auto; } .notify-box{ width:100%; background:#FFFF99; padding:8px; font-weight:normal; color:#222; line-height: 1.15; border:1px #FFCC66 solid; clear:both; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0px 1px 3px #aaa; -moz-box-shadow: 0px 1px 3px #aaa; box-shadow: 0px 1px 3px #aaa; text-align:center; position: fixed; top:0px; z-index: 1000; max-width:450px; } .notify-box p { padding:0; margin:0; } /* ============================================================================================= */ /* @@ ACCORDION CONTENT /* --------------------------------------------------------------------------------------------- */ /* .accordion-wrap h3 { font-size: 16px; } .accordion-box { margin: 0 0 40px; padding: 0; width: 100%; } .accordion-box .accordion-header { cursor: pointer; position: relative; margin-top: 7px; zoom: 1; border: 1px solid #E8E8E8; background: #F8F8F8; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; font-size: 115%; font-weight: 600; text-decoration: none; padding: 13px 10px 13px 20px; } .accordion-card .accordion-header { display: block; position: relative; font-size: 115%; line-height: 24px; font-weight: 600; padding-right: 30px; outline: none; cursor: pointer; } .accordion-box .accordion-header, .accordion-card .accordion-header a .accordion-box .accordion-header a:not([href]) { color: var(--color-links); } .accordion-box .accordion-header::before, .accordion-card .accordion-header::before, .accordion-card .collapsed .accordion-header::before { content: "+"; color: var(--color-highlight);font-size: 20px; display:inline-block; width: 15px; font-weight: bold; position: absolute; top: 9px; } .accordion-card .accordion-header::before, .accordion-card .collapsed .accordion-header::before { position: relative; top: 0; } .accordion-box .accordion-header.accordion-header-active::before, .accordion-card .accordion-header::before { content: "-"; } .accordion-box .accordion-header a, .accordion-card .accordion-header { display: inline-block; width: calc(100% - 20px); padding-left: 20px; } .accordion-box .accordion-header:hover { background: #E8E8E8; color: var(--color-theme-d); } .accordion-box .accordion-header a span { font-size: 100%; color: #c3c3c3; font-weight: normal; } .accordion-box .accordion-content { padding: 0.5em 1em 1em 35px; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 5px; overflow: auto; display: none; zoom: 1; -moz-border-radius: 0px 0px 4px 4px; -webkit-border-radius: 0px 0px 4px 4px; border-radius: 0px 0px 4px 4px; } .accordion-card .accordion-content { padding: 0.5em 1em 1em 20px; margin: 0; clear: both; } .accordion-box .accordion-content, .accordion-box .accordion-header-active { border: 1px solid #d3d3d3; background: #fff; color: #555555; } .accordion-box .accordion-header-active:hover { background: #fff !important; } .accordion-box .accordion-header-active { border-bottom: 0 !important; -moz-border-radius: 4px 4px 0px 0px; -webkit-border-radius: 4px 4px 0px 0px; border-radius: 4px 4px 0px 0px; } .accordion-box .accordion-header-active a:hover { color: var(--color-theme-d); } .accordion-box .accordion-header-active a { color: var(--color-highlight); } .accordion-box .accordion-content-active { border-top: 0 !important; display: block; overflow: hidden; } a.accd-show, a.accd-close { font-size: 90%; color: #690; } .accd-com { padding: 0px 5px 0px; text-align: right; margin-top: -10px } */ /* ============================================================================================= */ /* @ MAIN /* --------------------------------------------------------------------------------------------- */ .hy-mains { padding: 1.2rem 1.6rem !important; } .hy-mains a { text-decoration: underline; } /* .hy-mains h4, .western { position: relative; padding-bottom: 7px; margin: 26px 0 16px; } .hy-mains h4:before, .western:before{content:'';position:absolute;left:0;bottom:0;width:30px;border-bottom:2px solid #dc4549} */ .main-guts { overflow: hidden; } .main-guts h1, .main-guts h2, .main-guts h3, .main-guts h4, .main-guts h5, .main-guts h6 { margin-bottom: 1.5%; } .main-guts h1:not(:first-child), .main-guts h2:not(:first-child), .main-guts h3:not(:first-child), .main-guts h4:not(:first-child), .main-guts h5, .main-guts h6 { margin-top: 3%; } .main-guts h3 { color: var(--color-theme-d); font-weight: 500; } .main-guts h4 { box-sizing: border-box; font-weight: 500; color: var(--gray-base); text-rendering: optimizelegibility; font-size: 1.25rem; overflow-wrap: break-word; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; } .main-guts h5 { color: var(--bs-gray-600); font-weight: 500; } .main-guts ul, .main-guts ol { padding: 5px 15px; margin: 5px;} .main-guts ul li, .main-guts ol li { margin-left: 20px; padding-left: 10px;} .main-guts ul li { list-style: square; } .main-guts ol li { list-style-type: inherit; } .main-guts ul li>p, .main-guts ul li>p { display: contents; } .main-guts table:not(.table) *, .main-guts table.table * {font-size: 0.94rem;} .main-guts table:not(.table) td, .main-guts table:not(.table) th {padding: .75rem; vertical-align: top;border: 1px solid #afb1b6;} .main-guts table:not(.table-striped) > tbody > tr:nth-child(2n+1) > td, .main-guts table:not(.table-striped) > tbody > tr:nth-child(2n+1) > th {background-color: #f5f5f5;} @media only screen and (max-width: 1200px){ .main-guts { padding-left: 0.5rem !important;padding-right: 0.5rem !important; } } @media only screen and (max-width: 920px){ .main-guts table:not(.table), .main-guts table.table {display: block;width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch;} } /* ============================================================================================= */ /* @@ PAGE TITLES /* --------------------------------------------------------------------------------------------- */ .section-title{position:relative;margin-bottom:5px} .section-title .upper-icon{position:relative;display:block;width:50px;height:40px;background: var(--ptl-emblem) center center no-repeat;margin:0 0 15px} .section-title.centered .upper-icon{margin:0 auto 15px} .section-title.light .upper-icon{background-image:var(--ptl-emblem)} .section-title .sub-title{position:relative;display:block;font-size:18px;font-weight:400;margin-bottom:15px} .section-title .sub-title .icon{position:relative;display:inline-block;width:40px;height:40px;background: var(--ptl-emblem) left center no-repeat;margin:0 5px 0 0;vertical-align:bottom} .section-title.light .sub-title .icon{background-image: var(--ptl-emblem)} .section-title h2{position:relative;display:block;font-size:30px;line-height:1.2em;color:#2f3753;font-weight:700;text-transform:none;margin-bottom:0} .section-title .text{position:relative;display:block;padding-top:10px;font-size:18px;color:#2f3753;margin:0 0} .sec-title .lower-title{position:relative;display:block;padding-top:10px;font-size:16px;color:#3f6b92;font-weight:600;margin:0 0} .section-title .link-box{position:relative;display:block;padding-top:40px} .section-title p{margin-bottom:0} /* .article-area .section-title h2{font-size:30px; } */ @media (max-width: 1024px) { .section-title h2{font-size:3.0vw;} .sidebar-header .section-title h4{font-size:18px;} } @media (max-width: 767px) { .section-title h2{font-size:20px/* 4.5vw */;} } /* ============================================================================================= */ /* @ SEARCH RESULTS /* --------------------------------------------------------------------------------------------- */ .searchitem { border-bottom:1px solid #e5e5e5; padding: 10px 0px 8px 0px; display: block; } .searchtitle { margin:5px 0; color: #0C74BB; } .searchtitlesub { color:#993333; font-size:11px; line-height:15px; padding: 1px 5px 3px 0; display:block;} .paginator { border-top:1px dotted #dedede; margin:5px 0 5px; display:block; position:relative; background: none; padding: 10px; } .paginator .paginate, .paginator .current, .paginator .inactive { font-size: .9em; display: inline; padding: 4px 6px 4px 6px;} .paginator a { border: 1px solid #000080 !important; } .paginator a.paginate { text-decoration: none; color: #000080; background-color:#FFFFFF; } .paginator a.paginate:hover { background-color: #000080; color: #FFF; } .paginator a.current { cursor: default; background:#000080; color: #FFF; text-decoration: none; } .paginator span.inactive { border: 1px solid #999; color: #999; cursor: default; background-color:#FFFFFF;} .paginator .pagejump { float:right; } .paginator select.paginate { padding: 4px 0 4px 3px !important; width:50px; } .paginator select.paginate option { padding: 0 10px 0 3px !important; } /* ============================================================================================= */ /* @ PAGINATION /* --------------------------------------------------------------------------------------------- */ #pagination {margin-top: 20px;padding-top: 30px;border-top: #F0F0F0 1px solid;} #pagination .link {padding: 10px 15px;background: transparent;border:#bccfd8 1px solid;border-left:0px;cursor:pointer;color:#607d8b} #pagination .disabled {cursor:not-allowed;color: #bccfd8;} #pagination .current {background: #bccfd8;} #pagination .first{border-left:#bccfd8 1px solid;} #pagination .question {font-weight:bold;} #pagination .answer{padding-top: 10px;} #pagination .dot {padding: 10px 15px;background: transparent;border-right: #bccfd8 1px solid;} #overlay {background-color: rgba(0, 0, 0, 0.6);z-index: 999;position: absolute;left: 0;top: 0;width: 100%;height: 100%;/*display: none;*/} #overlay div {position:absolute;left:50%;top:50%;margin-top:-32px;margin-left:-32px;} /* ============================================================================================= */ /* @ TABLES /* --------------------------------------------------------------------------------------------- */ table{width:100% !important;text-align:left;border-collapse:collapse;margin:10px 0 20px; } table .form-row > [class*="col-"] { padding-bottom: 5px; } table.one-column-emphasis{width:100% !important;text-align:left;border-collapse:collapse;margin:10px 0 20px; border-bottom:1px solid #E8ECF8;} .one-column-emphasis th{font-weight:bold;color:#666666;padding:5px 10px; vertical-align:top; /* background:#f8faff; */} .one-column-emphasis td{border-bottom:1px solid #e8edff;padding:5px 8px; } .oce-first{/* background:#f8faff; */border-right:0px solid transparent;border-left:0px solid transparent; width: 230px;} .oce-first-label{/* background:#f8faff; */border-right:0px solid transparent;border-left:0px solid transparent; } .one-column-emphasis tr:hover td{color:#339;background:#F3F4F8;} @media print{ #header, .content-side, #footer, .uwy, .btn {display:none} #main { margin: 0px; } html, body, .breadcrumbs { background: #FFFFFF; } .breadcrumbs { padding: 0; } } .prof_edit{ font-size: 14px; } /* ============================================================================================= */ /* @@ OVERRIDES - FEATURED BLOCKS /* --------------------------------------------------------------------------------------------- */ .featured-blocks{position:relative;padding-top:10px} .featured-blocks .featured-block{position:relative;margin-bottom:40px} .featured-blocks .featured-block .inner-box{position:relative;display:block;padding:0 0;padding-right:20px} .featured-blocks .featured-block .inner{position:relative;display:block} .featured-blocks .featured-block .icon{position:relative;display:block;left:0;top:0;line-height:1em;font-size:60px;color:#dc4549;margin:0 0 30px;padding:30px 0 0 25px} .featured-blocks .featured-block:nth-child(1) .icon{color:#dc4549} .featured-blocks .featured-block:nth-child(2) .icon{color:#f5a93f} .featured-blocks .featured-block:nth-child(3) .icon{color:#4cc7d6} .featured-blocks .featured-block h3{position:relative;font-family:'Muli',sans-serif;color:#2f3753;font-weight:600;font-size:20px;text-transform:capitalize;padding-bottom:12px;margin-bottom:15px} .featured-blocks .featured-block h3:before{content:'';position:absolute;left:0;bottom:0;width:30px;border-bottom:2px solid #FFFFFF} .featured-blocks .featured-block h3 a{color:#2f3753} .featured-blocks .featured-block h3 a:hover{color:#dc4549;text-decoration:underline} .featured-blocks .featured-block .bg-green-dark h3:before,.featured-blocks .featured-block .bg-maroon h3:before{border-bottom:2px solid #fff} /* ============================================================================================= */ /* @@ OVERRIDES - EVENTS LIST - DATEBOX /* --------------------------------------------------------------------------------------------- */ .date_box_wrap{overflow:hidden;padding-right:1px;position:relative;margin-bottom:10px;float:left; font-family: 'Verdana', 'Arial', sans-serif;} .date-box *{cursor:alias!important} .date_box_wrap .date-box{position:relative;display:inline-block;width:56px;height:auto;background:var(--color-theme-a);color:#fff;line-height:normal;text-align:center;border:1px solid var(--color-theme-a)} .date_box_wrap .date-box .month{font-size:17px;color:#fff;text-transform:uppercase;line-height:1;padding-top:10px;padding-bottom:5px} .date_box_wrap .date-box .day{font-size:50px;line-height:1;background:#fff;color:var(--color-theme-a);padding-top:4px;padding-bottom:5px;font-weight:300!important} .date_box_wrap.sm .date-box{width:54px;height:auto} .date_box_wrap.sm .date-box .month{font-size:13px;padding-top:6px;padding-bottom:4px;text-transform:uppercase; font-weight: 700;} .date_box_wrap.sm .date-box .day{font-size:30px;padding-top:4px;padding-bottom:5px} .date_box_text{padding-left:92px} .date_box_text_sm{padding-left:50px} .date_box_text_sm .panel-heading{padding:0 15px!important} /* ============================================================================================= */ /* @@ FORMS MISC /* --------------------------------------------------------------------------------------------- */ input#nah_snd { float: left; visibility: hidden !important; margin: 0 !important; padding: 0 !important; height: 0 !important; width: 0 !important; } .form-mimic { border-width: 0px 0px 1px 0; border-bottom-width: 1px; border-bottom: 1px solid #E9EBEE; border-radius: 0px; box-shadow: none; height: auto; padding-top: 6px; color: #90949c; font-size: 100%; } .pull-right { float: right !important; } /*** ==================================================================== Section Misc ==================================================================== ***/ .section-caption {text-transform: uppercase; font-size: 14px; color: var(--color-theme-d); padding-bottom: 0px; margin-bottom: 0px; line-height: 1;} .section-caption::before { content: ""; position: absolute; display: block; width: 120px; height: 2px; background: #e1e1e1; bottom: 1px; left: calc(50% - 60px); } .section-caption::after { content: ""; position: absolute; display: block; width: 40px; height: 5px; background: var(--color-theme-d); bottom: 0px; left: calc(50% - 20px); } /*==============================Global styling*/ .magin-top{margin-top:2.5rem} .magin-bottom{margin-bottom:2.5rem} /*** nav header ***/ .top .bg-body-tertiary{background-color:#fff!important} .top .navbar-nav.me-auto{margin-right:2rem !important;margin-left:auto!important;} .navbar-main .nav-link{ font-size:17px; color:#000; font-weight: 500; text-transform: capitalize; line-height: 40px; padding: 0 25px 0 5px !important; } /* @media (max-width: 1440px) { .navbar-main .nav-link{ font-size:15px; padding: 0 15px 0 5px !important;} } */ .navbar-nav.navbar-main .nav-link.active, .navbar-nav.navbar-main .nav-link.show {color: var(--ptl-gold);} .navbar-main .nav-link:focus, .navbar-main .nav-link:hover {color: var(--ptl-gold);} .navbar-main .nav-item{padding:0;} .navbar-main a.nav-link::before{ display: block; background: #ffd98a; border-radius: 2px; bottom: 4px; content: ""; display: none; height: 2px; left: 12px; position: absolute; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: -webkit-transform .2s; transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s; width: calc(100% - 24px); } .dropdown-menu{background-color:#FFFFFF;border-radius:0px;padding:0px;border:none; top: 95%; visibility: hidden; } .dropdown-menu a.active, .dropdown-menu a:active , .dropdown-item.active, .dropdown-item:active { color:#000; text-decoration: none; background-color:#ffe295; } .dropdown-menu a, .dropdown-item{color:#333333;padding:.7rem 1rem; font-size: 14px;} .dropdown-menu a:focus, .dropdown-menu a:hover, .dropdown-item:focus, .dropdown-item:hover { background-color:var(--ptl-beige); background-color:#dcab2766; } .dropdown-menu li{ color:#333333; border-bottom:1px solid rgba(255, 255, 255, 0.2); } .dropdown:hover>.mega-wrap { visibility: visible; } .dropdown:hover>.dropdown-menu { display: block; visibility: visible; } .dropdown>.dropdown-toggle:active { /*Without this, clicking will make it sticky*/ pointer-events: none; } .btn-wrap .btn-gold{ background-color: var(--ptl-gold); color:#fff; padding:.5rem 2rem; text-decoration: none; border-radius:5px; } .btn-wrap .btn-gold:before{ background-color:var(--ptl-brown); border-radius:5px; } .btn-wrap .btn-brown-outline, .btn-brown-outline{ border: 1px solid var(--color-theme-d); background-color: #FFF; color: var(--color-theme-d) !important; padding:.5rem 1.2rem; text-decoration: none; border-radius:5px; } .btn-wrap .btn-brown-outline:before, .btn-brown-outline:before{ background-color:var(--ptl-gold) !important; border-radius:5px; } .btn-wrap .btn-brown-outline:hover, .btn-brown-outline:hover{ border: 1px solid var(--color-theme-d); background-color: var(--ptl-gold) !important; color: #FFFFFF !important; text-decoration: none; } .btn-wrap .btn .fa, .btn-wrap .btn .fas { font-size: 80% !important; margin-right: 4px;} /* .btn-wrap .hvr-shutter-out-horizontal{ background-color: var(--ptl-gold); color:#fff; padding:.5rem 2rem; text-decoration: none; border-radius:5px; } .btn-wrap .black-btn.hvr-shutter-out-horizontal{background-color:var(--ptl-gold);margin-right:.4rem} .btn-wrap .hvr-shutter-out-horizontal:before{ background-color:var(--ptl-brown); border-radius:5px; } */ @media (max-width: 1371px) { .btn-wrap .btn-brown-outline, .btn-brown-outline {border: 1px solid var(--color-theme-d);background-color: #FFF;color: var(--color-theme-d);padding: .34rem 1.0rem;text-decoration: none;border-radius: 5px;font-size: 12px;font-weight: 500;margin-right: 18px !important;} } /*==============================banner section*/ .banner-main.inner .carousel-caption {bottom: 4rem;} ol.breadcrumb{ padding: .15rem 1rem .75rem;} li.breadcrumb-item a, .black li.breadcrumb-item a, .carousel-item li.breadcrumb-item a{color:var(--bs-gray-600);font-size:13px;text-decoration:none;font-weight: 300;} /* li.breadcrumb-item.active a, .carousel-item li.breadcrumb-item.active a, .black li.breadcrumb-item.active a { color: #36a848} */ .banner-main.inner h1{font-size:2rem;} .overlaybanner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: #FFF; display: block; background-color: rgba(0, 0, 0, .23); z-index: 1; } .carousel-caption { bottom:10rem; z-index: 3; } .banner-main h5{font-size:15px;color:#fff;} .banner-main p{width:70%; margin:0 auto 1rem auto;} .banner-main .carousel-indicators {bottom: 4rem;} .btn-banner .hvr-outline-out{ padding: .45rem 2rem; background-color:var(--color-theme-d); color:#fff; text-decoration:none; border-radius: .5rem 0; text-transform: none; font-size:13px; margin-top: 10px; } .btn-banner .hvr-outline-out:before { content: ''; position: absolute; border: #fff solid 1px; /* border-radius:5px; */ border-radius: .5rem 0; } .btn-banner .btn-green.hvr-outline-out{background-color:var(--ptl-beige);margin-left:1rem;} .banner-main .btn-banner{padding-top:.8rem;} .banner-main, .banner-main .carousel-item { height: 70vh; display: block;} .carousel-control-next, .carousel-control-prev { background: none; border: none; } /*==========================partner*/ .partners{ background-color:#fdf3f3; padding:1.125rem 0; } .partners h2{margin-top:1.5rem;} .partners img{width:100%;} /*================================================about section*/ .count .ps-4 {padding-left: 1rem !important;} .about-home h1{color:var(--ptl-beige);font-size:2rem;} .about-home .border-primary {border-color:var(--ptl-beige)!important;} .section-title::before { position: absolute; content: ""; width: 45px; height: 2px; top: 50%; left: -55px; margin-top: -1px; background:var(--ptl-beige); } .section-title::after { position: absolute; content: ""; width: 45px; height: 2px; top: 50%; right:unset; margin-top: -1px; margin-left: 16px; background: var(--ptl-beige); } .section-title {position: relative;} h5.section-title{color:var(--ptl-beige);font-size:14px;margin-left:3rem;} .media img:hover ,.about-home img:hover { opacity: .9; -webkit-transform: translate3d(0, -3%, 0); transform: translate3d(0, -3%, 0); transition: transform 1s; -webkit-filter: grayscale(100%); filter: grayscale(100%); } .media img,.about-home img{ width: calc(100% + 60px); transition: opacity .35s, transform .45s; transition: transform 1s; } .about-home{ position: relative; background-color:transparent; margin:0rem 0px 0rem 0rem; padding:2.5rem 0rem 2.5rem 0rem; } .global-btn .hvr-shutter-out-vertical:before{ background-color:var(--ptl-beige); border-radius: .5rem 0; border-radius: .5rem 0; border-radius: .5rem 0; } .global-btn .hvr-shutter-out-vertical{ background-color: var(--ptl-beige); text-transform: uppercase; color: #fff; font-size: 13px; text-decoration:none; padding: .6rem 2rem; border-radius: .5rem 0; border-radius: .5rem 0; border-radius: .5rem 0; } .tile-1 .global-btn .hvr-shutter-out-vertical{background-color:var(--ptl-beige);} .global-btn .hvr-shutter-out-vertical:before{background-color:var(--ptl-brown);} .global-btn .hvr-shutter-out-vertical.outline{ background-color: transparent !important; text-transform: uppercase; color: var(--color-theme-d); border: 1px solid var(--ptl-beige) !important; font-size: 13px; font-weight: 600; text-decoration:none; padding: .4rem 1.5rem; border-radius: .5rem 0; border-radius: .5rem 0; border-radius: .5rem 0; } .global-btn .hvr-shutter-out-vertical.outline:hover { color: #FFF;} .global-btn .hvr-shutter-out-vertical.outline:before{background-color:var(--ptl-beige);} /*==========================About */ .ultimate{ background-color:#FFF; padding:2rem; position: absolute; border-radius:.5rem; width:45%; margin:2.5rem 2rem; overflow: hidden; } .ultimate .global-btn.greeni .hvr-shutter-out-vertical{background-color:#01853D;} .ultimate .global-btn .hvr-shutter-out-vertical:before{background-color:var(--ptl-beige);} .about-kenphia .container{ background-color:#FDF0F1; border-radius:10px; padding:2.5rem; overflow: hidden; } .img-wrap{margin:0px 0rem 0rem 9rem;} .img-wrap img{ width:100%; border-radius:10px; } /*=================================Connecting Businesses &The Ultimate Digital Marketplace*/ .about-kenphia{position:relative;margin-top:2.5rem} /*==========================happy-clients*/ .happy-clients h2{ text-align:center; width:60%; margin:0 auto; text-align: center; } .happy-clients h3{text-align:center;color: #01853D; font-size:17px} .happy-client p{text-align:center;} .happy-clients .section-title{margin:0 auto;} /*** Testimonial ***/ .testimonial-carousel .owl-dots { margin-top:0px; display: flex; align-items: flex-end; justify-content: center; } .testimonial-carousel .owl-dot { position: relative; display: inline-block; margin: 0 5px; width: 15px; height: 15px; background:var(--ptl-beige); border-radius: 2px; transition: .5s; } .testimonial-carousel .owl-dot.active { width: 30px; background:#fe696a; } .testimonial-carousel .owl-item.center { position: relative; z-index: 1; } .testimonial-carousel .owl-item .testimonial-item { transition: .5s; } .happy-clients .testimonial-item h3{color:var(--ptl-beige);} .testimonial-item p{width:60%;margin:0 auto;text-align: center;} .p-c h5.small, .p-c p.small{font-size:13px;} .testimonial-item .avatar{float:left;width:auto;margin-right:2rem} .avatar img{width:100px; height:100px;border-radius:50%;} /*** Team ***/ .team-item { transition: .5s; } .team-social { position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: flex; align-items: center; justify-content: center; transition: .5s; } .team-social a.btn { position: relative; margin: 0 3px; margin-top: 100px; opacity: 0; } .team-item:hover { box-shadow: 0 0 30px #DDDDDD; } .team-item:hover .team-social { background: rgba(9, 30, 62, .7); } .team-item:hover .team-social a.btn:first-child { opacity: 1; margin-top: 0; transition: .3s 0s; } .team-item:hover .team-social a.btn:nth-child(2) { opacity: 1; margin-top: 0; transition: .3s .05s; } .team-item:hover .team-social a.btn:nth-child(3) { opacity: 1; margin-top: 0; transition: .3s .1s; } .team-item:hover .team-social a.btn:nth-child(4) { opacity: 1; margin-top: 0; transition: .3s .15s; } .team-item .team-img img, .blog-item .blog-img img { transition: .5s; } .team-item:hover .team-img img, .blog-item:hover .blog-img img { transform: scale(1.15); } /*==========================Specific Objectives*/ .prevalence h3{ color:#fff!important; font-size:16px!important; line-height:28px!important; } .specific .col-md-3{ display:flex; justify-content:center; align-items:center; text-align: center; padding:2rem; } .container.specific{padding:2rem 2rem 0px 2rem;} /*==========================footer section*/ .footer.mm-4{margin-top:5rem;} .ready-to{ border-radius: 10px; margin-top: -100px; margin-bottom:3rem; margin-left: 0; margin-right: 0; background-color: #fff; box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.07); padding:2rem 2rem 1rem 2rem; float: left; width: 100%; } .testimonial-item h3,.ready-to h3{font-size:20px; } .testimonial-item h3{color:#000; font-size:18px;} .ready-to p{color:#777!important; font-size:16px!important;width:60%;float: left;} .ready-to .global-btn{float:right} .padin-right{padding-right:3rem;} .footer{ width: 100%; clear:both; padding-top:3rem; position: relative; background-color:#01853d; } .footer-logo img{margin-right:.5rem;} .footer-logo { font-size: 14px; color:#fff; } .footer h5 { font-size:13px; text-transform:uppercase; letter-spacing:normal; color: #fff; margin-bottom:0rem; } .footer a, .copy a{color:#000;text-decoration:none;font-size:14px; } .footer a:hover, .copy a:hover{color:#01b854!important;} .footer .nav.flex-column li a.nav-link{ text-transform: capitalize; font-size:14px; color:#fff!important; } .footer .nav.flex-column li.nav-item{padding-left: 0rem;padding-right: 0rem} .footer .nav.flex-column li a.nav-link:hover{color: #01b854!important;} .copy{background-color:#3c3d3c;padding:1.3rem 0px 0px 0px;} .footer .accordion-button{background-color:transparent;} .footer .accordion-item{ color:#000; background-color:transparent; border:0; } .footer .collapse:not(.show) {display: block;} .footer .accordion-button::after{display: none;} .footer .accordion-button:not(.collapsed)::after{visibility: unset;} .footer .accordion-button:not(.collapsed)::after{background-image: none;} .footer .accordion-body {padding:1rem 0rem 0rem 0rem;} .footer .accordion-button{padding:0px;} .footer .accordion-button:not(.collapsed) { color: var(--bs-accordion-active-color); background-color:transparent; box-shadow:unset; } .footer .accordion-button:focus { z-index: 3; border-color:0; outline: 0; box-shadow:unset; } .footer .accordion-item:first-of-type { border-top-left-radius:0rem; border-top-right-radius:0rem; } .footer.bg-dark-overlay::before { content: " "; background:#000; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .footer.bg-dark-overlay::after { content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: -1; } .contact-icons .bi{margin-right:0.5rem} .contact-icons .ms-3 { margin-right:1rem !important; margin-left:0rem!important; } .bi { fill: #FFF !important; font-size: 16px; } .contact-icons .bi:hover {fill:#01b854 !important;} .copy p, .footer p{color:#fff;font-size:14px;} .copy a{color:#fff;} .footer-logo a:hover{color:#000!important;} /*** ==================================================================== Main Footer ==================================================================== ***/ .main-footer { position: relative; color: #27180b; background-color: #FFFFFF; bottom: 0; width: 100%; z-index: 0; } @media only screen and (max-width: 1023px){ .main-footer { position: relative; } .page-wrapper { margin-bottom: 10px; } } .main-footer .image-layer{ position:absolute; left:0; top:0; width: 100%; height: 100%; opacity:1; background-repeat: no-repeat; background-position: center center; background-size: cover; } .main-footer .image-layer:before{ content: ''; position:absolute; left:0; top:0; width: 100%; height: 100%; opacity:0.90; background-color:#1d1d1d; } .main-footer .widgets-section{ position:relative; padding:35px 0px 30px; } .main-footer .column{ position:relative; margin-bottom:10px; } .main-footer .footer-widget{ position:relative; } .main-footer h3{ position:relative; font-size:19px; font-weight:700; letter-spacing: 0.03em; text-transform:capitalize; padding-bottom: 10px; margin-bottom:10px; } .main-footer h3:before{ content: ''; position: absolute; left: 0; bottom: 0; width: 30px; border-bottom: 2px solid var(--ptl-color-other); } .main-footer .logo-widget{ position:relative; } .main-footer .footer-logo{ position:relative; margin-top: 25px; margin-bottom:10px; } .main-footer .logo-widget .text{ position:relative; margin:0 0 25px; padding-right: 20px; } .main-footer .logo-widget a{ color:#642F00; text-decoration: underline; } .main-footer .links-widget .widget-content{ position:relative; text-align: left !important; } @media (max-width:767px){ .main-footer .links-widget .widget-content{ text-align: center !important; } .main-footer .links-widget .widget-content h3:before { left: 46%; } } .main-footer .links-widget ul, .main-footer .links-widget ul li{ list-style: none; padding: 0; margin: 0; } .main-footer .links-widget ul li{ position:relative; margin-bottom:8px; } .main-footer .links-widget ul li:last-child{ margin:0; } .main-footer .links-widget ul li a{ position:relative; color:#27180b; font-size:15px; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } /* .main-footer .links-widget ul li a:hover{ color: #f5a93f; } */ .main-footer .social-links{ position:relative; } .main-footer .social-links li{ position:relative; margin-right:5px; display:inline-block; } .main-footer .social-links li a{ position:relative; display:block; color:#FFFFFF; font-size:14px; width:36px; height:36px; line-height:36px; background: var(--color-theme-c); text-align:center; border-radius:50%; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } /* .main-footer .social-links li a:hover{ color:#ffffff; background: #f5a93f; } */ .main-footer .info-widget ul li{ position:relative; margin-bottom:10px; } .main-footer .info-widget ul li:last-child{ margin:0; } .main-footer .info-widget ul li a{ position:relative; color:#cccccc; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } /* .main-footer .info-widget ul li a:hover{ color: #f5a93f; } */ .main-footer .info-widget ul li .fab, .main-footer .info-widget ul li .fa, .main-footer .info-widget ul li .far{ width: 20px; font-size: 14px; font-weight: 700; color: #ffffff; } .newsletter-form{ position:relative; padding-right: 50px; } .newsletter-form form{ position:relative; } .newsletter-form .form-group{ position: relative; margin: 0; padding-right: 200px; } .newsletter-form .form-group input[type="text"], .newsletter-form .form-group input[type="tel"], .newsletter-form .form-group input[type="email"], .newsletter-form .form-group textarea{ position: relative; width: 100%; line-height: 26px; padding: 15px 20px; height: 58px; display:inline-block; font-size: 16px; background: none; font-weight:400; color:#ffffff; border:1px solid rgba(255,255,255,0.70); border-radius: 5px; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; } .newsletter-form .form-group input[type="text"]:focus, .newsletter-form .form-group input[type="email"]:focus, .newsletter-form .form-group input[type="tel"]:focus{ border-color:#ff7a21; } .newsletter-form .form-group input::-webkit-input-placeholder{ color:#848484; font-style: italic; } .newsletter-form .form-group .newsletter-btn{ position: absolute; width:190px; height:58px; top: 0px; right: 0px; float:right; color:#ffffff; font-size:16px; font-weight:600; padding:14px 20px; line-height: 30px; display:block; background:#4cc7d6; text-transform: uppercase; border-radius: 5px; } .newsletter-form .form-group .newsletter-btn:hover{ background: var(--ptl-color-other); } .main-footer .footer-bottom{ position:relative; padding:0px 0px; line-height:24px; font-size:14px; background-color: #343434; color: #ffffff; /* text-align: center; */ } .main-footer .footer-bottom *, .main-footer .footer-bottom a{ color: #ffffff !important; } .main-footer .footer-bottom .inner{ position:relative; padding:15px 33px 8px; } .main-footer .footer-bottom .copyright, .main-footer .footer-bottom .copyright a{ position:relative; } #nav_foot { margin: 0; margin-right: 0px; margin-left: 0px; display: flex; } #nav_foot, #nav_foot li { list-style: none; list-style-type: none; list-style-type: none; } #nav_foot li { position: relative; padding: 0; margin: 0; display: inline-block; } #nav_foot li a { display: block; background: none; padding: 2px 8px; border-right: 0 solid #f1f1f2; text-decoration: none; margin: 0; font-size: 14px; color: #27180b; } /*==========================faqs*/ .terms-content h2{margin-bottom: 2rem;color:var(--ptl-beige);} .t-c{overflow:hidden;position: relative;} .t-c img{width:100%; transform:unset; transition:unset; margin-left:-1rem; } .t-c .overlaybanner{ top: 0; left: 0; right: 0; bottom: 0; background: rgba(21, 128, 68, .5); z-index: 1; } /***accordion****/ .about-home.inner{margin-bottom:2rem;} .faq-page{padding:1rem 3rem 3rem 0rem;} .faq-page .accordion-body p{ font-size: 16px; line-height: 26px; color:#000; } .faq-page .accordion-item:first-of-type {border-radius:unset;} .faq-page .accordion-item {background-color:transparent; color:#fff;border-radius:0px; border-top:unset; border-bottom:0px #f1faf5 solid; border-right:unset; border-left:unset; } .faq-page .accordion-body{padding:0rem 0px 1rem 0px;} .faq-page .accordion-button { padding:1.5rem 0px; font-size:18px; background-color:transparent; border: 0; border-radius: 0; color: #000; font-weight: bold; } .faq-page .accordion-item:first-of-type .accordion-button{padding-top:0px;} .faq-page .accordion-button::after { flex-shrink: 0; width: unset; height: unset; margin-left: auto; content: ""; background-image:unset; background-repeat:unset; background-size: unset; transition:unset; content: "\002B"; color: #000; font-weight: 700; float: right; margin-left: auto; } .faq-page .accordion-button:not(.collapsed)::after { background-image: unset; transform:unset; content: "\2212"; color: var(--ptl-beige); } .faq-page .accordion-main .accordion-item:last-of-type .accordion-button.collapsed { border-bottom-right-radius:0rem; border-bottom-left-radius:0rem; } .faq-page .accordion-button:focus { border-color:transparent; box-shadow:unset; } .faq-page .accordion-button:not(.collapsed) { color:var(--ptl-beige); background-color:transparent; box-shadow:unset; font-size:18px; } .faq-page .accordion { --bs-accordion-color: #212529; --bs-accordion-bg: #fff; --bs-accordion-transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease; --bs-accordion-border-color: var(--bs-border-color); --bs-accordion-border-width: 1px; --bs-accordion-btn-padding-x: 1.25rem; --bs-accordion-btn-padding-y: 1rem; --bs-accordion-btn-color: #212529; --bs-accordion-btn-bg: var(--bs-accordion-bg); --bs-accordion-btn-icon: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e); --bs-accordion-btn-icon-width: 1.25rem; --bs-accordion-btn-icon-transform: rotate(-180deg); --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out; --bs-accordion-btn-active-icon: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e); --bs-accordion-btn-focus-border-color: #86b7fe; --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); --bs-accordion-body-padding-x: 1.25rem; --bs-accordion-body-padding-y: 1rem; --bs-accordion-active-color: #0c63e4; --bs-accordion-active-bg: #e7f1ff; --bs-accordion-border-radius:0; --bs-accordion-inner-border-radius:0; } /*==========================about inner*/ .about-inner{overflow: hidden;} .img-inner img{width:100%;} .tab-content li{ margin-bottom: 1rem; list-style-image:url(../images/check-box.png); list-style-position:left center; } .tab-content{padding-right:14rem} /*==============================media-inner*/ /* .media-inner h2{margin-bottom:2rem;margin-top:2rem;} */ .media-inner{padding:0 0 30px; margin-bottom: 30px;} .nav.nav-pills.mb-3{ background-color:var(--ptl-beige); border-radius:5px; padding:.7rem; } .tab-content h2{font-size:20px;color:var(--ptl-beige)} .media-inner .tab-content h3{font-size:18px;color:#01b854; } span.bold{font-size:17px;font-weight: bold;} .nav-pills .nav-link.active, .nav-pills .show>.nav-link{background-color:#01b854;} .nav-pills .nav-link{padding:.5rem 4rem;color:#fff;text-transform:uppercase;} .tab-content{margin-top:2rem;padding-left:.5rem;} /*==============================news-updates*/ .p-70{width:80%;margin-bottom:2rem;} .btn.btn-fancy-primary { color: #005fa3; font-size: 16px; border: 1px solid #165fa3; margin-right: 1.5rem; margin-bottom: 1.5rem; padding: .5rem 1rem; border-radius: .5rem 0; border-radius: .5rem 0; border-radius: .5rem 0; } /* .black{background-color:transparent;padding:1.5rem 1rem 0.5rem;} */ .black { background-color: transparent; padding: 0rem 0 0.5rem; } .black p{text-align:center; font-size:22px; } .black h2{ text-align:center;} .black .breadcrumb{ background-color: transparent;} .cls-sticky .black { margin-top: 70px;} .news-updates{margin-bottom:2.5rem;margin-top:2.5rem;padding:2.5rem 2rem;} .news-updates h2{color:#01b854;margin-bottom: 1.5rem; margin-top: 0;} @media only screen and (max-width: 1371px){ .black { background-color: transparent; padding: 1.0rem 1rem 0.5rem; } } .cont-wrap{ background-color: #fff; box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.07); margin-bottom: 30px; border-radius:.5rem; } .tile-1{padding:0rem 1.5rem 2rem 1.5rem;} .tile-1 p{ display: none;} .cont-wrap h3{ font-size:18px; margin-top:1.5rem; margin-bottom:1rem; font-weight: 500; } .cont-wrap a{text-decoration:none;color:#000;} .cont-wrap .media { display: grid; max-height: 160px; width: 100%; overflow: hidden;} .media img { height: auto; max-width: 100%; border: none; border-radius: 0; box-shadow: none; border-radius:.5rem .5rem 0px 0px; } .slick-news .cont-wrap { margin-left: 5px; margin-right: 5px;} .slick-news .cont-wrap h3 { font-size: 19px; margin-top: 1.5rem; margin-bottom: 1rem; color: var(--color-links); line-height: 1.4; } /*=========================Contact Us*/ .btn-primary { color: #FFF; background-color: var(--ptl-beige); border-color: var(--ptl-beige); font-size: 12px; text-transform: uppercase; padding: .7rem 2rem !important; } .contact-page .btn.btn-primary.py-3 {padding: .7rem 3rem !important;margin-bottom: 2rem;} .contact-page .btn:hover { color:#fff; background-color:#01853D; border-color:#01853D; } .contact-img img{width:100%} .contact-page h2{font-size:2rem;padding-top: 3rem;margin-bottom:2rem;} .contact-right p{width:80%;margin-bottom:3rem;} .contact-left{padding-left:3rem;padding-right:3rem;} .contact-left a{color:#6B6A75;} .contact-left a:hover{color:#FFB606;text-decoration: underline;} .contact-right{padding-right:3rem;padding-left:1rem;} /* .contact-left > p:nth-child(2), p.contact_bold { font-weight: bold; } */ .contact-page .bg-light{background-color:transparent!important;padding-left:0px!important} .contact-page .form-control{ min-height: 55px; border-top:0px; border-left:0px; border-right:0px; border-bottom:2px #F0F0F0 solid!important; } .contact-page .btn.btn-primary.py-3 { padding-top: .7rem !important; padding-bottom:.7rem !important; margin-bottom:2rem; } .form-control:focus {box-shadow:unset;} .radius-100 { border-radius: 100% !important; overflow: hidden !important; } /*================================================searchbar*/ .search-bar .hvr-shutter-in-horizontal.btn.btn-primary:before{background-color:var(--ptl-beige);padding-left:2rem!important;padding-right:2rem!important;} .btn:hover { color:#fff; background-color:#000; border-color:#000; } .search-bar{background-color:#199647;padding:2rem 0rem 2rem 2rem;margin-top:-6rem;z-index: 1050;position: relative;margin-bottom:2.5rem;} .search-bar .form-control{padding: 0.7rem 0.75rem;} .search-bar .form-select {padding: 0.7rem 2.25rem 0.7rem 0.75rem;} .search-bar .btn.btn-primary.btn-send{border-radius: 0.375rem;padding: 0.825rem 4rem;font-size:1rem;} .search-bar .hvr-shutter-in-horizontal:before{border-radius: 0.375rem;} .form-control:focus { color: #212529; background-color: #fff; border-color:#86b7fe; outline: 0; box-shadow:unset; } .search-bar input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #000!important; opacity: 1!important; /* Firefox */ } .search-bar input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #000!important; } .search-bar input::-ms-input-placeholder { /* Microsoft Edge */ color: #000!important; } .light-green{background-color:#F3FFF9;padding:3rem 4rem;} /* ============================================================================== /* IMAGE BOXES /* ------------------------------------------------------------------------------ */ /* width: 70px; height: 70px; */ .tile-image{width: 100%; height: auto; overflow: hidden; display: block; float: left; margin: 3px 10px 3px 0; border: 0 solid #e2e2e2; padding: 0; text-align: center; background-size: cover !important;} .bitChopa,.bitChopaTiny,.listChopa{width:70px;height:70px;overflow:hidden;display:block;float:left;margin:3px 10px 3px 0;border:0 solid #e2e2e2;padding:0;text-align:center} .bitChopaTiny{width:40px;height:40px} .bitChopa img,.bitChopaTiny img,.listChopa img{padding:0;margin:0} * html span.bitChopa img{height:70px;width:70px} * html span.bitChopaTiny img{height:40px;width:40px} .bitChopa img{max-width:70px;min-height:60px} .bitChopaTiny img{max-width:40px;min-height:30px} .listChopa{width:100px;height:auto;max-height:80px;border-radius:5px} .listChopa img{width:auto;min-width:100%;max-height:100px} .grid-item .bitChopaWrap{max-height:240px;overflow:hidden;display:block} /* .card_profile .grid-item .bitChopaWrap{max-height:220px;} .card_profile col-md-4 .grid-item .bitChopaWrap{max-height:250px;} */ .grid-item .bitChopa{display:block;width:100%;height:auto;margin:0 0 10px} .card-columns .img-respo,.grid-item .bitChopa .img-respo,.grid-item .bitChopa img,.grid-item .bitChopaWrap .tile-image{width:100%;max-width:100%;min-height:50px;height:100%} .card-columns .img-respo,.grid-item .bitChopa .img-respo,.grid-item .bitChopaWrap .img-respo,.grid-item .bitChopaWrap .tile-image{background-repeat:no-repeat;background-position:50% 10%;background-size:cover;width:100%;min-height:150px} .pics-sm .grid-item .bitChopaWrap .img-respo{ min-height:100px} .pics-sm .grid-item .bitChopaWrap{max-height:150px} .pics-docs .grid-item .bitChopa,.pics-docs .grid-item .bitChopaWrap{max-height:200px} .pics-docs .grid-item .bitChopa img{height:200px;max-height:210px} /* ============================================================================== /* CONTENT CARDS /* ------------------------------------------------------------------------------ */ .card-set .card, .card-columns .card { margin-bottom: 1.75rem; } .card-columns .card { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, .125); border-radius: .35rem; overflow: hidden !important; } /* .card-columns .card { background: transparent; border-radius: 0.5rem; display: inline-block; } */ .card-set .card:hover, .card-columns .card:hover, .card-columns .card .panel-home-guts:hover { background-color: #F9F9F9; } .card-set .grid-item, .card-columns .grid-item { display: block; width: 100% !important; } .card-set .grid-item .panel-heading, .card-columns .grid-item .panel-heading { padding: 15px 15px 10px; } .card-set .grid-item h3, .card-set .grid-item .h3, .card-columns .grid-item h3, .card-columns .grid-item .h3 { font-size: 17px; line-height: 1.2; display: block; } .card-set .grid-item h4, .card-set .grid-item .h4, .card-columnsX .grid-item .h4, .card-columns .grid-item h4, .card-columns .grid-item .h4, .grid-item .h4 { font-size: 17px; line-height: 1.2; display: block; /* font-family: var(--font-head); */ } .card-set .grid-item a .h4, .card-columns .grid-item a .h4 { color: var(--color-links); } .card-set .grid-item .panel-heading, .card-columnsX .grid-item .panel-heading, .card-columns .grid-item .panel-heading { padding: 15px 15px 2px; } .card-columnsX .single-row .grid-item .panel-heading { padding: 5px 15px 2px; } .grid-item .panel .panel-body { padding: 2px 15px 5px; } .card-set .grid-item .panel-body, .card-columns .grid-item .panel-body { font-size: 95%; line-height: 1.2; } /* .card-columns .grid-item .bitChopa { padding: 2px 15px 5px; } */ .grid-item .bitChopa img, .grid-item .bitChopa .img-respo, .card-columns .img-respo { width: 100%; max-width: 100%; min-height: 50px; height: 100%; } .grid-item .bitChopa .img-respo, .card-columns .img-respo { background-repeat: no-repeat; background-position: 50% 50%; background-size:cover; width:100%; } @media (max-width: 767px) { .card-set .grid-item h4, .card-set .grid-item .h4, .card-columnsX .grid-item .h4, .card-columns .grid-item h4, .card-columns .grid-item .h4, .grid-item .h4 { font-size: 16px; } } /* @@ END :: gallery_base */ /* @media (min-width: 1200px) { .card-columns.cols-2 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 1.25rem; -moz-column-gap: 1.25rem; column-gap: 1.25rem; } .card-columns.cols-3 .card{ width: 33%; float: left;} } */ @media (min-width: 1200px) { .card-columns { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 1.25rem; -moz-column-gap: 1.25rem; column-gap: 1.25rem; } .card-columns.cols-2 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 1.25rem; -moz-column-gap: 1.25rem; column-gap: 1.25rem; } .card-columns.cols-4 { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4 !important; } .card-columns.cols-5 { -webkit-column-count: 5; -moz-column-count: 5; column-count: 5 !important; } .card-columns .img-respo { height: 200px; } } @media (max-width: 1199px) { .card-columns { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 1.25rem; -moz-column-gap: 1.25rem; column-gap: 1.25rem; } .card-columns.cols-4 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3 !important; } .card-columns.cols-5 { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4 !important; } .card-columns .img-respo { height: 190px; } } @media (max-width: 992px) { .card-columns.cols-4 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2 !important; } .card-columns.cols-5 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3 !important; } .card-columns .img-respo { height: 160px; } } @media (max-width: 786px) { .card-columns { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 1.25rem; -moz-column-gap: 1.25rem; column-gap: 1.25rem; } .card-columns.cols-4, .card-columns.cols-5 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2 !important; } } @media (max-width: 586px) { .card-columns.cols-4, .card-columns.cols-5 { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1 !important; } .card-columns .card { width: 100% !important; } } @media (max-width: 600px) { .card-columns { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 1.25rem; -moz-column-gap: 1.25rem; column-gap: 1.25rem; } } .card-margins .card { margin-top: 25px;} .postDate, .scrollDate { font-size: 90%; text-transform: capitalize; font-weight: normal; padding: 1px 0 0 0px; margin: 0; display: inline-block; font-family: var(--font-head); } .postDate { display: block; } /* ============================================================================== /* PROFILES /* ------------------------------------------------------------------------------ */ .profile_pic{position:relative;margin:0 auto 5px;border:0 solid red;height:300px;width:100%;overflow:hidden!important;display:block} .card_profile .profile_pic{background-image:url(../image/icons/no_avatar_150.webp);background-repeat:no-repeat;background-size:cover;background-position:50% 0%} .card_profile .profile_name{ font-weight: 600; font-size: 16px;} .modal-body .profile_pic{width:100%;max-width:200px;height:auto;max-height:228px} /* .profile_pic,.profile_pic .gutChopa{-moz-border-radius:10%;-khtml-border-radius:10%;-webkit-border-radius:10%;border-radius:10%} */ .profile_pic .gutChopa img,.profile_pic img{height:auto;min-height:100%;width:100%} /* no-repeat 50% 0% ;background-size:100% auto;cover; */ .card_profile .col-md-4 .grid-item .bitChopaWrap{max-height:280px;} .card_profile .grid-item .bitChopaWrap, .card_profile .col-md-3 .grid-item .bitChopaWrap {max-height:220px;} .card_profile .col-md-3 .grid-item .profile_pic{ background-size: 100% auto;} @media (max-width: 767px) { .profile_pic{ height:180px; background-size: contain !important; } } .panel .img-respo { position: relative;} .panel .img-respo .folder-panels__count { position: absolute; bottom: 1px; right: 1%; } .modal-header { padding: 0.6rem 1rem; border-bottom: 1px solid #dee2e6; } h4.modal-title { font-size: 1.25rem; } .top-curve { background: url(../image/gallery/image116.png) no-repeat #fed360b8; background-size: 100% 60px; background-repeat: no-repeat; padding-top: 35px; background-color:#fed360b8; border-radius: 12px; border: 1px solid #fed360; } .bg-brown{ background-color: var(--ptl-beige) !important;} .radius-5 { border-radius: 5px !important; overflow: hidden;} .radius-10 { border-radius: 10px !important; overflow: hidden;} .radius-15 { border-radius: 15px !important; overflow: hidden;} .fs-13 { font-size: 13px !important;} .fs-14 { font-size: 14px !important;} .fs-18 { font-size: 18px !important;} /* ==================================================================== Scroll To Top style ==================================================================== */ .scroll-to-top{ position:fixed; right:0px; bottom:80px; width: 34px; height: 32px; color: #ffffff; font-size: 22px; line-height: 32px; text-align: center; z-index: 100; cursor: pointer; background:var(--color-theme-d); border-radius: 4px; margin-left:-26px; display:none; -webkit-transition:all 300ms ease; -moz-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; transition:all 300ms ease; } .scroll-to-top:hover{ color:#ffffff; -webkit-box-shadow:2px 2px 0px #25283a; -ms-box-shadow:2px 2px 0px #25283a; box-shadow:2px 2px 0px #25283a; } @media (max-width: 1371px) { .scroll-to-top { bottom: 80px; width: 27px; height: 25px; font-size: 16px; line-height: 26px; } } /*------------------------------------------------------------------------------------------------------- @ SOCIAL CONNECT BUTTONS -------------------------------------------------------------------------------------------------------*/ .btns_chat{display:scroll;position:fixed;bottom:0;right:0;background:none;overflow:hidden;width:250px;height:41px;padding:0;z-index:10} .btns_social{display:scroll;position:fixed;bottom:150px;right:0;background:none;overflow:hidden;width:37px;padding:5px;padding:0;z-index:10} .btns_social a img{margin-bottom:2px;z-index:99;width:25px} .btns_social a,.social_icon{height:30px;width:34px;line-height:30px;padding:0;display:block;float:left;text-align:center;color:#fff;float:left;margin-bottom:5px;border-radius: 4px;} .social_icon{margin-right:5px;padding-left:0!important;padding-right:0!important} .btns_social a:hover{background-color:#4f4f4f!important} .btns_social .fb_icon,.btns_social a[title="facebook"]{background:#2d4489;color:#fff} .btns_social .tw_icon,.btns_social a[title="twitter"],.btns_social a[title="X"]{background:#3370c1;color:#fff} .btns_social .ld_icon,.btns_social a[title="linkedin"]{background:#4f93b3;color:#fff} .btns_social .yt_icon,.btns_social a[title="whatsapp"]{background:#6dd532;color:#fff} .btns_social .yt_icon,.btns_social a[title="youtube"]{background:#c11f1e;color:#fff} .btns_social .gplus_ico,.btns_social a[title="instagram"]{background:#d36a6a;color:#fff} .btns_social .mail_icon{background:#09384b;color:#fff} .btns_social .blog_icon{background:#6dd532;color:#fff} .btns_social .contact_icon,.btns_social a[title="email"]{background:var(--ptl-brown);color:#fff} @media only screen and (max-width: 767px){ .btns_social{position:relative;display:flex;bottom:0;top:auto;right:0;width:100%;height:50px;background: #ffebb3;clear:both;float:none;text-align:center;align-items:center;} .btns_social a{float:none;margin:0 auto 2px;background-color:var(--color-theme-a)} } .btns_cvb.btns_social{position:relative;display:block;bottom:0;top:auto;right:0;width:100%;height:70px;background:transparent;clear:both;float:none;text-align:center!important} .btns_cvb.btns_social a{height:40px;width:40px;line-height:40px;display:inline-block;float:none;margin:5px} @media (min-width: 768px) { .btns_social{width:27px;} .btns_social a, .social_icon { height: 25px; width: 25px; line-height: 25px; padding: 0; margin-bottom: 3px; } } @media (min-width: 1024px) { .hide-md { display: none !important; } } /* ============================================================================================= */ /* @@ OVERRIDES - GENERAL /* --------------------------------------------------------------------------------------------- */ button.btn { min-height: calc(1.9em + 0.85rem + 2px);} .btn.btn-3d {box-shadow: inset 0 -3px 0 rgba(0,0,0,.15);} .badge-tag { padding: 0.15rem 0.30rem !important; display: none;} .badge-more { font-size: 81%; padding: 0.15rem 0.50rem !important; border:1px solid var(--color-theme-a)!important; color: var(--color-theme-d) !important; } .card_profile .card:hover .badge-more, .badge-more:hover { background: #FFF!important; border:1px solid var(--ptl-brown) !important; color: var(--ptl-brown) !important; } .btn[class*=gradient-] { border: 0; padding: 0.5rem 1.375rem; font-size: 1rem; } .gradient-blue-purple, .h-gradient-blue-purple:hover { background-image: linear-gradient(to right,#4a00e0,#8e2de2)!important; color: #FFFFFF; } .gradient-light, .h-gradient-light:hover { background-image: linear-gradient(to top,#ddd 0,#fff 100%)!important; color: #000000; } .wrap_tags, .wrap_tags * { font-style: italic; font-size: 13px !important; padding-top: 4px; line-height: 1.1 !important; } .clearfix::after{display:block;clear:both;content:""} .bold { font-weight: bold !important;} .radius-0 { border-radius: 0 !important; } .radius-lg { border-radius: 100px !important; overflow: hidden !important; } .radius-md { border-radius: 10px !important; overflow: hidden !important; } .radius-sm, .radius-5 { border-radius: 0.5rem !important; overflow: hidden !important; } .radius-t-5 { border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; overflow: hidden !important; } .radius-b-5 { border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; overflow: hidden !important; } .radius-100 { border-radius: 100% !important; overflow: hidden !important; } /* .text-success { color: var(--color-theme-a) !important; } */ .hide, .hidden { display: none !important; } .bg-transparent { background: transparent !important; } .bg-maroon { background-color: #E52219; color: #FFFFFF; } .bg-orange { background-color: rgb(var(--ptl-orange)); color: #FFFFFF !important; } .bg-green-dark { background-color: #8BBA00; color: #FFFFFF; } .bg-soft-primary { background-color: rgba(51, 94, 234, 0.2) !important; } .bg-soft-secondary { background-color: rgba(243, 108, 155, 0.2) !important; } .bg-soft-success { background-color: rgba(80, 210, 148, 0.2) !important; } .bg-soft-danger { background-color: rgba(236, 85, 82, 0.2) !important; } .bg-soft-warning { background-color: rgba(255, 234, 4, 0.2) !important; } .bg-soft-info { background-color: rgba(83, 202, 216, 0.2) !important; } .bg-soft-light { background-color: rgba(240, 241, 246, 0.2) !important; } .bg-soft-dark { background-color: rgba(22, 28, 45, 0.2) !important; } /* .card.card-success .card-header, .card.card-success .card-footer { background-color: rgba(var(--ptl-green-rgb),0); color: #333 !important;} */ .card.card-primary .card-header,.card.card-success .card-header,.card.card-warning .card-header,.card.card-danger .card-header,.card.card-info .card-header {border-bottom: 0; font-weight: 700;} .card.card-success .card-header { background-color: var(--color-theme-d) !important; color: #fff !important; } .card.card-primary .card-header { background-color: var(--color-links) !important; color: #fff !important; } .card.card-warning .card-header { background-color: #F0AD4E !important; color: #fff !important; } .card.card-danger .card-header { background-color: #ca2822 !important; color: #fff !important;} .card.card-info .card-header { background-color: #2dbae6 !important; color: #fff !important;} .card.card-dark .card-header { background-color: #1d2939 !important; color: #fff !important;} .italic * { font-style: italic;} .notransform { text-transform: none; font-style: normal !important;} .fsp-130 { font-size: 130%;} .large-card { font-size: 23px !important;} .large-card h3 { font-size: 30px !important;} .form-group { margin-bottom: 0.5rem; } .show, .block { display: block !important; } .container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-right:auto;margin-left:auto} .container{max-width:1200px} .container-sm{max-width:1040px} .container-md{max-width:1300px} .container-lg{max-width:1440px} .container-xl{max-width:1640px} @media (max-width:576px){ .container,.container-sm{max-width:98%} } @media (max-width:768px){ .container,.container-md,.container-sm{max-width:98%} .hide-sm { display: none !important; } } @media (max-width:1023px){ .container,.container-lg,.container-md,.container-sm{max-width:98%; padding: 0;} } @media (min-width:1024px){ .hide-md { display: none !important; } } .fs-0 { font-size: 0 !important; } .fs-10 { font-size: 10px !important; } .fs-11 { font-size: 11px !important; } .fs-12 { font-size: 12px !important; } .fs-13 { font-size: 13px !important; } .fs-14 { font-size: 14px !important; } .fs-15 { font-size: 15px !important; } .fs-16 { font-size: 16px !important; } .fs-18 { font-size: 18px !important; } .fs-20 { font-size: 20px !important; } .fs-24 { font-size: 24px !important; } .fs-26 { font-size: 26px !important; } .fs-30 { font-size: 30px !important; } .fs-40 { font-size: 40px !important; } .fs-50 { font-size: 50px !important; } .fs-60 { font-size: 60px !important; } .fs-70 { font-size: 70px !important; } .fs-80 { font-size: 80px !important; } .text-link { color: var(--color-theme-d) !important;} .text-link:hover { color: var(--ptl-brown) !important;} .card {border: 1px solid var(--color-borders-a);} .border-top{border-top:1px solid var(--color-borders-a)!important} .border-bottom{border-bottom:1px solid var(--color-borders-a)!important} .border-bottom-2{border-bottom:2px solid var(--color-borders-a)!important} .mw-100{max-width:100%!important} .fs-90 { font-size: 90% !important; } .fs-95 { font-size: 95% !important; } .fs-105 { font-size: 105% !important; } .fs-110 { font-size: 110% !important; } .fs-115 { font-size: 115% !important; } .fs-120 { font-size: 120% !important; } .fs-130 { font-size: 130% !important; } @media only screen and (max-width: 1023px){ .row { margin-left: 0; margin-right: 0; } } .modal-content { box-shadow: none !important; }