/*-----------------------------------------------------------------------------------
CSS INDEX
===================
1. Google font
2. Theme Default CSS
3. Helper Classes
-----------------------------------------------------------------------------------*/

/*-----------------
1. Google font
------------------*/

@import url('https://fonts.googleapis.com/css?family=Roboto:100,200,300,400');
@font-face {
  font-family: 'Noto Sans Malayalam';
  font-style: normal;
  font-weight: 400;
  src: url(http://server1/archaeology/font/NotoSansMalayalam-Regular.eot);
  src: url(http://server1/archaeology/font/NotoSansMalayalam-Regular.woff2) format('woff2'),
       url(http://server1/archaeology/font/NotoSansMalayalam-Regular.woff) format('woff'),
       url(http://server1/archaeology/font/NotoSansMalayalam-Regular.ttf) format('truetype');
}

.font-ml
{
    font-family: 'Noto Sans Malayalam';
    font-size: 14px!important;
}
/*-------------------
2. Theme Default CSS
--------------------*/

a {
    text-decoration: none;
    outline: none;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    color: #333333;
}

input:focus,
button:focus,
a:focus,
a:hover {
    text-decoration: none;
    outline: none;
    color: #000000;
}

img {
    max-width: 100%;
    height: auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 10px;
    font-weight:400;
	font-family: 'Roboto', sans-serif;
}

html,
body {
    height: 100%
}

body {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: #000;
    overflow-x: hidden;
}

/* Remove Chrome Input Field's Unwanted Yellow Background Color */

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}

/*-------------------
3. Helper Classes
--------------------*/
section
{
    padding:30px 0px;
}
section h1
{
	
}
section h2
{
    
}
section:after
{
    display: block;
    content: '';
    clear: both;
}
.full-width
{
    width: 100%;
    height: 100vh;
}
.bg-size-cover
{
    background-size: cover;
}
.theme-color-bg
{
    background: #f5b451!important;
}
.theme-color-bg-1
{
    background:#e0e0e0!important;
}
.theme-color-text
{
    color:#fe9c28!important;
}
.theme-color-text-1
{
    color:#cc4909!important;
}
/* fdca41 */
.theme-color-text-sub
{
    color:#fdca41;
}
.relative
{
    position: relative;
}
.absolute
{
    position: absolute;
    z-index: 5555;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}
.fixed
{
    position: fixed;
}
.middle
{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

/* ------------------------
Extras
---------------------------- */
.nav-tabs .nav-item {
    margin-bottom: -1px;
    background:#79706b;
    color: #fff;
    border-top: solid 1px #f5b450;
}
.nav-tabs .nav-item a
{
    color: #fff;
}
.nav-slice::after
{
    display: block;
    position: absolute;
    content:'';
    z-index:555;
    left:0px;
    top:1px;
    border-bottom: solid 0px transparent;
    border-top: solid 48px transparent;
    border-left: solid 60px #fff;
}
.nav-slice::before
{
    display:block;
    position: absolute;
    content: '';
}
.full-slice
{
      width:52%;
      height:100%;
      position: absolute;
      right:-51%;
      top: 0px;
      background-color:#f5b451;
}
.min-h-125
{
    min-height: 125px;
}
.common-gray-cover
{
    background: #f7f6f4;
    padding:50px 0px;
    width: 100%;
}
.slick-prev:before, .slick-next:before {
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity:1;
    color: #fe9c28;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.up-arrow
{
    width:48px;
    height:48px;
    background-image: url('../img/up.png');
    background-size: cover;
    z-index: 5555;
    position: fixed;
    right: 50px;
    bottom: 50px;
}
.up-arrow:hover
{
    animation:kkkk linear infinite .8s;
}
@keyframes kkkk
{
    0%
    {
        opacity: 0;
        bottom:55px;
    }
    50%
    {
        opacity:.5;
        bottom:60px;
    }
    100%
    {
        opacity:1;
        bottom:55px;
    }
}
/* ------------
Bootstrap class Edits
--------------- */
.navbar-brand h1
{
    font-size: 1rem;
}
.navbar-light .navbar-nav.border-line .nav-link
{
    color: rgb(0, 0, 0);
    border-left:solid 1px #000; 
    padding: .0rem 1rem;
    margin-top: .3rem;
}
.navbar-light
{
    background: #fff;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #495057;
    background-color: #f6f4f3;
    border-color: #dee2e6 #dee2e6 #fff;
    border-top: solid 2px #fe9c28;
}
.tab-content>.active {
    display: block;
    background-color: #f6f4f3;
}
.nav-link:hover
{
    background-color: #f5b451;
}
.navbar-light
{
    border-bottom: solid 1px rgba(0, 0, 0, .4);
}
/* ------------------------
Land-area
---------------------------- */
section.land-area
{
    background: url(../img/banner-1.jpg);
}
.banner-caption
{
    background: rgba(0, 0, 0, .5);
    max-width:850px;
    padding:2rem 5rem;
    top:75%;
    z-index:999;
}
.banner-caption::after
{
    content: '';
    display: block;
    position: absolute;
    z-index: 55;
    width:40%;
    height:5px;
    background:#f5b451;
    top: 0px;
    left: 0px;
}
.banner-caption::before
{
    content: '';
    display: block;
    position: absolute;
    z-index: 55;
    width:40%;
    height:5px;
    background:#f5b451;
    bottom: 0px;
    right: 0px;
}

.banner-caption p
{
    text-transform: uppercase;
    font-size: 1.8rem;
    font-weight: 300;

}

/* ------------------------
About-area
---------------------------- */
section.about .container::after
{
    display: block;
    content: '';
    position: absolute;
    z-index: 55;
    background: #f5b451;
    height: 10px;
    width: 45%;
    right:15px;
    top: -17%;
}
section.exploration .container::after
{
    display: block;
    content: '';
    position: absolute;
    z-index: 55;
    background: #f5b451;
    height: 10px;
    width: 45%;
    top: -17%;
}

section.about ul li a:hover
{
    color:#f5b451;
    left:5px;
}
.read-more
{
    display: block;
    width: 100%;
    height: 60px;
    background: #575554;
    margin-top:20px;
    position: relative;

}
.read-more p
{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.read-more::after
{
    content: '';
    display: block;
    position: absolute;
    right: 20px;
    bottom: 0px;
    z-index: 55;
    border-bottom: solid 30px #f5b451;
    border-top: solid 30px #f5b451;
    border-left: solid 40px transparent;
    border-right: solid 0px transparent;
    transition: .4s;
}
.read-more::before
{
    content: '';
    display: block;
    position: absolute;
    right: 0px;
    bottom: 0px;
    z-index: 55;
    width: 20px;
    height: 100%;
    background:#f5b451;
    transition: .4s;
}
.read-more:hover::after
{
    right:0px;
}
.read-more:hover::before
{
    width:0px;
}
/* @keyframes loopt
{
    0%
    {
        left:5px;
    }
    50%
    {
        left:0px;
    }
   
}   */
/* -------------------
News-updates
---------------------- */
section.news-update
{
    background:#ff9b29;
}
#news-left
{
        display: none;
}
.news-update
{

}
.news-update::after
{
    display: block;
    content: '';
    position: absolute;
    right:10%;
    top: 0;
    border-bottom: solid 7.5rem #ec8a16;
    border-top: solid 7.5rem #ec8a16;
    border-left: solid 7rem transparent;
    border-right: solid 0px transparent;
    z-index: 55;
    transition:.4s;
}
.news-update::before
{
     display: block;
    content: '';
    position: absolute;
    right:0;
    top: 0;
    z-index: 55;
    width: 10%;
    height: 100%;
    background: #ec8a16;
    transition:.4s;
}
.news-update:hover::after
{
     right:0%;
}
.news-update:hover::before
{
     width:0%;
}
.news-heading-toggle
{
    font-size:2rem;
}
.bg-cust
{
    background:#575554;
    padding:5px 0px;
}
.bg-cust a:hover
{
    color: #fdca41!important;
}
/* ---------------------
Exploration
------------------- */
.btn-common
{
    border: none;
    border-radius: 0px;
    color: #000;
}
.btn-common:hover
{
    background: #ec8a16;
}

/* ---------------------
Monuments
------------------- */
section.monuments
{
    background: #79706b;
}
section.monuments .container::after
{
    display: block;
    content: '';
    position: absolute;
    z-index: 55;
    background: #f5b451;
    height: 10px;
    width: 45%;
    right:15px;
    top:-1%;
}
.monuments-more
{
    background: #ec8a16;
    position: absolute;
    bottom: 0;
    width: 100%;
}
.g-ca
{
    margin-left: 160px;
}
.branch h2::after
{
   /*  display: block;
    content: '';
    position: absolute;
    z-index: 55;
    background: #f5b451;
    height: 10px;
    width:40%;
    right:10px;
    top:15px; */
} 
.gallery h2::after
{
    display: block;
    content: '';
    position: absolute;
    z-index: 55;
    background: #f5b451;
    height: 10px;
    width:100%;
    left:150px;
    top:15px;
}
.branch ul li a
{
    color: #fff;
    font-weight: 300;
    background: #5a5655;
    margin-top: 2px;
    border-left: solid 2px #ec8a16;
}
.branch ul li a:hover
{
    background: #f5b451;
    /* color: #000; */
    border-left:solid 2px #fff; 
}
.branch aside
{
  /*  padding:3rem 1rem; */
  padding-right:0em;
}
.btn-monuments
{
    width:50%;
    transition: .4s;
}
.btn-monuments:hover
{
    width: 100%;
}
.monuments-ga-pic
{
    overflow: hidden;
}
.monuments-ga-pic span
{
    position: absolute;
    z-index: 55;
    display:block;
    width:100%;
    left:0%;
    bottom: -30%;
    transition: .8s;
    opacity: 0;
}
.monuments-ga-pic img
{
    transform: scale(1);
    transition: .4s;
}
.monuments-ga-pic:hover img
{
    transform: scale(1.3);
}
.monuments-ga-pic:hover span
{
    bottom: 0;
    opacity: 1;
}

/* ---------------
inner-page
--------------- */
section.content
{
    background-color:#ffff;
}
section.content h2
{
    font-size: 1.5rem;
    text-align: center;
    padding-bottom: 1rem;
    position: relative;
}
section.content .container > h2::after
{
    content: '';
    display: block;
    position: absolute;
    left: 0px;
    top:15px;
    width:35%;
    height:1px;
    background-color:#cc4909;
}
section.content .container > h2::before
{
    content: '';
    display: block;
    position: absolute;
    right: 0px;
    top:15px;
    width:35%;
    height:1px;
    background-color:#cc4909;
}
section.content aside
{
    background-color: #fff;
    padding: 15px;
    border-left: solid 8px #f5b451;
    padding-left: 0px;
}
section.content aside small
{
    font-size: .9rem;
    color:rgba(0,0,0,1);
}
section.content aside h3,section.content aside p
{
    padding-left: 15px;
    color:rgba(0,0,0,.9);
}
/* section.content aside:hover h3,section.content aside:hover p
{
    color:#000;
} */
section.content aside h3
{
    font-size:1.2rem;
    text-transform: uppercase;
}
section.content aside span
{
    font-weight: bolder;
    font-size:1.6rem;
    padding:3px 10px;
}
section.content aside img
{
    margin-top: 15px;
}
section.content aside
{
    font-size: 16px;
    color: #2D3E50;
    font-weight: 400;
    margin: 20px 0;
    min-height:430px;
}
section.content aside p a
{
    font-size:.8rem;
    font-weight:500;
}
.pinterest
{
    display: flex;
    flex-flow: column wrap; /* Shorthand – you could use ‘flex-direction: column’ and ‘flex-wrap: wrap’ instead */
    justify-content: flex-start;
    align-items: flex-start;
}
.read-more-btn
{
    border-radius: 0px;
    background-color:#f5b451;
}
.read-more-btn:hover
{
    background-color:#ec8a16;
}
.half
{
    width:100%;
}
/* .inner-left::after
{
    width:20%;
    height:1px;
    content: '';
    display: block;
    position: absolute;
    right:-10%;
    top: 50%;
    background-color: #cc4909;
    z-index: 555;
} */
.bg-monuments
{
    background: url('../img/monuments.jpg') center center;
    background-size: cover;
}
.min-h-350
{
    min-height:235px;
}
.inner-left h1
{
   /*  text-shadow:0px 2px 0px #000; */
    font-weight:300;
}
.mon-bg
{
    /* border-top:solid #ec8a16 8px;*/
    /* background-color:#ededed; */
    padding:12px 0px;
    overflow: hidden;
    position: relative;
}

.rounded-circle
{
    transition:.4s;
    border: solid 1px #ec8a16;
}
.mon-bg img
{
    border-top: solid 1px #ec8a16;
    transform: scale(1);
    transition: .4s;
}
/* .mon-bg::after
{
    display: block;
    position: absolute;
    content: '';
    left: 0px;
    top:30px;
    border-top:solid 0px transparent;
    border-bottom:solid 30px transparent;
    border-left:solid 30px #ec8a16;
} */
.caption-title
{
    background-color:#f5b451;
    padding:15px 0px;
    border: solid 1px #ec8a16;
    border-top: none;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
}
.mon-bg:hover .rounded-circle
{
    border-radius: 0px!important;
}
.mon-bg:hover img
{
     transform: scale(1.1);
}
/* ---------------------
Footer
------------------- */
section.footer-1
{
    section.footer-1 {
    background: #efefef;
}
}
section.footer-1 ul li a
{
    color: #e1e1e1;
}
section.footer-1 ul li a:hover
{
    color: #f5b451;
}
section.footer-2
{
    background: #544f4b;
    color: #ceb190;
}

/* ------------------marquee-------------------- */

.marquee,
            .marquee-with-options,
            .marquee-vert-before,
            .marquee-vert {
              width:100%;
              overflow: hidden;
              height: 145px;
              max-height: 145px;
              border:0px solid #ccc;
            }
/* ------------------search form---------------------- */
.input-group.cust-grp
{
    width:200px;
    margin-right:20px;

}
.form-control.cust-search,.cust-add-on
{
    border-radius: 0px;
     height:30px; 
}
.cust-add-on .btn
{
    padding:0px 10px;
}
/* ---------------------------organizational structure-------------------------- */
.tree-structure
{
    color:#fff;
    text-transform: capitalize;
    position: relative;
    text-align: center;
    padding:10px 0px;
}
.tree-structure::after
{
    content: '';
    display: block;
    position: absolute;
    left:50%;
    top: -15px;
    transform: translateX(-50%);
    z-index: 55;
    border-bottom:solid  15px;
    border-right:solid transparent 15px;
    border-left:solid transparent 15px;
}
.tree-structure.color-main::after
{
    content: '';
    display: block;
    position: absolute;
    left:50%;
    top: -15px;
    transform: translateX(-50%);
    z-index: 55;
    border-bottom:solid #d15823 15px;
    border-right:solid transparent 15px;
    border-left:solid transparent 15px;
}
.color-main
{
    background:#d15823;
}
.color-sub-1
{
    background:#b06786;
}
.tree-structure.color-sub-1::after
{
    content: '';
    display: block;
    position: absolute;
    left:50%;
    top: -15px;
    transform: translateX(-50%);
    z-index: 55;
    border-bottom:solid #b06786 15px;
    border-right:solid transparent 15px;
    border-left:solid transparent 15px;
}
.color-sub-2
{
    background:#e17f38;
}
.tree-structure.color-sub-2::after
{
    content: '';
    display: block;
    position: absolute;
    left:50%;
    top: -15px;
    transform: translateX(-50%);
    z-index: 55;
    border-bottom:solid #e17f38 15px;
    border-right:solid transparent 15px;
    border-left:solid transparent 15px;
}
.color-sub-3
{
    background:#5b91b0;;
}
.tree-structure.color-sub-3::after
{
    content: '';
    display: block;
    position: absolute;
    left:50%;
    top: -15px;
    transform: translateX(-50%);
    z-index: 55;
    border-bottom:solid #5b91b0 15px;
    border-right:solid transparent 15px;
    border-left:solid transparent 15px;
}
.color-sub-4
{
    background:#659839;
}
.tree-structure.color-sub-4::after
{
    content: '';
    display: block;
    position: absolute;
    left:50%;
    top: -15px;
    transform: translateX(-50%);
    z-index: 55;
    border-bottom:solid #659839 15px;
    border-right:solid transparent 15px;
    border-left:solid transparent 15px;
}
.color-sub-5
{
    background:#a65528;
}
.tree-structure.color-sub-5::after
{
    content: '';
    display: block;
    position: absolute;
    left:50%;
    top: -15px;
    transform: translateX(-50%);
    z-index: 55;
    border-bottom:solid #a65528 15px;
    border-right:solid transparent 15px;
    border-left:solid transparent 15px;
}
.color-sub-6
{
    background:#7d575d;
}
.tree-structure.color-sub-6::after
{
    content: '';
    display: block;
    position: absolute;
    left:50%;
    top: -15px;
    transform: translateX(-50%);
    z-index: 55;
    border-bottom:solid #7d575d 15px;
    border-right:solid transparent 15px;
    border-left:solid transparent 15px;
}
.color-sub-7
{
    background:#026383;
}
.tree-structure.color-sub-7::after
{
    content: '';
    display: block;
    position: absolute;
    left:50%;
    top: -15px;
    transform: translateX(-50%);
    z-index: 55;
    border-bottom:solid #026383 15px;
    border-right:solid transparent 15px;
    border-left:solid transparent 15px;
}
.color-sub-8
{
    background:#9aa240;
}
.tree-structure.color-sub-8::after
{
    content: '';
    display: block;
    position: absolute;
    left:50%;
    top: -15px;
    transform: translateX(-50%);
    z-index: 55;
    border-bottom:solid #9aa240 15px;
    border-right:solid transparent 15px;
    border-left:solid transparent 15px;
}
.color-sub-9
{
    background:#94668a;
}
.tree-structure.color-sub-9::after
{
    content: '';
    display: block;
    position: absolute;
    left:50%;
    top: -15px;
    transform: translateX(-50%);
    z-index: 55;
    border-bottom:solid #94668a 15px;
    border-right:solid transparent 15px;
    border-left:solid transparent 15px;
}
.color-sub-10
{
    background:#7e7395;
}
.tree-structure.color-sub-10::after
{
    content: '';
    display: block;
    position: absolute;
    left:50%;
    top: -15px;
    transform: translateX(-50%);
    z-index: 55;
    border-bottom:solid #7e7395 15px;
    border-right:solid transparent 15px;
    border-left:solid transparent 15px;
}
.news-link:hover
{
    color:#0097ed ;
}
.connecting-line
{
    width:1px;
    height:100px;
    /* background:#000; */
    background:rgba(0,0,0,.1);
}
.height-0
{
    height: 0px!important;
    min-height: 0px!important;
}
/* ----------------------------------------------------------------------- */
.gal-view-img
{
    max-width: 720px;
    margin: 0 auto;
}
.table-arch
{
    font-size:.75rem;float:right;
    background-color:

}
.table td, .table th {

    padding: .3rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;

}
/* __________________________________________________________________________ */
.col-left p,.col-right p
{
    color:#fff!important;
}

.shadow
{
	box-shadow: 0px 40px 20px -40px rgb(133, 133, 133)!important;
	
}
.caption
{

	background:#fff;
	width: 100%;
	padding:10px 0px;
	text-align: center;
}
.caption span:nth-child(1),.caption span:nth-child(3)
{
	color:red;
	font-size: 14px;
}
.caption span:nth-child(2)
{
	color:red;
	font-weight: bolder;
	font-size: 16px;
}

section.footer-1 ul li a {
color: #000000;
font-size: 14px;
font-weight: normal;
border-right: 1px solid #8a8a8a;
padding-right: 15px;
}
/*background: #efefef!important;
}*/

/* new updation */
.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgb(255 246 232);
    border-bottom: 1px solid rgb(255 255 255 / 0%);
}