/*custom.css*/
/* ----------------------------------------------------------------
css/custom.css
Add all your Custom Styled CSS here for New Styles or
Overwriting Default Theme Styles for Better Handling Updates
--
---------------------------------------------------------------*/
.textbooktext {color: #000;}
.textbooktext a:link {color: #000;}
.textbooktext a:visited {color: #000;}
.textbooktext a:hover {color: #00f; font-weight: 700;}
.textbooktext a:active {color: #000;}
.samecolortext {color: #000;}
.samecolortext a:link {color: #000;}
.samecolortext a:visited {color: #000;}
.samecolortext a:hover {color: #00f; font-weight: 700;}
.samecolortext a:active {color: #000;}
.redoverline{}
.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;line-height:.68;font-weight:100;margin:.05em .1em 0 0;text-transform:uppercase;font-style:normal}
.half-line {
text-decoration-color: black;
text-decoration-style: solid;
text-decoration-line: underline;
text-underline-offset: 0.25em;
}
.one-line {
text-decoration-color: black;
text-decoration-style: solid;
text-decoration-line: underline;
text-underline-offset: 0.5em;
}
.wavy-one-line {
text-decoration-color: black;
text-decoration-style: solid;
text-decoration-line: underline;
text-decoration: underline wavy black;
text-underline-offset: 0.25em;
}
.tx-beautiful{color:#ff3366;
text-shadow: 0px 15px 5px rgba(0,0,0,0.1),
10px 20px 5px rgba(0,0,0,0.05),
-10px 20px 5px rgba(0,0,0,0.05);}
.shadow-beautiful{color:rgba(233,237,159,1.00); text-shadow: 0 12px 0 0px hsl(330, 100%, 25%), 0 18px 12px 0px hsla(330, 100%, 15%, 1.0);}
.drop-shadow-lg {
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.6);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.6);
box-shadow: 0 0 10px rgba(0,0,0,0.6);
-o-box-shadow: 0 0 10px rgba(0,0,0,0.6);
}
.text-shadow-99 { color: darkmagenta; text-shadow: 0 12px 0 0px hsl(330, 100%, 25%), 0 18px 12px 0px hsla(330, 100%, 15%, 0.5);}
.hangingindent {text-align:justify; text-indent: -48px;}
.mla9{font-size:18px; text-align: left; text-indent: -0.5in; padding-left: 0.5in; margin-bottom: 0.5em; line-height: 1.5;}
@media (max-width: 600px) {
.mla9{font-size:16px; text-align: left; text-indent: -0.25in; padding-left: 0.25in; margin-bottom: 0.5em; line-height: 1.5;}
}
.material-symbols-outlined {
font-family: 'Material Symbols Outlined';
font-style: normal;
font-size: 24px; /* Preferred icon size */
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
color: #670C27;
direction: ltr;
}
/* ----------------------------------------------------------------
Datepicker Component
-----------------------------------------------------------------*/
.datepicker td,
.datepicker th { padding: 5px; }
/* ----------------------------------------------------------------
Star Ratings Component
-----------------------------------------------------------------*/
.rating-xl { font-size: 3rem !important; }
.rating-lg { font-size: 2.5rem !important; }
.rating-md { font-size: 2rem !important; }
.rating-sm { font-size: 1.75rem !important; }
.rating-xs { font-size: 1.25rem !important; }
.rating-container .star { margin: 0 2px !important; }
.rating-container .filled-stars {
-webkit-text-stroke: 0px !important;
text-shadow: none !important;
}
.irs-bar,
.irs-from,
.irs-to,
.irs-single,
.irs-handle > i:first-child,
.irs-handle.state_hover > i:first-child,
.irs-handle:hover > i:first-child { background-color: #670C07 !important; }
.irs-from::before,
.irs-to::before,
.irs-single::before { border-top-color: #670C07 !important; }
/* ----------------------------------------------------------------
Custom Animate.css Styles
-----------------------------------------------------------------*/
@-webkit-keyframes fadeInDownSmall {
from {
opacity: 0;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInDownSmall {
from {
opacity: 0;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInDownSmall {
-webkit-animation-name: fadeInDownSmall;
animation-name: fadeInDownSmall;
}
@-webkit-keyframes fadeInLeftSmall {
from {
opacity: 0;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInLeftSmall {
from {
opacity: 0;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInLeftSmall {
-webkit-animation-name: fadeInLeftSmall;
animation-name: fadeInLeftSmall;
}
@-webkit-keyframes fadeInRightSmall {
from {
opacity: 0;
-webkit-transform: translate3d(50%, 0, 0);
transform: translate3d(50%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInRightSmall {
from {
opacity: 0;
-webkit-transform: translate3d(50%, 0, 0);
transform: translate3d(50%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInRightSmall {
-webkit-animation-name: fadeInRightSmall;
animation-name: fadeInRightSmall;
}
@-webkit-keyframes fadeInUpSmall {
from {
opacity: 0;
-webkit-transform: translate3d(0, 50%, 0);
transform: translate3d(0, 50%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInUpSmall {
from {
opacity: 0;
-webkit-transform: translate3d(0, 50%, 0);
transform: translate3d(0, 50%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInUpSmall {
-webkit-animation-name: fadeInUpSmall;
animation-name: fadeInUpSmall;
}
@-webkit-keyframes fadeOutDownSmall {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 50%, 0);
transform: translate3d(0, 50%, 0);
}
}
@keyframes fadeOutDownSmall {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 50%, 0);
transform: translate3d(0, 50%, 0);
}
}
.fadeOutDownSmall {
-webkit-animation-name: fadeOutDownSmall;
animation-name: fadeOutDownSmall;
}
@-webkit-keyframes fadeOutLeftSmall {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
}
}
@keyframes fadeOutLeftSmall {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
}
}
.fadeOutLeftSmall {
-webkit-animation-name: fadeOutLeftSmall;
animation-name: fadeOutLeftSmall;
}
@-webkit-keyframes fadeOutRightSmall {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(50%, 0, 0);
transform: translate3d(50%, 0, 0);
}
}
@keyframes fadeOutRightSmall {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(50%, 0, 0);
transform: translate3d(50%, 0, 0);
}
}
.fadeOutRightSmall {
-webkit-animation-name: fadeOutRightSmall;
animation-name: fadeOutRightSmall;
}
@-webkit-keyframes fadeOutUpSmall {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
}
}
@keyframes fadeOutUpSmall {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
}
}
.fadeOutUpSmall {
-webkit-animation-name: fadeOutUpSmall;
animation-name: fadeOutUpSmall;
}
/* TABLE PROPERTY */
.bottom {
vertical-align: bottom;
}
.baseline {
vertical-align: baseline;
}
.top {
vertical-align: top;
}
.middle {
vertical-align: middle;
}
.enquiry
{
height:30px;
padding-top: 3px;
width:180px;
position:fixed;
top:320px;
transform:rotate(270deg);
z-index:999999999;
left:-90px;
border-radius:1px 1px 1px 1px;
border-color: #000;
border-width: 6px;
box-shadow:1px 1px 5px #ccc;
}
.enquiry2
{
height:66px;
width:36px;
position:fixed;
top:400px;
z-index:999999999;
left:1px;
border-radius:1px 1px 1px 1px;
}
.enquiry3{
height:88px;
padding-top: 3px;
width:88px;
position:fixed;
top:222px;
z-index:99;
left:0;
}
.enquiry-bb{
height:88px;
padding-top: 0;
width:88px;
position:fixed;
top:234px;
z-index:99;
left:0;
}
.enquiry4{
height:66px;
padding-top: 3px;
width:82px;
position:fixed;
top:198px;
z-index:99;
left:-4px;
}
.enquiry5{
height:366px;
padding-top: 3px;
width:422px;
position:fixed;
top:222px;
z-index:99;
left:1px;
}
.enquiry9{
height:366px;
padding-top: 3px;
width:622px;
position:fixed;
top:162px;
z-index:9;
left:-222px;
}
.enquiry99{
height:366px;
padding-top: 3px;
width:822px;
position:fixed;
top:222px;
z-index:9;
left:366px;
}
.press{
height:222px;
padding-top: 3px;
width:22px;
position:fixed;
top:222px;
z-index:99;
right:30px;
}
.press2{
height:22px;
padding-top: 3px;
width:99px;
position:fixed;
top:193px;
z-index:99;
right:0;
}
.press3{
height:22px;
padding-top: 3px;
width:99px;
position:fixed;
top:111px;
z-index:99;
right:0;
}
.press33{
height:60px;
padding-top: 3px;
width:99px;
position:fixed;
top:166px;
z-index:99;
right:0;
}
/*
/*--------------------------------------------------------------
# Portfolio Details Section
--------------------------------------------------------------*/
.portfolio-details .portfolio-details-slider img {
width: 100%;
}
.portfolio-details .swiper-wrapper {
height: auto;
}
.portfolio-details .swiper-button-prev,
.portfolio-details .swiper-button-next {
width: 48px;
height: 48px;
}
.portfolio-details .swiper-button-prev:after,
.portfolio-details .swiper-button-next:after {
color: rgba(255, 255, 255, 0.8);
background-color: rgba(0, 0, 0, 0.15);
font-size: 24px;
border-radius: 50%;
width: 48px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
transition: 0.3s;
}
.portfolio-details .swiper-button-prev:hover:after,
.portfolio-details .swiper-button-next:hover:after {
background-color: rgba(0, 0, 0, 0.3);
}
@media (max-width: 575px) {
.portfolio-details .swiper-button-prev,
.portfolio-details .swiper-button-next {
display: none;
}
}
.portfolio-details .swiper-pagination {
margin-top: 20px;
position: relative;
}
.portfolio-details .swiper-pagination .swiper-pagination-bullet {
width: 10px;
height: 10px;
background-color: color-mix(in srgb, var(--default-color), transparent 85%);
opacity: 1;
}
.portfolio-details .swiper-pagination .swiper-pagination-bullet-active {
background-color: var(--accent-color);
}
.portfolio-details .portfolio-info h3 {
font-size: 22px;
font-weight: 700;
margin-bottom: 20px;
padding-bottom: 20px;
position: relative;
}
.portfolio-details .portfolio-info h3:after {
content: "";
position: absolute;
display: block;
width: 50px;
height: 3px;
background: var(--accent-color);
left: 0;
bottom: 0;
}
.portfolio-details .portfolio-info ul {
list-style: none;
padding: 0;
font-size: 15px;
}
.portfolio-details .portfolio-info ul li {
display: flex;
flex-direction: column;
padding-bottom: 15px;
}
.portfolio-details .portfolio-info ul strong {
text-transform: uppercase;
font-weight: 400;
color: color-mix(in srgb, var(--default-color), transparent 50%);
font-size: 14px;
}
.portfolio-details .portfolio-info .btn-visit {
padding: 8px 40px;
background: var(--accent-color);
color: var(--contrast-color);
border-radius: 50px;
transition: 0.3s;
}
.portfolio-details .portfolio-info .btn-visit:hover {
background: color-mix(in srgb, var(--accent-color), transparent 20%);
}
.portfolio-details .portfolio-description h2 {
font-size: 26px;
font-weight: 700;
margin-bottom: 20px;
}
.portfolio-details .portfolio-description p {
padding: 0;
}
.portfolio-details .portfolio-description .testimonial-item {
padding: 30px 30px 0 30px;
position: relative;
background: color-mix(in srgb, var(--default-color), transparent 97%);
margin-bottom: 50px;
}
.portfolio-details .portfolio-description .testimonial-item .testimonial-img {
width: 90px;
border-radius: 50px;
border: 6px solid var(--background-color);
float: left;
margin: 0 10px 0 0;
}
.portfolio-details .portfolio-description .testimonial-item h3 {
font-size: 18px;
font-weight: bold;
margin: 15px 0 5px 0;
padding-top: 20px;
}
.portfolio-details .portfolio-description .testimonial-item h4 {
font-size: 14px;
color: #6c757d;
margin: 0;
}
.portfolio-details .portfolio-description .testimonial-item .quote-icon-left,
.portfolio-details .portfolio-description .testimonial-item .quote-icon-right {
color: color-mix(in srgb, var(--accent-color), transparent 50%);
font-size: 26px;
line-height: 0;
}
.portfolio-details .portfolio-description .testimonial-item .quote-icon-left {
display: inline-block;
left: -5px;
position: relative;
}
.portfolio-details .portfolio-description .testimonial-item .quote-icon-right {
display: inline-block;
right: -5px;
position: relative;
top: 10px;
transform: scale(-1, -1);
}
.portfolio-details .portfolio-description .testimonial-item p {
font-style: italic;
margin: 0 0 15px 0 0 0;
padding: 0;
}
/*৩০তম অধিবেশন*/
.bg-30-a {background-color: #FFFF99;} /*30.৩০তম অধিবেশন*/
.bg-30-a-8 {background-color: #FFFF99; opacity:0.8; padding-top:-3px}
.bg-30-b {background-color: #99FF99;}
.shadow-30-1{text-shadow: 6px 0 8px #fff;}
.shadow-30-2{text-shadow: 1px 1px 1px #ccc;}
.shadow-30-3{text-shadow: 16px -16px 18px #fff;}
.shadow-30-4{text-shadow: 1px -1px 1px #fff;}
.bg-30-6 {
background-image:url("../../assets/img/background/sprinkles.png");
background-repeat: repeat;
border-top:thin solid #996600;border-bottom:thin solid #996600;
}
.tx-bs-blue{color: #0d6efd;}
.tx-bs-indigo{color: #6610f2;}
.tx-bs-purple{color: #6f42c1;}
.tx-bs-pink{color: #d63384;}
.tx-bs-red{color: #dc3545;}
.tx-bs-orange{color: #fd7e14;}
.tx-bs-yellow{color: #ffc107;}
.tx-bs-green{color: #198754;}
.tx-bs-teal{color: #20c997;}
.tx-bs-cyan{color: #0dcaf0;}
.tx-bs-gray{color: #6c757d;}
.tx-bs-gray-dark{color: #343a40;}
.tx-light-gold{color: #c2ac87;}
.tx-traffic-green{color: #008450;}
.tx-traffic-red{color: #bb1e10;}
.tx-traffic-yellow{color: #f7b500;}
.tx-blood-red{color:#bb0a1e;}
.tx-facebook{color:#3b5998;}
.tx-twitter{color:#00acee;}
/*List style*/
.list-style .list-style-five ul li {
font-size: 16px;
line-height: 24px;
margin-top: 13px;
color: var(--black);
}
.list-style .list-style-five ul li i {
font-size: 16px;
font-weight: 600;
color: var(--success);
line-height: 25px;
margin-right: 7px;
}
/*
-
Lorem ipsum dolor
sit amet
-
Lorem ipsum dolor
sit amet dolor sit
-
Lorem ipsum dolor
-
Lorem ipsum dolor
sit
*/
.list-style .list-style-eight ul li {
font-size: 16px;
line-height: 24px;
margin-top: 13px;
color: var(--black);
}
.list-style .list-style-eight ul li i {
font-size: 16px;
font-weight: 600;
color: var(--info);
line-height: 25px;
margin-right: 7px;
}
/*
-
Lorem ipsum dolor
sit amet
-
Lorem ipsum dolor
sit amet dolor sit
-
Lorem ipsum dolor
-
Lorem ipsum dolor
sit
*/
/*style="opacity: 1; transform: translateY(0px) scale(1) rotate(0deg);"
-----------------------------------------------------------------*/
/*left right modal*/
.modal.left_modal, .modal.right_modal{
position: fixed;
z-index: 99999;
}
.modal.left_modal .modal-dialog,
.modal.right_modal .modal-dialog {
position: fixed;
margin: auto;
width: 32%;
height: 100%;
-webkit-transform: translate3d(0%, 0, 0);
-ms-transform: translate3d(0%, 0, 0);
-o-transform: translate3d(0%, 0, 0);
transform: translate3d(0%, 0, 0);
}
.modal-dialog {
/* max-width: 100%; */
margin: 1.75rem auto;
}
@media (min-width: 576px)
{
.left_modal .modal-dialog {
max-width: 100%;
}
.right_modal .modal-dialog {
max-width: 100%;
}
}
.modal.left_modal .modal-content,
.modal.right_modal .modal-content {
/*overflow-y: auto;
overflow-x: hidden;*/
height: 100vh !important;
}
.modal.left_modal .modal-body,
.modal.right_modal .modal-body {
padding: 15px 15px 30px;
}
/*.modal.left_modal {
pointer-events: none;
background: transparent;
}*/
.modal-backdrop {
display: none;
}
/*Left*/
.modal.left_modal.fade .modal-dialog{
left: -50%;
-webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
-moz-transition: opacity 0.3s linear, left 0.3s ease-out;
-o-transition: opacity 0.3s linear, left 0.3s ease-out;
transition: opacity 0.3s linear, left 0.3s ease-out;
}
.modal.left_modal.fade.show .modal-dialog{
left: 0;
box-shadow: 0px 0px 19px rgba(0,0,0,.5);
}
/*Right*/
.modal.right_modal.fade .modal-dialog {
right: -50%;
-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
-moz-transition: opacity 0.3s linear, right 0.3s ease-out;
-o-transition: opacity 0.3s linear, right 0.3s ease-out;
transition: opacity 0.3s linear, right 0.3s ease-out;
}
.modal.right_modal.fade.show .modal-dialog {
right: 0;
box-shadow: 0px 0px 19px rgba(0,0,0,.5);
}
/* ----- MODAL STYLE ----- */
.modal-content {
border-radius: 0;
border: none;
}
.modal-header.left_modal, .modal-header.right_modal {
padding: 10px 15px;
border-bottom-color: #EEEEEE;
background-color: #FAFAFA;
}
.modal_outer .modal-body {
/*height:90%;*/
overflow-y: auto;
overflow-x: hidden;
height: 91vh;
}
.bg-30th-1 {background-image:url(../assets/img/background/pattern7.png);
background-repeat: repeat;}
.center {
display: block;
margin-left: auto;
margin-right: auto;
}
.shadow1{text-shadow: 0 6px 1px #ddd,0 -2px 1px #fff;}
.shadow2{text-shadow: 0 -6px 1px #ddd,0 -2px 1px #fff;}
.mt-n1 {
margin-top: -0.25rem !important;
}
.mt-n2 {
margin-top: -0.5rem !important;
}
.mt-n3 {
margin-top: -1rem !important;
}
.mt-n4 {
margin-top: -1.5rem !important;
}
.mt-n5 {
margin-top: -3rem !important;
}
.mt-n6 {
margin-top: -3.5rem !important;
}
.mt-n7 {
margin-top: -4rem !important;
}
.mb-n1 {
margin-bottom: -0.25rem !important;
}
.mb-n2 {
margin-bottom: -0.5rem !important;
}
.mb-n3 {
margin-bottom: -1rem !important;
}
.mb-n4 {
margin-bottom: -1.5rem !important;
}
.mb-n5 {
margin-bottom: -3rem !important;
}
.mb-n6 {
margin-bottom: -3.5rem !important;
}
.mb-n7 {
margin-bottom: -4rem !important;
}
.ms-n1 {
margin-left: -0.25rem !important;
}
.ms-n2 {
margin-left: -0.5rem !important;
}
.ms-n3 {
margin-left: -1rem !important;
}
.ms-n4 {
margin-left: -1.5rem !important;
}
.ms-n5 {
margin-left: -3rem !important;
}
.ms-n6 {
margin-left: -3.5rem !important;
}
.me-n1 {
margin-right: -0.25rem !important;
}
.me-n2 {
margin-right: -0.5rem !important;
}
.me-n3 {
margin-right: -1rem !important;
}
.me-n4 {
margin-right: -1.5rem !important;
}
.me-n5 {
margin-right: -3rem !important;
}
.me-n6 {
margin-right: -3.5rem !important;
}
#style-switch-button {
position: fixed;
top: 300px;
left: 0px;
border-radius: 0;
z-index: 2;
}
#style-switch {
width: 300px;
padding: 20px;
position: fixed;
top: 300px;
left: 0;
background: #fff;
border: solid 1px #ced4da;
z-index: 2000;
}
#style-switch h4 {
color: #495057;
}
@font-face {
font-family: 'Material Icons';
font-style: normal;
font-weight: 400;
src: url(https://example.com/MaterialIcons-Regular.eot); /* For IE6-8 */
src: local('Material Icons'),
local('MaterialIcons-Regular'),
url(https://example.com/MaterialIcons-Regular.woff2) format('woff2'),
url(https://example.com/MaterialIcons-Regular.woff) format('woff'),
url(https://example.com/MaterialIcons-Regular.ttf) format('truetype');
}
.material-icons {
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 24px;/* Preferred icon size */
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
/* Support for all WebKit browsers. */
-webkit-font-smoothing: antialiased;
/* Support for Safari and Chrome. */
text-rendering: optimizeLegibility;
/* Support for Firefox. */
-moz-osx-font-smoothing: grayscale;
/* Support for IE. */
font-feature-settings: 'liga';
}
/* Rules for sizing the icon. */
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }
/* Rules for using icons as black on a light background. */
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }
/* Rules for using icons as white on a dark background. */
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }
/*-------GOOGLE MATERIALS ICONS -----*/
.text-30th-1,.text-30th-1 a,.text-30th-1 a:hover{word-spacing:3px;vertical-align:top;letter-spacing:normal;z-index:100;line-height:1.7em;font-family:kalpurush;font-weight:400;top:6px;padding-top:10px}
.text-30th-1{text-align:justify;color:#000;text-shadow:1px 1px 2px #ffc}.text-30th-1 a,.text-30th-1 a:hover{text-align:inherit;color:#00F;text-decoration:none}
.homepagetext,.homepagetext a,.homepagetext a:hover{word-spacing:3px;vertical-align:top;letter-spacing:normal;z-index:100;line-height:1.7em;font-family:BenSenHandwriting;font-weight:100;top:6px;padding-top:10px}
.homepagetext{text-align:justify;color:#000;text-shadow:1px 1px 2px #ffc}.homepagetext a,.homepagetext a:hover{text-align:inherit;color:#00F;text-decoration:none}
.color-chage {
background-color:transparent;
animation-name: color-chage;
animation-duration: 2s;
animation-iteration-count: infinite;
}
@keyframes color-chage {
from {background-color:aqua;}
to {background-color: yellow;}
}
@keyframes flickerAnimation {
0% { opacity:1; }
50%{ opacity:0.25; }
100% { opacity:1; }
}
@-o-keyframes flickerAnimation{
0% { opacity:1; }
50%{ opacity:0.25; }
100% { opacity:1; }
}
@-moz-keyframes flickerAnimation{
0% { opacity:1; }
50%{ opacity:0.25; }
100% { opacity:1; }
}
@-webkit-keyframes flickerAnimation{
0% { opacity:1; }
50%{ opacity:0.25; }
100% { opacity:1; }
}
.animate-flicker {
-webkit-animation: flickerAnimation 1.50s infinite;
-moz-animation: flickerAnimation 1.50s infinite;
-o-animation: flickerAnimation 1.50s infinite;
animation: flickerAnimation 1.50s infinite;
}
.glass{background: rgba( 255, 255, 255, 0.25 );
box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
backdrop-filter: blur( 4px );
-webkit-backdrop-filter: blur( 4px );
border-radius: 10px;
border: 1px solid rgba( 255, 255, 255, 0.18 );}
.home-link{font-family:"Bornomala Unicode"; color:#670C07; font-weight:500; text-align: center;}
.home-link a {color: #670C07 !important;}
.home-link a:link{color: #670C07 !important;}
.home-link a:hover{color: #670C07 !important;}
.headline-reports{font-family: Aikya;
font-size: 30px;
font-weight: bold;
color: #0000FF;
line-height: 1;}
/* Style the rainbow text element. */
.rainbow-text {
/* Create a conic gradient. */
/* Double percentages to avoid blur (#000 10%, #fff 10%, #fff 20%, ...). */
background-color: #CA4246;
background: conic-gradient(
#CA4246 16.666%,
#E16541 16.666%,
#E16541 33.333%,
#F18F43 33.333%,
#F18F43 50%,
#8B9862 50%,
#8B9862 66.666%,
#476098 66.666%,
#476098 83.333%,
#A7489B 83.333%);
/* Set thee background size and repeat properties. */
background-size: 57%;
background-repeat: repeat;
/* Use the text as a mask for the background. */
/* This will show the gradient as a text color rather than element bg. */
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
/* Animate the text when loading the element. */
/* This animates it on page load and when hovering out. */
animation: rainbow-text-animation-rev 0.5s ease forwards;
cursor: pointer;
}
/* Add animation on hover. */
.rainbow-text:hover {
animation: rainbow-text-animation 0.5s ease forwards;
}
/* Move the background and make it larger. */
/* Animation shown when hovering over the text. */
@keyframes rainbow-text-animation {
0% {
background-size: 57%;
background-position: 0 0;
}
20% {
background-size: 57%;
background-position: 0 1em;
}
100% {
background-size: 300%;
background-position: -9em 1em;
}
}
/* Move the background and make it smaller. */
/* Animation shown when entering the page and after the hover animation. */
@keyframes rainbow-text-animation-rev {
0% {
background-size: 300%;
background-position: -9em 1em;
}
20% {
background-size: 57%;
background-position: 0 1em;
}
100% {
background-size: 57%;
background-position: 0 0;
}
}
.fth-title{font-size:clamp(1.8rem, 2.5vw, 2.8rem); text-align:center;}
.fth-text{font-size: clamp(0.875rem, 0.7813rem + 0.4167vw, 1.25rem); text-align:justify;}
.fth-text p {text-indent: 0;
}
.fth-text-border{
padding:30px;
border: 1px solid black;
border-radius: 30px;}
.btn-golden {
color: #fff;
background-color: #bf9b30;
border-color: #a67c00;
}
.btn-golden:hover {
color: #fff;
background-color: #bf9b30;
border-color: #a67c00;
}
.btn-check:focus + .btn-golden, .btn-golden:focus {
color: #fff;
background-color: #bf9b30;
border-color: #a67c00;
box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
}
.btn-check:checked + .btn-golden, .btn-check:active + .btn-golden, .btn-golden:active, .btn-golden.active, .show > .btn-golden.dropdown-toggle {
color: #fff;
background-color: #bf9b30;
border-color: #a67c00;
}
.btn-check:checked + .btn-golden:focus, .btn-check:active + .btn-golden:focus, .btn-golden:active:focus, .btn-golden.active:focus, .show > .btn-golden.dropdown-toggle:focus {
box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
}
.btn-golden:disabled, .btn-golden.disabled {
color: #fff;
background-color: #bf9b30;
border-color: #a67c00;
}
.btn-outline-golden {
font-size: 36px;
color: #fff;
background-color: rgba(191,155,48,0.7);
border-color: #a67c00;
}
.btn-outline-golden:hover {
font-size: 44px;
color: #fff;
background-color: #bf9b30;
border-color: #a67c00;
}
.btn-check:focus + .btn-outline-golden, .btn-outline-golden:focus {
box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5);
}
.btn-check:checked + .btn-outline-golden, .btn-check:active + .btn-outline-golden, .btn-outline-golden:active, .btn-outline-golden.active, .btn-outline-golden.dropdown-toggle.show {
color: #fff;
background-color: #bf9b30;
border-color: #a67c00;
}
.btn-check:checked + .btn-outline-golden:focus, .btn-check:active + .btn-outline-golden:focus, .btn-outline-golden:active:focus, .btn-outline-golden.active:focus, .btn-outline-golden.dropdown-toggle.show:focus {
box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5);
}
.btn-outline-golden:disabled, .btn-outline-golden.disabled {
color:#a67c00;
background-color: transparent;
}
.title1{text-align:center; width:100%; color: #670C07;padding-bottom:0.25%; padding-top:0.25%; text-decoration: none}
.title2{font-family:'BenSenHandwriting';margin:0;font-size:3em;color: #670C07;font-weight:100;text-shadow:1px 1px 3px #666,-1px -1px 3px #fff,1px 1px #666,-1px -1px #800000;letter-spacing:.0625em;text-transform: none}
.btn-bubsoss, .btn-bubsoss a, .btn-bubsoss a:visited, .btn-bubsoss a:link, .btn-bubsoss a:active, .btn-bubsoss a:hover, .btn-bubsoss a:focus{
-webkit-transition-duration: 300ms;
transition-duration: 300ms;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
vertical-align: baseline;
}
.btn-bubsoss a, .btn-bubsoss a:visited, .btn-bubsoss a:link, .btn-bubsoss a:active{
color: #FFFFFF; padding: 15px 10px 10px 10px;letter-spacing: 1px; background-color: #6699ff;border: 1px solid #6699ff;border-radius: 5px;text-decoration: none}
.btn-bubsoss a:hover, .btn-bubsoss a:focus {
color: #6699FF;background-color: transparent;border: 1px solid #6699ff;text-decoration:none}
.btn-bubsoss {position: relative;z-index: 1;display: inline-block;min-width: 150px;min-height: 1px; text-transform:none}
.bg-contact {
background-image: url("../../assets/img/background/jpeg-bg-2.jpg");
background-repeat:repeat;
border-top:thin solid #804040}
.bbphotoarea1{width:"100%"; height:"100%"; border:thin solid #DEB887;position: relative;z-index: 2}
.bbphotoarea2{width:"100%"; height:"390"; border:thin solid #DEB887;position: relative;z-index: 2}
.scw-switcher-wrap,.scw-trigger-icon{position:fixed;left:auto;background-color:#fff}.scw-trigger-icon{width:44px;height:44px;top:121px;right:26px;border:0;padding:0;text-align:center;z-index:5;cursor:pointer}.scw-trigger-icon i{font-size:18px}.scw-switcher-wrap.scw-switcher-open i:nth-of-type(1),.scw-switcher-wrap:not(.scw-switcher-open) i:nth-of-type(2){display:none}.scw-switcher-wrap{top:120px;right:25px;padding:23px;width:0;height:0;border:1px solid rgba(0,0,0,.09);border-radius:3px;box-shadow:0 13px 42px 11px rgba(0,0,0,.05);z-index:9999;overflow:hidden;-webkit-transition:all .45s ease;-o-transition:all .45s ease;transition:all .45s ease}.scw-switcher-wrap.scw-switcher-open{width:300px;height:70%;padding:35px 25px;overflow-y:scroll}.scw-switcher-wrap .widget{margin:0}.scw-switcher-wrap .line,.scw-switcher-wrap .widget{opacity:0;-webkit-transition:opacity 0s ease;-o-transition:opacity 0s ease;transition:opacity 0s ease}.scw-switcher-wrap.scw-switcher-open .line,.scw-switcher-wrap.scw-switcher-open .widget{opacity:1;-webkit-transition:opacity .3s .4s ease;-o-transition:opacity .3s .4s ease;transition:opacity .3s .4s ease}.scw-switcher-wrap .widget h4{font-size:14px;letter-spacing:1px;margin-bottom:15px}.scw-switcher-wrap .btn-container{margin:0 -5px -5px 0}.scw-switcher-wrap .btn{margin:0 5px 5px 0}.scw-switcher-wrap .row{margin:0 -5px}.scw-switcher-wrap .col-6{padding:5px}
/* TWITTER FONT
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
Twitter is reportedly testing a new font family called Chirp.
*/
.mylink a{color:rgba(0,0,0,0.8);}
.mylink a:hover{color:#670C07;}
.bb-tooltip {
text-decoration:none;
position:relative;
}
.bb-tooltip span {
display:none;
background:transparent;
}
.bb-tooltip span img {
float:inherit;
}
.bb-tooltip:hover span {
display:block;
position:absolute;
top:-99px;
left:-190px; margin-right:190px;
z-index:1000;
width:auto;
min-width:200px;
height:50px;
overflow:hidden;
}
.topbar-big {
background-image:url("../assets/img/background/png-bg-1.jpg");
background-repeat: repeat;
box-shadow: none;
padding:0;
font-size: 1.4rem;
border-top:thin solid #996600;
}
.topbar-small {background: #670C07;
background-image:url(../assets/img/background/az-subtle.png);
background-repeat: repeat;
}
@media(max-width:459.98px){.portrait{display:block;}}
@media(min-width:460px){.portrait{display:none;}}
@media(min-width:219.98px) and (max-width:320)
{
.landscape{ display: none;}
}
.btn-xs > .btn {
padding: 0;
font-size: 0.875rem;
border-radius: 0.0125rem;
}
.btn-xs + .dropdown-toggle-split, .btn-group-xs > .btn + .dropdown-toggle-split {
padding-right: 0;
padding-left: 0;
}
.facebook{color: #3B5998;}
.twitter{color:#00ACEE;}
@media (max-width: 767px){.center-left{text-align: center;}}
@media (min-width: 768px){.center-left{text-align: left;}}
/* -------- svg-underline -------- */
.svg-underline, .svg-underline-black,
.svg-underline span {
display: inline-block;
position: relative;
z-index: 1;
}
.svg-underline.not-animated,
.svg-underline[data-animate]:not(.animated) {
opacity: 1;
}
.svg-underline::before {
content: "";
position: absolute;
bottom: -9px;
left: 0;
right: 0;
height: 18px;
background-image: url("../assets/img/background/underline_brown.svg");
background-size: 100% 18px;
background-position: bottom center;
opacity: 0.7;
}
.svg-underline-black::before {
content: "";
position: absolute;
bottom: -9px;
left: 0;
right: 0;
height: 18px;
background-image: url("../assets/img/background/underline.svg");
background-size: 100% 18px;
background-position: bottom center;
opacity: 1.0;
}
.svg-underline[data-animate]::after {
content: "";
display: block;
position: absolute;
width: 100%;
height: 14px;
background-image:url("../assets/img/background/index.png");
background-repeat: repeat;
box-shadow: none;
right: 0;
bottom: -8px;
-webkit-transition: width 1s cubic-bezier(0.215, 0.61, 0.355, .1);
-moz-transition: width 1s cubic-bezier(0.215, 0.61, 0.355, .1);
-o-transition: width 1s cubic-bezier(0.215, 0.61, 0.355, .1);
transition: width 1s cubic-bezier(0.215, 0.61, 0.355, .1);
}
.dark .svg-underline::before {
opacity: 0.7;
background-image: url("../assets/img/background/underline_dark.svg");
}
.custom-bg,
.custom-bg .svg-underline::after {
background-color: var(--custom-bg);
}
.svg-underline.svg-underline-animated::after {
width: 0;
}
.item-categories h5 {
position: absolute;
top: auto;
left: 10px;
bottom: 0;
padding: 12px 22px;
}
/* Text Rotater
---------------------------------------------------------------------------- */
.text-rotater { }
.text-rotater span { text-decoration: none; }
/* Hero Widget
---------------------------------------------------------------------------- */
.slider-element .input-group-append {
position: absolute;
right: 0;
z-index: 4;
}
.slider-element .form-control {
padding-top: 10px;
padding-bottom: 10px;
}
.slider-element .input-group-append .btn {
background-color: transparent;
padding: 7px 15px;
}
/* Course Categories
---------------------------------------------------------------------------- */
.course-categories .card a span {
display: block;
font-size: 13px;
text-transform: uppercase;
letter-spacing: 1px;
position: absolute;
top: 50%;
left: 50%;
text-align: center;
color: #FFF;
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.course-categories .card a span i {
display: block;
margin-bottom: 5px;
font-size: 20px;
}
.hover-effect {
-webkit-transition: transform .25s ease, box-shadow .3s ease;
-o-transition: transform .25s ease, box-shadow .3s ease;
transition: transform .25s ease, box-shadow .3s ease;
-webkit-transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
box-shadow: none;
border: 0;
}
.hover-effect:hover {
-webkit-transform: translateY(-2px);
-ms-transform: translateY(-2px);
-o-transform: translateY(-2px);
transform: translateY(-2px);
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
.course-card .card-footer { border-top-color: #EEE; }
.rating-stars i { color: #f4c150; }
.course-card .card-title a { color: #333; }
.course-card .card-title a:hover { color: var(--themecolor); }
.course-card .card-title-sub { font-size: 11px; }
/* Badge
---------------------------------------------------------------------------- */
.badge {
padding:10px 0;
font-size: 18px; font-weight: 300;
color: #DBE2E9;
text-shadow: 1px -1px 1px rgba(0,0,0,0.5);
}
.notice-badge {
padding:10px 0;
font-size: 18px; font-weight: 100;
color:#ff0000;
text-shadow: 1px -1px 1px rgba(255,0,0,0.8);
}
.registration-badge {
position: absolute;
display: block;
left: 15px;
top: -10px;
}
.feature-box.media-box .fbox-icon {
position: relative;
width: 36px;
height: 54px;
margin-bottom: 15px;
}
.course-card .author-number {
font-size: 11px;
position: absolute;
top: -4px;
right: -4px;
}
.heading-block h3 {
font-weight: 700;
text-transform: none;
letter-spacing: 0;
}
.heading-block h3 + span {
font-size: 17px;
opacity: .9;
}
/* Border Form Design
---------------------------------------------------------------------------- */
.border-form-control {
padding: 8px 4px;
background-color: transparent !important;
border-top: transparent;
border-right: transparent;
border-left: transparent;
border-bottom-width: 1px;
}
/* Display Tablet and Below - Responsive
---------------------------------------------------------------------------- */
@media (max-width: 991.98px) {
#logo { margin-left: 0 !important; }
.navbar-expand-lg .navbar-nav .nav-item {
width: 100%;
border-bottom: 1px solid #f5f5f5;
padding: 4px 0;
}
.navbar-expand-lg .navbar-nav .nav-item .nav-link { margin-left: 0; }
.course-categories .card a span { font-size: 12px; }
}
/* Display after 992px(after tablet) - Responsive
---------------------------------------------------------------------------- */
@media (min-width: 992px) {
.heading-block h3 {
font-size: 42px;
letter-spacing: -2px;
}
.course-card .card-title {
font-size: 19px;
line-height: 1.25;
}
}
@media (max-width: 767px) {
.slider-arrow-top-sm, .slider-arrow-bottom-sm {
display: inline-block !important;
}
}
#top-search form input {
font-size: 26px;
letter-spacing: 0;
}
#top-search form input::-moz-placeholder { text-transform: none; letter-spacing: 0; color: #AAA; font-size: 24px; }
#top-search form input::-ms-input-placeholder { text-transform: none; letter-spacing: 0; color: #AAA; font-size: 24px; }
#top-search form input::-webkit-input-placeholder { text-transform: none; letter-spacing: 0; color: #AAA; font-size: 24px;}
.gradient-text a {
background: linear-gradient(45deg, #0066ff 0%, #0066ff 50%, #0066ff 100%);
-webkit-background-clip: text; text-align: justify;
-webkit-text-fill-color: transparent;
}
.gradient-text hover {background: linear-gradient(355deg, #000000 0%, #000000 100%);
-webkit-background-clip: text; text-align: justify;
-webkit-text-fill-color: transparent;
}
/*Bootstrap 4 Lightbox gallery*/
.lightbox-gallery{background-image: linear-gradient(#4A148C, #E53935);background-repeat: no-repeat;color: #000;overflow-x: hidden}.lightbox-gallery p{color:#fff}.lightbox-gallery h2{font-weight:bold;margin-bottom:40px;padding-top:40px;color:#fff}@media (max-width:767px){.lightbox-gallery h2{margin-bottom:25px;padding-top:25px;font-size:24px}}.lightbox-gallery .intro{font-size:16px;max-width:500px;margin:0 auto 40px}.lightbox-gallery .intro p{margin-bottom:0}.lightbox-gallery .photos{padding-bottom:20px}.lightbox-gallery .item{padding-bottom:30px}
.fixed-size-36{font-size:36px; font-weight: 600; color: #670C07;}
.rainbow {
/* Font options
font-size:36px; font-weight: bolder;*/
/* Chrome, Safari, Opera */
-webkit-animation: rainbow 15s infinite;
/* Internet Explorer */
-ms-animation: rainbow 15s infinite;
/* Standar Syntax */
animation: rainbow 15s infinite;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes rainbow{
25%{color: #670C07;}
50%{color:#0066ff;}
75%{color:darkorchid;}
100%{color:crimson;}
}
/*
Gradient Text
Gradient Text
The background-clip: text; property allows the background to be clipped to the foreground text. The text-fill-color: transparent; property makes the characters of text transparent. And the background itself is set with the background: linear-gradient(); property.
.gradient-text {
background: linear-gradient(to bottom, #670C07 50%, #960 50%);
-webkit-background-clip: text;
-moz-background-clip: text;
background-clip: text;
-webkit-text-fill-color:transparent;
}
/*
Gradient Underlining
Gradient Underlining
This example uses the CSS rules for the text from the previous example. To create a gradient underlining, set the background linear gradient, position and size, and repeat it horizontally (repeat-x).
.gradient-text span {
background: linear-gradient(to left, #670C07 50%, #960 50%);
background-position: 0 100%;
background-size: 100% 6px;
background-repeat: repeat-x;
}
.gradient-brand-primary {
background-color: #f3ec78;
background-image: linear-gradient(45deg, #f3ec78, #670C07);
}
*/
/*
.gradient-text {
-webkit-background-clip: text;
-moz-background-clip: text;
-webkit-text-fill-color: transparent;
-moz-text-fill-color: transparent;
}
.gradient-text {
/* Fallback: Set a background color.
background-color: transparent;
background-image: linear-gradient(
45deg,
#CA4246 16.666%,
#E16541 16.666%,
#E16541 33.333%,
#F18F43 33.333%,
#F18F43 50%,
#8B9862 50%,
#8B9862 66.666%,
#476098 66.666%,
#476098 83.333%,
#A7489B 83.333%);
/* Set the background size and repeat properties.
background-size: 100%;
background-repeat: repeat;
/* Use the text as a mask for the background.
/* This will show the gradient as a text color rather than element bg.
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
/* Animate the text when loading the element.
/* This animates it on page load and when hovering out.
animation: rainbow-text-simple-animation-rev 0.75s ease forwards;
}
.gradient-text:hover{
animation: rainbow-text-simple-animation 0.5s ease-in forwards;
}
/* Move the background and make it smaller.
/* Animation shown when entering the page and after the hover animation.
@keyframes rainbow-text-simple-animation-rev {
0% {
background-size: 650%;
}
40% {
background-size: 650%;
}
100% {
background-size: 100%;
}
}
/* Move the background and make it larger.
/* Animation shown when hovering over the text.
@keyframes rainbow-text-simple-animation {
0% {
background-size: 100%;
}
80% {
background-size: 650%;
}
100% {
background-size: 650%;
}
}
*/
.scw-trigger-icon {
position: fixed;
width: 44px;
height: 44px;
background-color:transparent;
top: 159px;
left: auto;
right: 26px;
border: 0;
padding: 0;
text-align: center;
z-index: 5;
cursor: pointer;
}
.scw-trigger-icon i { font-size: 18px; }
.scw-switcher-wrap:not(.scw-switcher-open) i:nth-of-type(2),
.scw-switcher-wrap.scw-switcher-open i:nth-of-type(1) { display: none; }
.scw-switcher-wrap {
position: fixed;
top: 158px;
left: auto;
right: 25px;
padding: 23px;
width: 0;
height: 0;
background-color: transparent;
border: 1px solid rgba(0,0,0,0);
border-radius: 3px;
box-shadow: 0px 13px 42px 11px rgba(0, 0, 0, 0);
z-index: 9999;
overflow: hidden;
-webkit-transition: all 0.45s ease;
-o-transition: all 0.45s ease;
transition: all 0.45s ease;
}
.scw-switcher-wrap.scw-switcher-open {
width: 300px;
height: 70%;
padding: 35px 25px;
overflow-y: scroll;
}
.scw-switcher-wrap .widget { margin:0; }
.scw-switcher-wrap .widget,
.scw-switcher-wrap .line {
opacity: 0;
-webkit-transition: opacity 0s ease;
-o-transition: opacity 0s ease;
transition: opacity 0s ease;
}
.scw-switcher-wrap.scw-switcher-open .widget,
.scw-switcher-wrap.scw-switcher-open .line {
opacity: 1;
-webkit-transition: opacity 0.3s 0.4s ease;
-o-transition: opacity 0.3s 0.4s ease;
transition: opacity 0.3s 0.4s ease;
}
.scw-switcher-wrap .widget h4 {
font-size: 14px;
letter-spacing: 1px;
margin-bottom: 15px;
}
.scw-switcher-wrap .btn-container { margin: 0 -5px -5px 0; }
.scw-switcher-wrap .btn { margin: 0 5px 5px 0; }
.scw-switcher-wrap .row { margin: 0 -3px; }
.scw-switcher-wrap .col-6 { padding: 3px; }
.scw-switcher-wrap .img-thumbnail { border-radius: 2px; }
.box {width:100%;
border: 3px solid #DCDCDC; border-radius: 5px;vertical-align: middle; border-bottom-style:groove;
}
.inner-box{height:100%;
padding:10% 10% 10% 10%; margin-bottom: 10%; border: 1px solid #b78727; border-radius: 5px;
}
/*slides*/
@media (max-width: 575.98px) {
.slider-caption-mt{margin-top: 100px;}
}
/* sm .col-sm-*/
@media (min-width: 576px) and (max-width: 767.98px) {
.slider-caption-mt{margin-top: 100px;}
}
/* md .col-md-*/
@media (min-width: 768px) and (max-width: 991.98px) {
.slider-caption-mt{margin-top: 100px;}
}
/* lg .col-lg-*/
@media (min-width: 992px) and (max-width: 1199.98px) {
.slider-caption-mt{margin-top: 100px;}
}
/* xl .col-xl-*/
/* large desktops and up ----------- */
@media (min-width: 1200px) and (max-width: 1799.98px) {
.slider-caption-mt{margin-top: 120px;}
}
@media screen and (min-width: 1800px) {
.slider-caption-mt{margin-top: 130px;}
}
#myImg {
-moz-animation: spinHorizontal 1.8s infinite linear;
-o-animation: spinHorizontal 1.8s infinite linear;
-webkit-animation: spinHorizontal 1.8s infinite linear;
animation: spinHorizontal 1.8s infinite linear;
}
@keyframes spinHorizontal {
0% {
transform: rotateY(0deg);
}
100% {
transform: rotateY(360deg);
}
}
/* ==========================================================================
Chrome Frame prompt
========================================================================== */
.chromeframe {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}
/* ==========================================================================
Author's custom styles
========================================================================== */
#bb-loader-wrapper {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1000;
}
#bb-loader {
display: block;
position: relative;
left: 50%;
top: 50%;
width: 150px;
height: 150px;
margin: -75px 0 0 -75px;
border-radius: 50%;
border: 3px solid transparent;
border-top-color: #3498db;
-webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
z-index: 1001;
}
#bb-loader:before {
content: "";
position: absolute;
top: 5px;
left: 5px;
right: 5px;
bottom: 5px;
border-radius: 50%;
border: 3px solid transparent;
border-top-color: #e74c3c;
-webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}
#bb-loader:after {
content: "";
position: absolute;
top: 15px;
left: 15px;
right: 15px;
bottom: 15px;
border-radius: 50%;
border: 3px solid transparent;
border-top-color: #f9c922;
-webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */
-ms-transform: rotate(0deg); /* IE 9 */
transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */
}
100% {
-webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */
-ms-transform: rotate(360deg); /* IE 9 */
transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */
}
}
@keyframes spin {
0% {
-webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */
-ms-transform: rotate(0deg); /* IE 9 */
transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */
}
100% {
-webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */
-ms-transform: rotate(360deg); /* IE 9 */
transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */
}
}
#bb-loader-wrapper .bb-loader-section {
position: fixed;
top: 0;
width: 51%;
height: 100%;
background: #222;
z-index: 1000;
}
#bb-loader-wrapper .bb-loader-section.section-left {
left: 0;
}
#bb-loader-wrapper .bb-loader-section.section-right {
right: 0;
}
/* Loaded styles */
.bb-loaded #bb-loader-wrapper .bb-loader-section.section-left {
-webkit-transform: translateX(-100%); /* Chrome, Opera 15+, Safari 3.1+ */
-ms-transform: translateX(-100%); /* IE 9 */
transform: translateX(-100%); /* Firefox 16+, IE 10+, Opera */
-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6 */
transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+ */
}
.bb-loaded #bb-loader-wrapper .bb-loader-section.section-right {
-webkit-transform: translateX(100%); /* Chrome, Opera 15+, Safari 3.1+ */
-ms-transform: translateX(100%); /* IE 9 */
transform: translateX(100%); /* Firefox 16+, IE 10+, Opera */
-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6 */
transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+ */
}
.bb-loaded #bb-loader {
opacity: 0;
-webkit-transition: all 0.3s ease-out; /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6 */
transition: all 0.3s ease-out; /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+ */
}
.bb-loaded #bb-loader-wrapper {
visibility: hidden;
-webkit-transform: translateY(-100%); /* Chrome, Opera 15+, Safari 3.1+ */
-ms-transform: translateY(-100%); /* IE 9 */
transform: translateY(-100%); /* Firefox 16+, IE 10+, Opera */
-webkit-transition: all 0.3s 1s ease-out; /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6 */
transition: all 0.3s 1s ease-out; /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+ */
}
#bb-content {
margin: 0 auto;
padding-bottom: 50px;
width: 80%;
max-width: 978px;
}
/* ==========================================================================
Helper classes
========================================================================== */
/*
* Image replacement
*/
.ir {
background-color: transparent;
border: 0;
overflow: hidden;
/* IE 6/7 fallback */
*text-indent: -9999px;
}
.ir:before {
content: "";
display: block;
width: 0;
height: 150%;
}
/*
* Hide from both screenreaders and browsers: h5bp.com/u
*/
.hidden {
display: none !important;
visibility: hidden;
}
/*
* Hide only visually, but have it available for screenreaders: h5bp.com/v
*/
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
/*
* Hide visually and from screenreaders, but maintain layout
*/
.invisible {
visibility: hidden;
}
/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
* `contenteditable` attribute is included anywhere else in the document.
* Otherwise it causes space to appear at the top and bottom of elements
* that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
* `:before` to contain the top-margins of child elements.
*/
.clearfix:before,
.clearfix:after {
content: " "; /* 1 */
display: table; /* 2 */
}
.clearfix:after {
clear: both;
}
/*
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.clearfix {
*zoom: 1;
}
/* ----- Tab ----- */
.block-tab-2 ul.tab-nav:not(.tab-nav-lg) {
border-bottom: none;
}
.block-tab-2 ul.tab-nav:not(.tab-nav-lg) li {
float: left;
border: 0;
height: auto;
text-align: center;
}
.block-tab-2.tabs.tabs-alt ul.tab-nav li.ui-tabs-active a {
border: 0;
}
.block-tab-2 ul.tab-nav:not(.tab-nav-lg) li a {
height: auto;
line-height: 1;
background-color: transparent;
font-weight: 700;
padding: 10px;
}
.block-tab-2 ul.tab-nav:not(.tab-nav-lg) li a i {
display: block;
font-size: 42px;
margin: 0 0 17px 0;
}
.block-tab-2 ul.tab-nav:not(.tab-nav-lg) li.ui-tabs-active a {
top: 0;
}
.block-tab-2 ul.tab-nav:not(.tab-nav-lg) li.ui-tabs-active i {
color: var(--danger, #dc3545);
}
.block-tab-2 ul.tab-nav:not(.tab-nav-lg) li.ui-tabs-active a::after {
content: '';
position: absolute;
width: 6px;
height: 6px;
bottom: 0;
left: 50%;
margin-left: -3px;
border-radius: 50%;
background: var(--danger, #dc3545);
}
@media (max-width: 999px) {
.contact-wrap {
width: 100%;
}
}
.image-hover {
overflow: hidden;
}
.image-hover img,
.image-hover .thumb-title {
transition: transform 0.4s;
/* Animation */
}
.image-hover:hover img {
transform: scale(1.25);
}
.image-hover:hover .thumb-title {
background: #0a62fb;
}
.news-post-wrapper {
width: 915px;
margin: 0 auto;
margin-top: 50px;
}
.img-fluid {
max-width: 100%;
height: auto;
}
.outdent-cap{font-family: 'SolaimanLipi'}
.outdent-cap p{
font-size: 1.25em;
line-height: 1.5em;
padding: 0 0 0 8em;
margin: 0.125em 0;
text-align: justify;
}
.outdent-cap p:first-letter{
font-size: 4em;
line-height: 1.25em;
font-weight: 400;
float: left;
margin: -0.675em -0.1em 0 0;
}
.outdent-cap p:first-line{
font-weight: 800;
}
.outdent-cap p + p:first-letter{
font-size: 1.25em;
line-height: 1.5em;
float:none;
margin: 0;
}
.outdent-cap p + p:first-line{
font-weight: 400;
font-variant: normal;
}
.outdent-block p{
line-height: 1.25em;
text-align: justify;
margin: 1.25em 0;
padding: 0;
}
.outdent-block p:before{
content: "§ ";
}
.outdent-block p + p{
padding: 0 0 0 8em;
}
.outdent-block p + p:before{
content: "• ";
}
.dropcap{text-align: justified;}
.drop-cap p{
font-size: 1.125em;
line-height: 1.5em;
margin: 0;
text-align: justified;
}
.drop-cap p + p{
text-indent: 2.5em
}
.drop-cap p:first-letter{
font-size: 3.5em;
line-height: 1.5em;
font-weight: 400;
float: left;
margin: 0 0.107em 0 0;
}
.drop-cap p:first-line{
font-weight: 800;
}
.drop-cap p + p:first-letter{
font-size: 1.125em;
line-height: 1.5em;
float: none;
margin: 0;text-align: justified;
}
.drop-cap p + p:first-line{
font-weight: 400;
}
.elevated p{
line-height: 1.750em;
margin: -20px 0 0 0;
text-align: justify;
}
.elevated p:first-letter{
font-size: 2.00em;
line-height: 1.0em;margin: -0.675em -0.025em 0 0;
}
.elevated p + p:first-letter{
line-height: 2.50em;
}
.oi{text-indent: 50px;}
article {
-webkit-columns: 3 300px;
-moz-columns: 3 300px;
columns: 3 300px;
-webkit-column-gap: 4em;
-moz-column-gap: 4em;
column-gap: 4em;
-webkit-column-rule: 1px dotted #ddd;
-moz-column-rule: 1px dotted #ddd;
column-rule: 1px dotted #ddd;
}
p {
margin-bottom: 1.0em;
}
/* Animation */
#animation{background-color:transparent;}
#animation p {
font-family: 'SolaimanLipi';
white-space: nowrap;
overflow: hidden;
color: #B8860B; margin: 0 auto;
}
/* Animation */
#animation p {font-family: 'SolaimanLipi';
animation: animated-text 4s steps(30,end) 1s 1 normal both;
}
/* text animation */
@keyframes animated-text{
from{width: 0;}
to{width: 800px;}
}
/* SHADOWS */
.shadow-11{text-shadow: 1px 3px 2px rgba(0,0,0,1.0), 0px -2px 5px rgba(255,255,255,1.0);}
.shadow-0{color: #bb0a1e; text-shadow: 0px -1px 2px rgba(0,0,0,0.1;}
.shadow-1{color:#B8860B; text-shadow: 2px 7px 5px rgba(0,0,0,0.3), 0px -4px 10px rgba(255,255,255,0.3);}
.shadow-2{color:#121212; background-color: beige; text-shadow: 0 2px 1px #747474, -1px 3px 1px #767676, -2px 5px 1px #787878, -3px 7px 1px #7a7a7a, -4px 9px 1px #7f7f7f, -5px 11px 1px #838383, -6px 13px 1px #878787,-7px 15px 1px #8a8a8a, -8px 17px 1px #8e8e8e, -9px 19px 1px #949494, -10px 21px 1px #989898, -11px 23px 1px #9f9f9f, -12px 25px 1px #a2a2a2, -13px 27px 1px #a7a7a7, -14px 29px 1px #adadad, -15px 31px 1px #b3b3b3, -16px 33px 1px #b6b6b6, -17px 35px 1px #bcbcbc, -18px 37px 1px #c2c2c2, -19px 39px 1px #c8c8c8, -20px 41px 1px #cbcbcb, -21px 43px 1px #d2d2d2, -22px 45px 1px #d5d5d5, -23px 47px 1px #e2e2e2, -24px 49px 1px #e6e6e6, -25px 51px 1px #eaeaea, -26px 53px 1px #efefef;}
.shadow-3{color: #dfdfdf; text-shadow: 0 2px 2px #dfdfdf, -2px 5px 1px #b8b8b8, -4px 8px 0px #979797, -6px 11px 0px #747474, -8px 14px 0px #565656, -10px 17px 0px #343434,-12px 20px 0px #171717, -14px 23px 0px #000;}
.shadow-4{color:#B8860B; text-shadow: 3px 0px 7px rgba(81,67,21,0.8), -3px 0px 7px rgba(81,67,21,0.8), 0px 4px 7px rgba(81,67,21,0.8);}
.shadow-5{color: #cfc547; text-shadow: 3px 4px 7px rgba(81,67,21,0.8);}
.shadow-6{color: #0f0f0f; text-shadow: -1px -1px 3px #020202, 2px 2px 4px #1b1b1b;}
.shadow-7{color: #dfdfdf; text-shadow: 0 2px 2px #dfdfdf, -2px 5px 1px #cbcbcb, -4px 8px 1px #979797, -6px 11px 1px #a2a2a2, -8px 14px 1px #aeaeae, -10px 17px 1px #b5b5b5, -12px 20px 1px #bebebe, -14px 23px 1px #cecece, -16px 26px 1px #dbdbdb, -18px 29px 1px #dfdfdf}
.shadow-8{color: #67875d; text-shadow: 0 2px 1px #79a06d, -1px 3px 1px #82ad75, -2px 5px 1px #8ebf80;}
.shadow-9{color: #cfc547; text-shadow: 0px 11px 10px rgba(81,67,21,0.8);}
.feature-icon {
width: 4rem;
height: 4rem;
border-radius: .75rem;
}
.icon-square {
width: 3rem;
height: 3rem;
border-radius: .75rem;
}
.text-shadow-1 { text-shadow: 0 .125rem .25rem rgba(0, 0, 0, .25); }
.text-shadow-2 { text-shadow: 0 .25rem .5rem rgba(0, 0, 0, .25); }
.text-shadow-3 { text-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .25); }
.card-cover {
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.feature-icon-small {
width: 3rem;
height: 3rem;
}