:root {
    --font-main: 'Poppins';

	--font-size-h1: 26px;
	--font-size-h2: 24px;
	--font-size-h3: 22px;
	--font-size-h4: 20px;
	--font-size-h5: 18px;
	--line-height-h1: 38px;
	--line-height-h2: 34px;
	--line-height-h3: 32px;
	--line-height-h4: 30px;
	--line-height-h5: 26px;

    /*colors*/
    --color-blue: #2E63D8;
    
}

@media (min-width: 992px) {
	:root {
		--font-size-h1: 42px;
		--font-size-h2: 32px;
		--font-size-h3: 24px;
        --line-height-h1: 58px;
		--line-height-h2: 42px;
        --line-height-h3: 34px;
        
	}	
}

@media (min-width: 1336px) {
	:root {
		--font-size-h1: 42px;
		--font-size-h2: 36px;
        --font-size-h3: 28px;
        --font-size-h4: 24px;
        --font-size-h5: 20px;
		--line-height-h1: 60px;
		--line-height-h2: 46px;
        --line-height-h3: 36px;
        --line-height-h4: 34px;
        --line-height-h5: 26px;
	}	
}

/**** heading ***/
h1{ 
	font-family: var(--font-main); 
	font-size: var(--font-size-h1);
	line-height: var(--line-height-h1);
	font-weight: 600;
}

h2{ 
	font-family: var(--font-main);
	font-size: var(--font-size-h2);
	line-height: var(--line-height-h2);
	font-weight: 600;
}

h3{ 
	font-family: var(--font-main);
	font-size: var(--font-size-h3);
	line-height: var(--line-height-h3);
	font-weight: 600;
}

h4{ 
	font-family: var(--font-main);
	font-size: var(--font-size-h4);
	line-height: var(--line-height-h4);
	font-weight: 600;
}

h5{ 
	font-family: var(--font-main);
	font-size: var(--font-size-h5);
	line-height: var(--line-height-h5);
	font-weight: 600;
}

/**** paragraph****/

p, li{ 
    font-size: 14px;
    line-height: 20px;
    font-family: var(--font-main); 
}
a{ font-size: 14px;}

@media (min-width: 1200px) {

    p, li{ 
        font-size: 16px;
        line-height: 24px;
        font-family: var(--font-main); 
    }
    a{ font-size: 16px;}
}

@media (min-width: 1440px) {
    p, li{ 
        font-size: 18px;
        line-height: 26px;
    }
    a{ font-size: 18px;}
}

a{
	font-family: var(--font-main); 
	text-decoration: none;
}

	body{ overflow-x:hidden !important; font-family: var(--font-main) !important;}
    .container{ width: 95%; max-width: 1440px;}
    .sp-50{ padding-top:30px; padding-bottom:30px;}
    .spt-50{ padding-top:30px;}
    .spb-50{ padding-bottom:30px;}
    .btn:focus, .btn.focus, a:focus, .swiper-pagination-bullet:focus, button:focus {outline: 0; box-shadow: none !important;}
    .btn{ border-radius: 5px; font-size: 16px; transition: all 300ms linear; border: 0;}
    .btn-rounded{ border-radius: 44px;}
    .btn-green{ background: #05254B; color: #fff; padding: 7px 30px; border: 1px solid #05254B; font-family: var(--font-medium);}
	.btn-green:hover{ background: transparent; color: #05254B; border: 1px solid #05254B;}
	.btn-green:active, .btn-green:focus{background: #05254B; color: #fff; border: 1px solid #05254B;}
    .bg-lgreen{background: #ebf8ef;}
    .bg-black{ background: #151515;}
    .bg-grey{background: #F4F4F6;}
    .w-100{ width: 100%;}
    .mt-30{ margin-top: 30px;}
    .mb-30{ margin-bottom: 30px;}
    .page-list{ padding: 0px 0px 0px 20px;}
    .page-list li{ margin-bottom: 10px;}
   
@media (max-width: 767px) {
    .row.col-reverse{ flex-direction: column-reverse;}
    .xs-mb-20{ margin-bottom: 20px;}
    .xs-mb-30{ margin-bottom: 30px;}
}  

@media (min-width: 992px) {
	.container{ width: 90%; max-width: 1440px;}
	span.db{ display: block;}
	.sp-50{ padding-top:50px; padding-bottom:50px;}
	.spt-50{ padding-top:50px;}
	.spb-50{ padding-bottom:50px;}
	.max-800{max-width: 800px; margin-left: auto; margin-right: auto;}
    .max-900{max-width: 900px; margin-left: auto; margin-right: auto;}
    .max-940{max-width: 940px; margin-left: auto; margin-right: auto;}
    .max-980{ max-width: 980px; margin-left: auto; margin-right: auto;}
    .max-1000{ max-width: 1000px; margin-left: auto; margin-right: auto;}
    .btn{ font-size: 18px;}
    .txt-20{ font-size: 20px; line-height: 28px;}
}

@media (min-width: 1600px) {
    .sp-50{ padding-top:70px; padding-bottom:70px;}
	.spt-50{ padding-top:70px;}
	.spb-50{ padding-bottom:70px;}
}



/*Scroll to Top*/
#return-to-top .upIcon{ content: url("../images/top.svg");}
#return-to-top {
    position: fixed;
    bottom: 60px;
    right: 0px;
    background: rgba(131, 157, 181, 0.5);
	/*box-shadow: 0px 0px 1px 1px rgba(255,255,255,0.3);*/
  	padding:5px 8px 9px 10px;
	border-radius:5px 0px 0px 5px;
    display: block;
    text-decoration: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
	 z-index:99;
}
#return-to-top:hover {
   background: rgba(131, 157, 181,1);
}

/*********************Header*****************************/
.header { background: #fff; padding: 10px 0px;}
.header .nav-link{ font-size: 16px; font-weight: 400; color: #000;}
.header .nav-link.mPS2id-highlight{ color: #049132;}

@media (max-width: 767px) {
	.header .nav-link{ font-size: 13px; padding: 0 5px;}
	.nav-pills .nav-link.active{ background: transparent; color: #000;}
}

@media (min-width: 992px) {
	.header { background: #fff; box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.25); padding: 0px 0px;}
	.header .nav-link{ font-size: 18px;}
	.nav-pills .nav-link.active{ background: #049132;}
	.header .nav-pills .nav-link.active.mPS2id-highlight{ color: #fff;}
}


/*vertical tabs*/
.vtab-links .nav-tabs .nav-link {margin-bottom: -1px; border: 0px}
.vtab-links .nav-link{ color: rgba(0,0,0,1); font-family: var(--font-medium);}
.v--tabs .tab-content{ background: transparent;}
.v--tabs .tab-content ul{ padding: 0 0px 0px 16px; margin: 0;}
.v--tabs .tab-content ul li{ margin-bottom: 10px;}
.v--tabs .tab-content ul li:nth-last-of-type(1){ margin-bottom: 0;}
.vtabs-txt .btn{ font-size: 15px; padding: 10px 30px;}
.vtab-links .nav-tabs .nav-item .nav-link.active{color: #fff; background: #05254B; border-radius: 5px;}
.vtab--img img{ width: 100%;}

@media (max-width: 767px) {
    .vtabs-sec{ margin-top: 20px;}
    .vtab-links .nav-tabs {border-bottom: 0px; display: flex; flex-direction: row; flex-wrap: nowrap; width: 100%; overflow-x: auto; margin-bottom: 20px; padding-bottom: 20px;}
    .vtab-links .nav-link {white-space: nowrap; font-size: 14px;}
    .v--tabs .tab-content{ font-size: 14px; line-height: 20px;}
}

@media (min-width: 768px) {
.vtabs-sec{padding-top: 50px;}
.v--tabs{ display: flex;}
.vtab-txt-row{ display: flex; flex-direction: row;}
.v--tabs .vtab-links{ flex-basis: 35%; margin-right: 30px;}
.v--tabs .tab-content{ flex-basis: 65%;}
.vtab-links .nav-tabs{ display: flex; flex-direction: column; border: 0;}
.vtab-links .nav-tabs .nav-link {margin-bottom: 20px; padding:10px 20px; text-align: left; width: 100%; position: relative; background: transparent; border-radius: 5px; color: rgba(0,0,0,0.5); font-size: 18px; font-weight: 500;}
.vtab-links.film-lp-vtab .nav-tabs .nav-link{margin-bottom: 16px; padding: 0;}
.vtab-links.vtab-p-0 .nav-tabs .nav-link{margin-bottom: 16px; padding: 0;}
.vtab-links .nav-tabs .nav-item .nav-link.active{color: #000; background: transparent; position: relative;}
.vtab-links .nav-tabs .nav-item .nav-link.active:after{content: url(../images/blk-arr.svg); position: relative; right: -10px; top: 0px;}
.vtab-links .nav-tabs .nav-item:nth-last-of-type(1) .nav-link { border-bottom: 0;}
.f-lp-tabs2{ border-top: 1px solid #000;}
.f-lp-tabs2 .vtab-links, .f-lp-tabs2 .vtab--row{ padding-top: 30px;}
}

@media (min-width: 1200px) {
  .v--tabs .vtab-links{ flex-basis: 30%; margin-right: 30px;}
  .v--tabs .tab-content{ flex-basis: 70%;}
  .vtab-links .nav-tabs .nav-link {margin-bottom: 30px; font-size: 20px;}
  .vtab-links.film-lp-vtab .nav-tabs .nav-link{margin-bottom: 30px; }
  .vtab-links.vtab-p-0 .nav-tabs .nav-link{margin-bottom: 30px;}
  .vtab--row{ display: flex;}
  .vtab--img { flex-shrink: 0; max-width: 400px; margin-right: 30px;}
  .vtab-links{ border-right: 1px solid #000;}
  .f-lp-tabs2 .vtab-links, .f-lp-tabs2 .vtab--row{ padding-top: 50px;}
}

@media (min-width: 1440px) {
  .vtab-links .nav-tabs .nav-item .nav-link.active:after{content: url(../images/tabs-arr.svg);}
}


.home-slider{ position: relative;}
.home-slider .swiper {
  width: 100%;
  height: 100%;
}

.home-slider .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.home-slider .hs-img{ text-align: center; position: relative;  width: 100%; height: 100%;} 
.home-slider .hs-img img{width: 100%; height: auto;}
.home-slider h1{ position: absolute; top: 40%; left: 0; right: 0; text-align: center; color: #fff; max-width: 800px; margin: auto; 
  background: rgba(0,0,0,0.5); padding: 20px;}

@media (min-width: 1200px) {
  .home-slider .hs-img{ height: 550px;}
}

@media (min-width: 1440px) {
}


/***************Footer***********************/

.footer{background: #3d3d3d; color: #fff; font-family: var(--font-regular);}
.footer h4{ font-size: 20px; font-weight: 400; border-bottom: 1px solid rgba(204, 204, 204, 0.5); padding-bottom: 20px; margin-bottom: 20px; margin-top: 30px;}
.footer a{color: #fff; transition: all 0.3s linear;}
.footer a:hover{color: #ccc; transition: all 0.5s linear;}
.ftr-desc{ margin-bottom: 30px;}
.ftr-links{ display: flex;}
.ftr-links ul{ padding: 0 0px 0px 0px; margin: 0;}
.ftr-links ul:nth-of-type(1){ margin-right: 20px;}
.ftr-links li{ list-style-type: none; position: relative; padding-left: 20px; padding-bottom: 10px;}
.ftr-links li:before{ content: url(../images/ftr-arr.svg); left: 0; top: 0; position: absolute;}
.social .dashicons{ color: #fff; font-size: 24px; width: unset; height: unset;} 
.social{ display: flex;}
.social .sicon{background: #777777; width: 37px; height: 37px; border-radius: 100%; display: flex; align-items: center; justify-content: center; margin-right: 10px;}
.social .sicon.fb:hover{background: #384ea6;}
.social .sicon.tw:hover{background: #5eb7fd;}
.social .sicon.yt:hover{background: #ff0000;}
.social .sicon.lin:hover{background: #0a66c2;}
.copy-right{background: #3d3d3d; border-top: 1px solid rgba(204, 204, 204, 0.5); padding: 15px 0px;}
.copy-right p{color: rgba(203, 203, 203, 1); font-size: 14px; text-align: center; padding: 0; margin: 0;}
.ftr-addr, .ftr-email, .ftr-phone, .ftr-cin{ position: relative; padding-left: 30px;}
.ftr-addr:before, .ftr-email:before, .ftr-phone:before{left: 0; top: 2px; position: absolute;}
.ftr-addr:before{ content: url(../images/pin.svg);}
.ftr-email:before { content: url(../images/mail.svg);}
.ftr-phone:before{ content: url(../images/phone.svg);}
.footer, .footer a, .footer li, .footer p{ font-size: 14px;}

@media (min-width: 768px) {
	.ftr-links{ display: unset;}
	.ftr-links ul:nth-of-type(1){ margin-right: 0px;}
	.footer h4{ margin-top: 0px;}
}

@media (min-width: 992px) {
	.ftr-links{ display: flex;}
	.ftr-links ul:nth-of-type(1){ margin-right: 30px;}
	.footer, .footer a, .footer li, .footer p{ font-size: 15px;}
}



