@import url(bootstrap.min.css);
@import url(slick.css);
@import url(fancybox.css);
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
 /* font-family: 'Bebas Neue', cursive; */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');
 /*font-family: 'Poppins', sans-serif;  */

*{ outline: none !important; text-decoration: none !important; }
img{ max-width: 100%;  }


body{  overflow-x: hidden;color: #000; top: 0 !important; font-family: 'Poppins', sans-serif;}
h1, h2, h3, h4, h5, h6{font-family: 'Bebas Neue', cursive;}

.overflowhidden{ overflow:hidden; }

.fw400{font-weight: 400 !important;}
.fw500{font-weight: 500;}
.fw800{font-weight: 800 !important;}
.fw700{font-weight: 700 !important;}
.fw900{font-weight: 900;}
.fw300{font-weight: 300 !important;}

.bggray{ background-color: #e8e8e8; }
.clrblue{color: #01234D;  }
.clrwhite{color: #fff;  }

.bgblue{ background-color:#01234D; }

.title2{ font-size:55px; }

.header{left: 0; right: 0;  z-index: 45; top: 0; position: fixed; transition: ease all 0.2s;}
.header .navbar{ transition: ease all 0.2s;}
div.progress{
	border-radius: 0; height: 2px; background-color: #e2476f; position: absolute; left: 0; bottom: 0;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#cb2a8a+0,e03e70+24,ee6970+56,3bc1df+100 */
background: rgb(203,42,138); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(203,42,138,1) 0%, rgba(224,62,112,1) 24%, rgba(238,105,112,1) 56%, rgba(59,193,223,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(203,42,138,1) 0%,rgba(224,62,112,1) 24%,rgba(238,105,112,1) 56%,rgba(59,193,223,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(203,42,138,1) 0%,rgba(224,62,112,1) 24%,rgba(238,105,112,1) 56%,rgba(59,193,223,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb2a8a', endColorstr='#3bc1df',GradientType=1 ); /* IE6-9 */

}

.header.headFix{ position:fixed; box-shadow: 0 0 20px rgba(0,0,0,0.1); }
.header.headFix .navbar{ background-color:#fff; }


.logo{ max-width: 90px; display: inline-block; }

.menu_toggle{  box-shadow:none !important; background-position:center; background-repeat:no-repeat; background-size:contain; font-size: 30px;}
.menu_toggle i:nth-child(2){ display:none; }
.menu_toggle.active i:nth-child(2){ display:block; }
.menu_toggle.active i:nth-child(1){ display:none; }


.olinks{align-items: center; display: flex; margin: 0 -15px; padding: 0; list-style: none;}
.olinks li{ padding: 0 15px; }
.search{}

.profile{ padding: 5px 40px 5px 40px;  position: relative; border: 1px solid #333;}
.profile span{ position: absolute; background-color: #fff; top: 7px; left: 10px; display: flex; width: 20px; height: 20px; align-items: center; justify-content: center; border-radius: 20px; }
.profile:after{ position: absolute; right: 15px; top: 9px; width: 10px; height: 10px; border-right: 1px solid #333; border-bottom: 1px solid #333; transform: rotate(45deg); content: '';}

div.logisin{padding: 15px 0; display: none; position: absolute; background-color: #fff; box-shadow: 0 0 15px rgba(0,0,0,0.04); }
div.logisin a{
	display: block; padding:8px 15px; color: #000; font-weight: 500;
}
div.logisin a:hover{ background-color: #dfdfdf; }
.olinks li:hover div.logisin{ display: block; }
.olinks li:hover div.logisin a{ font-weight:normal; font-size:14px; }



.investwrp{ color:#000; font-size: 18px;  position: relative; padding-bottom: 20px; margin: 10px 0 0 0;}
.investwrp span{ padding:10px 40px 10px 20px; background-color: #fff; display: block;}
.investwrp:after{ position: absolute; right: 15px; top: 17px; width: 10px; height: 10px; border-right: 1px solid #333; border-bottom: 1px solid #333; transform: rotate(45deg); content: '';}
.meniwwswrap{ position: absolute; display: none; width: 100%; max-width: 1000px; background-color: #f5f5f5;  margin-left: 0px; }


.olinks li:hover div.meniwwswrap{ display: block;  position: absolute;}
.olinks li:hover .investwrp{background: #fff; }

.mainmenu{
	display: flex; margin: 0 -15px; padding:0 15px; list-style: none; width: 100%;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bababa+0,d1d1d1+63,ffffff+100&0.54+0,0.54+61,0+100 */
background: -moz-linear-gradient(left,  rgba(186,186,186,0.54) 0%, rgba(208,208,208,0.54) 61%, rgba(209,209,209,0.51) 63%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(186,186,186,0.54) 0%,rgba(208,208,208,0.54) 61%,rgba(209,209,209,0.51) 63%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(186,186,186,0.54) 0%,rgba(208,208,208,0.54) 61%,rgba(209,209,209,0.51) 63%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8abababa', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */


}
.mainmenu > li{ padding: 0 ; }
.mainmenu > li > a{ color: #000; font-family: 'Bebas Neue', cursive; font-size: 18px; letter-spacing: 1px; padding:10px 20px; display: block;}
.mainmenu > li:hover > a{  background-color: #dadada;  }
.mainmenu > li > ul{
	position: absolute; margin: 0; padding: 0; z-index: 34; list-style: none; background-color: #dadada; padding: 10px 0; display: none;
}
.mainmenu > li:hover ul{
	display: block;
}
.mainmenu > li > ul > li > a{
	color:#232323; display: block;  font-family: 'Bebas Neue', cursive; font-size: 18px; letter-spacing: 1px; padding: 6px 15px;
}
.mainmenu > li > ul > li > a:hover{ background-color:#fff; }

.hmbanner{}
#homepagevideo{ width:100%; height:100vh; object-fit: cover; margin-bottom: -7px;}

.banner{ position:relative; }
.page-banner-img{ position:relative; }
.page-banner-img:before{ position:absolute; left:0; right:0; top:0; bottom:0; background-color:rgba(260,260,260,0.2); z-index: 1; content: '';}
.page-banner-img img{ height:100vh; width:100%; object-fit:cover; z-index: 0;}
.page-banner-img{}

.bannercnt-wtap{ position:absolute; left:0; right:0; bottom:0; top:0; z-index: 2; display:flex; align-items:center; justify-content:center; }
.bannercnt-cnt{background-color: rgba(260,260,260,0.6);}
.bannercnt-cnt h1{ font-size:60px; font-weight: 300;}

.bannercnt-wtap:before{
	position:absolute; left:0; right:0; top:0; height:50%; content:''; 
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.37+0,0+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0.37) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.37) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0.37) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5effffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */

}

.readbtn{padding: 10px 30px;}
.readbtn1{ background-color:#01234D; color:#fff; }
.readbtn1:hover{background: #33221E; color:#fff;}
.readbtn2{background-color: #fff; color:#01234D;}
.readbtn2:hover{background: #33221E; color:#fff;}

.cnrow-bg1{ background-image:url(../images/bg-t1.png); background-repeat:no-repeat; background-size:cover; background-position:center; }
.cnrow-bg2{ background-image:url(../images/bg-t2.jpg); background-repeat:no-repeat; background-size:cover; background-position:center; position: relative;}
.cnrow-bg2:before{ position:absolute; left:0; right:0; bottom:0; top:0; background-color:#01234D; opacity:0.9; content:''; z-index:0; }
.cnrow-bg2 .container{ z-index:1; position:relative; }

.hm3cols-wra{ text-align:center; }
.hm3cols-wra img{ border-radius:5px; }
.hm3cols-wra h4{ color:#fff; margin: 10px 0 0 0;}

.cnrow-bg3{background-image:url(../images/bg-t3.jpg); background-repeat:no-repeat; background-size:cover; background-position:center top;}

.wrappercols{ bottom:-130px; position: relative;}


.appeizerslist{ display:block; color:#232323; text-align:center; position: relative;}
.appeizerslist img{ margin:0 0 20px 0; border-radius:30px; }
.appeizerslist h3.overhead{ position:absolute; left:30px; top:30px; letter-spacing:1px; }


.product-content{
	padding-left: 50px; position: relative;
}
.product-content ul{
	margin: 0; padding: 0; list-style: none;
}
.product-content ol{ margin:0; padding:0 0 0 15px; }
.product-content ul li, .product-content ol li{ margin:15px 0; }
.product-content span.prodecicon{ position:absolute; left: 0; display: block; max-width: 35px;}


.cont-bg{ background-image:url(../images/cont-bg.jpg); background-position:right bottom; background-size: contain; background-repeat: no-repeat;}


.cntwrapcol{ font-family: 'Bebas Neue', cursive;  }
.cntwrapcol img{max-width: 100px;}
.cntwrapcol p{ font-size:18px; letter-spacing:1px; color:#fff; }
.cntwrapcol p a{ color:#fff; }


.footer{}
.ftrow1{
	background-image: url(../images/prawns-footer-bg.jpg); position: relative;
}
.ftrow1:before{ position:absolute; left:0; right:0; bottom:0; top:0; content:''; background-color:rgba(0,0,0,0.8); z-index:0; }
.ftrow1 .container{ position:relative; z-index:1; }
.footerformwrapper input{
	padding: 10px 15px; background-color: #dfdfdf;
}
.footerformwrapper button{
	padding:10px 30px;
}
.footerformwrapper label.error{ font-size:14px; color:#f00; }
.tradingview-widget-copyright{ display:none !important; }

.ftrow2{ background-color:#00213D; }
.ftlogo{ max-width:100px; }

.footer-menu{  list-style:none; margin: 0; padding: 0; overflow-y: hidden;}
.footer-menu li{margin: 0; padding:0 14px; border-left:1px solid #fff; }
.footer-menu li:nth-child(1){ border-left:none; }
.footer-menu li a{ display:block; color:#fff;  font-family: 'Bebas Neue', cursive; font-size: 18px; letter-spacing: 1px;}

.copyrights{ font-size:15px;color:#dfdfdf; border-top:1px solid #999; }


.homestickyhead{ position:sticky; top:100px; }

@media(max-width:540px){
	#homepagevideo{
		height:340px;
	}
}
@media (min-width:540px) and (max-width:768px){
	#homepagevideo{
		height: 400px;
	}
	.hm3cols-wra h4{ font-size:28px; }
	.title2{font-size: 40px;}

	.bannercnt-cnt h1{ font-size:44px; }
}
@media(min-width: 991px){
	.prorow1colsrow .col-lg{ width: 20%; }
	.productimgbn{ position:sticky; top:140px; }
}
@media(min-width: 768px){
	.abtimptwrp:hover{ position: absolute; z-index: 23; }
.abtimptwrp div.listimgwrap{ display: none;}
.abtimptwrp:hover div.listimgwrap{ display: block; }
.listcolumns{
	column-count: 2; list-style-type: decimal;
}
}

@media(max-width:768px){
	.bannertitle{ font-size:35px; }
	.homepagebanerimg{ max-width:60%; margin:auto; display:block; }

	.portfoliotabs-list li button{ text-align:center; }
	.portfoliotabs-list li button.active:before{ display:none; }

	.pichart-img{ max-width:300px; display:block;  margin:auto; }

	.product-tab-wrapper-tabs{ justify-content:center; }
	.listcolumns{
		list-style-type: decimal;
	}

	.cnrow-bg3{ background-size:auto; background-position:25% 20%; }
}
@media (min-width:768px) and (max-width:991px){
	.bannertitle{ font-size:40px; }
}

@media(max-width:991px){
	.menuwrap{
		position: fixed; left: -210px; top: 0; bottom: 0; padding: 10px; height: 100vh !important; transition: all ease-out 0.3s; z-index: 56;
		width: 100%; max-width: 210px; overflow: hidden; overflow-y: auto;
		background-color: #fff;
	}
	.mainmenu{ background:transparent !important; }
	.menuwrap.active{ left:0; }
	
	.mainmenu > li > a{ color:#232323; }
	.mainmenu > li > ul{ background-color:#f0f0f0; width:auto !important; position:static; display:block; }

	.howgetRow:before{display: none;}

	.product-content{margin: 20px 0 0 0;}
}