@font-face {
    font-family: "Jost-Regular";  src: url('../fonts/Jost-Regular.woff') format('woff'), url('../fonts/Jost-Regular.otf') format('otf'), 	url('../fonts/Jost-Regular.ttf') format('ttf'), url('../fonts/Jost-Regular.svg') format('svg'); 
}

@font-face {
    font-family: "Jost-Medium";  src: url('../fonts/Jost-Medium.woff') format('woff'), url('../fonts/Jost-Medium.otf') format('otf'), 	url('../fonts/Jost-Medium.ttf') format('ttf'), url('../fonts/Jost-Medium.svg') format('svg'); 
}

@font-face {
    font-family: "Jost-SemiBold";  src: url('../fonts/Jost-SemiBold.woff') format('woff'), url('../fonts/Jost-SemiBold.otf') format('otf'), 	url('../fonts/Jost-SemiBold.ttf') format('ttf'), url('../fonts/Jost-SemiBold.svg') format('svg'); 
}
 
@font-face {
    font-family: "Jost-Bold";  src: url('../fonts/Jost-Bold.woff') format('woff'), url('../fonts/Jost-Bold.otf') format('otf'), 	url('../fonts/Jost-Bold.ttf') format('ttf'), url('../fonts/Jost-Bold.svg') format('svg'); 
}
   
*{	padding:0;	margin:0; font-family: "Jost-Regular"; }

.container{ max-width: 1170px; width: 100%; margin: 0px auto; padding: 0px 15px;}
a{ text-decoration:none !important; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s;}
img{ max-width:100%;}
p{ font-family: "Jost-Regular"; font-size:24px; line-height:40px; margin-bottom:20px;}
.header-row.fixed { position: sticky; top: 0px; z-index: 1; padding: 15px 50px;}
.header-row { display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; flex-flow: wrap; width: 100%; align-items: center; padding: 20px 50px; background-image: url(../img/bg-img.png); background-repeat: repeat; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s;}
.logo-bx{ max-width:280px; width:100%;}
.header-right{ width:calc(100% - 280px); text-align:right;}
.header-right a{ border: solid 2px #b98b1a; border-radius: 10px; max-width: 250px; width: 100%; height: 55px; line-height: 50px; display: inline-block; text-align: center; font-size: 20px; font-family: "Jost-SemiBold"; color: #fff;}
.header-right a:hover{ border: solid 2px #b98b1a; background-color:#b98b1a;}

.all-heading{ font-size:50px; font-family: "Jost-SemiBold"; margin:0px;}
.sub-title { margin: 0px 0px 10px; font-size: 26px; text-transform: uppercase; color: #c19b3a; font-family: "Jost-Medium";}

.about-text-section{ background-image: url(../img/bg-img.png); background-repeat: repeat; padding:100px 0px;}
.about-row h1{ color:#b78a1a; text-align:center; margin-bottom:35px; text-transform:uppercase;}
.about-row p{ color:#fff;}
.about-row p:last-child{ margin-bottom:0px;}

.heritage-row{ display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; flex-flow: wrap; width: 100%; padding:100px 0px 0px;}
.heritage-row .bank-col{ width:45%; margin-bottom:100px; position:relative;}
.heritage-row .bank-col:nth-child(odd){ margin-right:5%;}
.heritage-row .bank-col:nth-child(even){ margin-left:5%;}
.heritage-row .bank-col .heritage-figure{ border-radius: 10px; overflow:hidden;}
.heritage-row .bank-col .heritage-figure img{ width:100%;}
.heritage-row .bank-col h3{ font-size:30px; text-align:center; color:#15345a; font-family: "Jost-SemiBold"; margin:15px 0px 0px}
.heritage-row .bank-col:nth-child(1):after { content: ''; background-image: url(../img/arrow.png); background-repeat: no-repeat; width: 40px; height: 40px; display: block; position: absolute; top: 45%; right: -80px; transform: translate(-0%, -50%); background-size: 40px;}
.heritage-row .bank-col:nth-child(2):after { content: ''; background-image: url(../img/arrow.png); background-repeat: no-repeat; width: 40px; height: 40px; display: block; position: absolute; bottom: -65px; left: 50%; transform: rotate(90deg); background-size: 40px;}
.heritage-row .bank-col:nth-child(3):after { content: ''; background-image: url(../img/arrow.png); background-repeat: no-repeat; width: 40px; height: 40px; display: block; position: absolute; top: 45%; right: -80px; transform: translate(-0%, -50%); background-size: 40px; transform: rotate(180deg);}
.icp-video-section {
    text-align: center;
    padding: 0 0 70px 0px;
}
.ab-company-section{ background-image: url(../img/ab-company-bg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; padding:100px 0px;}
.company-row{ display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; flex-flow: wrap; width: 100%;}
.company-row .ab-company-figure{ max-width:350px; width:100%; padding-top:50px;}
.company-row .ab-company-text{ width: calc(100% - 350px); padding-left:50px;}
.company-row .ab-company-text .all-heading{ margin:10px 0px 20px; color:#fff;}
.company-row .ab-company-text p{ color:#fff;}

.gallery-section{ padding:100px 0px;}
.gallery-heading .all-heading{ color: #15345a;}
.gallery-slider { padding-top:60px;}
.gallery-slider .slick-slide{ padding:0px 15px;}
.galle-figure { position: relative;}
.galle-figure a:before { content: ''; background-image: linear-gradient(to top, #0e2849, #0e2849, transparent); display: block; width: 100%; height: 60%; position: absolute; left: 0px; bottom: 0px; opacity: 0.8; }
.gallery-text { position: absolute; bottom: 0px; left: 0px; width: 100%; text-align: center; padding: 20px;}
.gallery-text h5{ margin:0px; font-size:24px; font-family: "Jost-Medium"; color:#fff; text-transform:uppercase;}

.gallery-slider .slick-arrow:before{ display:none;}
.gallery-slider .slick-arrow:hover { background-color:#15345a;}
.gallery-slider .slick-prev { left:unset; right:120px; width:50px; height:50px; background-color:#c19b3b; border-radius:50%; top:-50px; transform: unset;}
.gallery-slider .slick-prev:after{ content: ''; display: inline-block; width: 20px; height: 20px; border-right: 4px solid #fff; border-top: 4px solid #fff; transform: rotate(-135deg); margin-left: 10px;}

.gallery-slider .slick-next { right:50px; width:50px; height:50px; background-color:#c19b3b; border-radius:50%; top:-50px; transform: unset;}
.gallery-slider .slick-next:after{ content: ''; display: inline-block; width: 20px; height: 20px; border-right: 4px solid #fff; border-top: 4px solid #fff; transform: rotate(45deg); margin-right: 5px;}

.footer-section { display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; flex-flow: wrap; width: 100%; align-items: center; padding: 20px 50px; background-image: url(../img/bg-img.png); background-repeat: repeat; border-bottom: solid 8px #c19b3b;}
.footer-logo { max-width: 280px;width:100%;}
.copyright-col { width: calc(100% - 280px); text-align: right;}
.copyright-col p{ margin:0px; font-size:16px; text-transform:uppercase; color:#fff; line-height: normal;}

.slick-lightbox-inner .slick-arrow:before { display:none;}
.slick-lightbox-inner .slick-prev { width: 50px; height: 50px; z-index: 1;}
.slick-lightbox-inner .slick-prev:after { content: ''; display: inline-block; width: 26px; height: 26px; border-right: 4px solid #c19b3b; border-top: 4px solid #c19b3b; transform: rotate(-135deg); margin-left: 15px;}
.slick-lightbox-inner .slick-next { width: 50px; height: 50px; z-index: 1;}
.slick-lightbox-inner .slick-next:after { content: ''; display: inline-block; width: 26px; height: 26px; border-right: 4px solid #c19b3b; border-top: 4px solid #c19b3b; transform: rotate(45deg); margin-right: 5px;}
.slick-lightbox-inner .slick-lightbox-close { width: 50px; height: 50px;}
.slick-lightbox-inner .slick-lightbox-close:before { font-size: 60px; opacity: 1; font-weight: bolder; line-height: 50px;}
.slick-lightbox-inner .slick-lightbox-slick-caption{ margin: 0px; font-size: 24px; font-family: "Jost-Medium"; color: #fff; text-transform: uppercase; padding-top: 10px; display: block;}


@media only screen and (max-width: 1450px)
{
	p { font-size: 18px; line-height: 30px; margin-bottom: 15px;}
	.logo-bx { max-width: 240px; width: 100%;}
	.header-right { width: calc(100% - 240px);}
	.header-right a { max-width: 200px; font-size: 16px; height: 50px; line-height: 46px;}
	.all-heading { font-size: 38px;}
	.about-row h1 { margin-bottom: 25px;}
	.heritage-row .bank-col h3{ font-size:26px;}
	.sub-title{ font-size:24px;}
	.gallery-text h5{ font-size:20px;}
	.company-row .ab-company-figure { padding-top: 0px;}
	.footer-logo { max-width: 240px;}
	.copyright-col { width: calc(100% - 240px);}
	
}

@media only screen and (max-width: 1366px)
{
    .container{ max-width: 1050px;}
	.header-row, .header-row.fixed { padding: 15px 25px;}
	.footer-section{ padding: 15px 25px;}
	.heritage-row { max-width: 90%; margin: 0px auto;}
	.heritage-row .bank-col:nth-child(1):after { width: 30px; height: 30px; right: -65px; background-size: 30px;}
	.heritage-row .bank-col:nth-child(2):after { width: 30px; height: 30px; background-size: 30px;}
	.heritage-row .bank-col:nth-child(3):after { width: 30px; height: 30px; right: -65px; background-size: 30px;}
	.company-row .ab-company-figure { max-width: 260px;}
	.company-row .ab-company-text { width: calc(100% - 260px); padding-left: 35px;}
	
	
}

@media only screen and (max-width: 1199px)
{
	.container{ max-width: 970px;}
	.header-row{ padding:20px 15px;}
	.header-row.fixed{ padding:20px 15px;}
	.logo-bx { max-width: 220px; width: 100%;}
	.header-right { width: calc(100% - 220px);}
	.about-text-section, .ab-company-section, .gallery-section  { padding: 70px 0px;}
	.heritage-row { padding: 70px 0px 0px; max-width: 100%;}
	.heritage-row .bank-col { margin-bottom: 70px;}
	.heritage-row .bank-col h3 { font-size: 28px;}
	.heritage-row .bank-col:nth-child(1):after { right: -70px; background-size: 40px; width: 40px; height: 42px;}
	.heritage-row .bank-col:nth-child(2):after { bottom: -50px; background-size: 40px; width: 40px; height: 42px;}
	.heritage-row .bank-col:nth-child(3):after { right: -70px; background-size: 40px; width: 40px; height: 42px;}
	.company-row .ab-company-figure { max-width: 300px;}
	.company-row .ab-company-text { padding-left: 50px; width: calc(100% - 300px);}
	.gallery-slider .slick-prev {  width: 50px; height: 50px; right: 115px;}
	.gallery-slider .slick-prev:after { width: 16px;height: 16px; border-right: 3px solid #fff; border-top: 3px solid #fff; margin-left: 8px;}
	.gallery-slider .slick-next {  width: 50px; height: 50px;}
	.gallery-slider .slick-next:after { width: 16px; height: 16px; border-right: 3px solid #fff; border-top: 3px solid #fff;}
	.gallery-slider .slick-slide { padding: 0px 10px;}
	.gallery-text h5 { font-size: 20px;}
	.footer-section{ padding:20px 15px;}
	.footer-logo { max-width: 220px;}
	.copyright-col { width: calc(100% - 220px);}
	
}

@media only screen and (max-width: 991px)
{
	.container{ max-width: 750px;}
	p { font-size: 18px; line-height: 30px; margin-bottom: 15px;}
	.all-heading { font-size: 36px;}
	.sub-title { font-size: 20px;}
	.heritage-row .bank-col h3 { font-size: 22px;}
	.heritage-row .bank-col:nth-child(1):after { right: -52px; background-size: 30px; width: 30px; height: 32px;}
	.heritage-row .bank-col:nth-child(2):after { background-size: 30px; width: 30px; height: 30px;}
	.heritage-row .bank-col:nth-child(3):after { right: -52px; background-size: 30px; width: 30px; height: 32px;}
	.company-row .ab-company-figure { max-width: 220px;}
	.company-row .ab-company-text { padding-left: 30px; width: calc(100% - 220px);}
	.company-row .ab-company-text .all-heading { margin: 10px 0px 20px; color: #fff;}
	.footer-logo { max-width: 250px;}
	.copyright-col { width: calc(100% - 250px);}
}

@media only screen and (max-width: 767px)
{
	.container{ max-width: 100%;}
	p { font-size: 16px; line-height: 26px;}
	.about-text-section, .ab-company-section, .gallery-section  { padding: 50px 0px;}
	.all-heading { font-size: 30px;}
	.heritage-row { padding: 50px 0px 0px;}
	.heritage-row .bank-col { margin-bottom: 50px;}
	.heritage-row .bank-col h3 { font-size: 18px;}
	.heritage-row .bank-col:nth-child(1):after { right: -47px;}
	.heritage-row .bank-col:nth-child(2):after { bottom: -37px;}
	.heritage-row .bank-col:nth-child(3):after { right: -47px;}
	.company-row .ab-company-figure { max-width: 100%; padding: 10px 0px 0px; order:2;}
	.company-row .ab-company-figure img{ width:100%;}
	.company-row .ab-company-text { padding-left: 0px; width: calc(100% - 0px); order:1;}
	.gallery-slider .slick-next { width: 40px; height: 40px; top: -40px; right: 15px;}
	.gallery-slider .slick-prev { width: 40px;  height: 40px; right: 65px; top: -40px;}
	.gallery-slider { padding-top: 30px;}
	.footer-section { padding: 15px; border-width: 5px;}
	.footer-logo{ max-width:100%; text-align:center;}
	.footer-logo img { height: 50px;}
	.copyright-col { width: calc(100% - 0px); text-align: center; padding-top: 10px;}
	.slick-lightbox-inner .slick-lightbox-slick-caption{ font-size:18px;}
	
	.icp-video-section iframe {max-width: 100%;width: 100%;  max-height: 335px;}
	.icp-video-section{    padding: 0 0 50px 0px;}
	
}

@media only screen and (max-width: 639px)
{
	.header-row { padding: 10px 15px;}
	.header-row.fixed { padding: 10px 15px;}
	.logo-bx { max-width: 180px;}
	.header-right { width: calc(100% - 180px);}
	.header-right a { max-width: 180px; font-size: 16px; height: 40px; line-height: 36px;}
	.heritage-row .bank-col { margin-bottom: 40px;}
	.heritage-row .bank-col:nth-child(1):after { right: -34px; background-size: 20px; width: 20px; height: 20px;}
	.heritage-row .bank-col:nth-child(2):after { bottom: -20px; background-size: 20px; width: 20px; height: 20px;}
	.heritage-row .bank-col:nth-child(3):after { right: -34px; background-size: 20px; width: 20px; height: 20px;}
	
	.slick-lightbox-inner .slick-lightbox-slick-item-inner{ max-width: 85%; width: 100%;}
	.slick-lightbox-inner .slick-next { width: 25px; height: 30px; right: 0px !important;}
	.slick-lightbox-inner .slick-next:after { width: 18px; height: 18px; border-right: 3px solid #c19b3b; border-top: 3px solid #c19b3b;}
	.slick-lightbox-inner .slick-prev { width: 25px; height: 30px; left: 0px !important;}
	.slick-lightbox-inner .slick-prev:after { width: 18px; height: 20px; border-right: 3px solid #c19b3b; border-top: 3px solid #c19b3b; margin-left: 8px;}
	.slick-lightbox-inner .slick-lightbox-close { width: 40px; height: 40px; top: 0px; right: 0px;}
	.slick-lightbox-inner .slick-lightbox-close:before { font-size: 50px; line-height: 40px;}
		.icp-video-section iframe { max-height: 255px;}
	
}

@media only screen and (max-width: 500px)

{
  .icp-video-section iframe {max-height: 220px;}
    
}


@media only screen and (min-width: 480px)
{
    .heritage-row.mobile-heritage {
        display: none;
    }
    
}

@media only screen and (max-width: 479px)
{
	.logo-bx { max-width: 150px;}
	.header-right { width: calc(100% - 150px);}
	.header-right a { max-width: 140px; font-size: 12px; height: 36px; line-height: 35px; border-width: 1px;}
	.all-heading { font-size: 26px;}
	
	.heritage-row.desktop-heritage {
        display: none;
    }
	.heritage-row .bank-col { width:100%; margin-bottom: 50px;}
	.heritage-row .bank-col:nth-child(odd) { margin-right: 0%;}
	.heritage-row .bank-col:nth-child(even) { margin-left: 0%;}
	.heritage-row .bank-col:nth-child(1):after { right: unset; top: unset; bottom: -32px; transform: unset; left: 50%; transform: rotate(90deg); }
	.heritage-row .bank-col:nth-child(2):after { bottom: -32px;}
	.heritage-row .bank-col:nth-child(3):after { right: unset; top: unset; bottom: -32px; transform: unset; left: 50%; transform: rotate(90deg); }
	.gallery-text{ padding:15px;}
	.gallery-slider .slick-list{ padding:0px 25px !important;}
	.gallery-slider .slick-slide { padding: 0px 5px;}
	.gallery-slider .slick-next { width: 25px; height: 25px; top: -25px; right: 15px;}
	.gallery-slider .slick-next:after { width: 10px; height: 10px; border-right: 2px solid #fff; border-top: 2px solid #fff; margin-right: 3px;}
	.gallery-slider .slick-prev { width: 25px; height: 25px; right: 47px; top: -25px;}
	.gallery-slider .slick-prev:after { width: 10px; height: 10px; border-right: 2px solid #fff; border-top: 2px solid #fff; margin-left: 5px;}
	.copyright-col p{ font-size:14px;}
	 .icp-video-section iframe {max-height: 200px;}
	
}


@media only screen and (max-width: 399px)
{
    .icp-video-section iframe {max-height: 180px;}
    
}