@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family: 'Poppins', sans-serif;
}

*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
	margin: 0;
	padding: 0;	
}

body {
	margin:0;
	padding:0;
    font-family: 'Poppins', sans-serif;
}
.clear{
	clear:both;
}
.img{
	width:100%;
	display:block;
}
.v_a_img{
	vertical-align:middle;
}

.fix_button{
    position: fixed;
    top:320px;
    right: 0;
    z-index: 999999999999;
}
.fix_button2{
    position: fixed;
    top: 164px;
    right: 0;
    z-index: 999999999999;
}

/*--------------------------------------------------------------
hover effect
--------------------------------------------------------------*/

.col_em_main{
	width:540px;
	float:left;
	padding:1%;
}
.col_em_main p{
	font-family: 'Poppins', sans-serif;
	font-size:14px;
	font-weight:700;
	color:#fff;
}


.call_em{
	width:600px;
	float:left;
	margin:1% 1.5% 1% 1%;
}

.call{
	width:160px;
	float: left;
    text-align: left;
}

.email{
	width:320px;
	float: left;
    text-align: left;
}


.call_em_txt{
	font-family: 'Poppins', sans-serif;
	color:#fff;
	font-size:14px;
}

.top_link{
	color: #fff;
	text-decoration: none;
}

.call_em_txt .fa{
	font-size:15px !important;
	color: #fff;
}

/*--------------------------------------------------------------
Header
--------------------------------------------------------------*/

.top_main{
	width:100%;
}
.top{
	width:90%;
	margin:0 auto;
	max-width:1200px;
}

.top2{
	width:90%;
	margin:0 auto;
	max-width:1200px;
}

.logo{
	width:516px;
	float:left;
	margin:0.2% 0% 0% 0%;
}

.logo img{
	display:block;
    width: 100%;
}

i.fa.fa-envelope.fa-lg {
    font-size: 17px;
}

.navbar {
    width: 408px;
    float: right;
    margin-top: 2%;
}

.top_bg{
    background-color: #26136d;
    padding: 0% 0%;
}





/*--------------------------------------------------------------
Front Page
--------------------------------------------------------------*/
.banner{
	width:100%;
}
		
/*--------------------------------------------------------------
Welcome 
--------------------------------------------------------------*/
.icon_bg{
	background-color: #f4f4f4;
	padding: 1% 0%;
}

.center {
    text-align: center;
}

.new_bg2 {
    background-color: #26136d;
    padding: 0% 2%;
}
.new_col_sm2 {
    width: 65%;
    margin: 1% 2% 1% 1%;
    float: left;
}

.mrg_left{
	margin-left: 1% !important;
}

.span_red{
	color: #ff0000;
	font-weight: 600;
}

.span_blue{
	color: #6772c4;
	font-weight: 600;
}

.wel_link{
	color: #000;
	text-decoration: none;
}

.new2 h1 {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    line-height: 180%;
    padding-right: 5%;
    letter-spacing: 1px;
    margin-top: 4%;
    margin-bottom: 2%;
}
.new_col_sm22 {
    width: 29%;
    margin: 1% 1% 1% 2%;
    float: right;
    min-height: 440px;
}


.motto_span{
	color: #26136d;
}

.motto h1 {
    font-size: 24px;
    font-weight: 700;
    color: #da211c;
    text-align: left;
    padding: 2% 0% 1% 0%;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
}

.w_span{
	color: #25899e;
	font-size: 18px;
	font-weight: 600;
}

.motto p {
    font-size: 15px;
    font-weight: 400;
    color: #000;
    text-align: justify;
    font-family: 'Poppins', sans-serif;
    line-height: 159%;
    margin: 0%;
}

.p_bg_clr3{
    background-image: url(../images/product-img3.jpg);
    padding: 3% 0%;
    height: 548px;
}

.btn_link {
    text-decoration: none;
}

.new2 {
    margin-top: 32% !important;
}

.new_view_all {
    width: 140px;
    float: none;
    margin: 7% auto 0%;
}

.new_btn {
    width: 100%;
    padding: 15% 10%;
    font-size: 15px;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    font-weight: 500;
    background-color: #da211c;
    text-transform: uppercase;
}


.ftr_txt1 {
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    letter-spacing: 1px;
    padding: 1.2% 0%;
}


.client h1 {
    font-size: 22px;
    font-weight: 600;
    color: #000;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
}

/*--------------------------------------------------------------
Product Content
--------------------------------------------------------------*/
.ab2 h1 {
    font-family: 'Poppins', sans-serif;    
    font-size: 20px;
    color: #fff;
    font-weight: 500;
    padding: 1% 1% 1% 1%;
    background-color: #26136d;
    text-shadow: 2px 2px 4px #000000;
    text-transform: uppercase;
    margin-left: 1%;
    letter-spacing: 1px;
}


.pro_col_sm2 {
    width: 65%;
    margin: 1% 2% 1% 1%;
    float: left;
}

.pro_col_sm22 {
    width: 29%;
    margin: 1% 1% 1% 2%;
    float: left;
}



.pro2_col_sm2{
    width: 48%;
    margin: 1%;
    float: left;
}

.bullet_txt h3{
	font-family: 'Poppins', sans-serif;
	color: #000;
    font-weight: 500;
	font-size:18px;
}


.pro_bullet3 ul {
    list-style-image:url(../images/bullet3.png);
	margin-left:2.5%;
	
}
.pro_bullet3 ul li{	
	font-family: 'Poppins', sans-serif;
	color: #000;
    font-weight: 500;
	font-size:15px;	
	margin:2% 0%;
	line-height:180%;
	text-align:left;
	margin:2% 1% 2% 3%;	
}


/*--------------------------------------------------------------
Table
--------------------------------------------------------------*/
table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 98%;
    margin-left: 1% !important;
    border: 1px solid #afafaf;
}

th, td {
    border: solid 1px #cfcfcf !important ;
    text-align: left !important;
    padding: 8px !important;
}
tr:nth-child(even){background-color: #f3f3f3;}

.bodytext_bold5{
	font-family: 'Poppins', sans-serif;
	font-size:16px;	
	font-weight:600;	
	color:#000;
	padding:2% 0%;
	text-align:center;
}


.bodytext3{
	font-family: 'Poppins', sans-serif;
	font-size:16px;	
	font-weight:600;	
	color:#fff;
	padding:2% 0%;
	text-align:center;
}


.bodytext1{
	font-family: 'Poppins', sans-serif;
	font-size:16px;	
	font-weight:600;	
	color:#fff;
	padding:2% 0%;
	text-align:center;
}

.bodytext_bold2{
	font-family: 'Poppins', sans-serif;
	font-size:15px;	
	font-weight:700;	
	color:#000;
	text-align:center;
	padding:2%;
}


.bodytext {
    padding: 2% 3%;
    font-size: 15px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    color: #000;
    text-align: center;
    line-height: 160%;
}


.bodytext2 {
    padding: 2% 3%;
    font-size: 15px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    color: #000;
    text-align: center;
    line-height: 160%;
}

.td_txt{
	padding:2% 3%;
	font-size:15px;
	font-family: 'Poppins', sans-serif;
	font-weight:500;
	color:#000;
	text-align:center;
	line-height: 160%;
}
.col_sm16{
	width:99%;
}

/*--------------------------------------------------------------
Regular Content
--------------------------------------------------------------*/
.contener{
	width:90%;
	margin:0 auto;
	max-width:1200px;
}

.col_sm1{
	width:100%;
	margin:0 auto;
}

.col_sm2{
	width:48%;
	margin:1%;
	float:left;
}

.col_sm3{
	width: 31%;
	float: left;
	margin: 1%; 
}

.col_sm4{
	width: 12%;
	float: left;
	margin: 1%;
}

.col_sm5{
	width:18%;
	float: left;
	margin: 1%;
}

.col_sm8{
	width:50%;
	float: left;
	margin: 1%;
}
.col_sm88{
	width:45%;
	float: left;
	margin: 1%;
}


.col2_sm8{
	width:40%;
	float: left;
	margin: 1%;
}
.col2_sm88{
	width:55%;
	float: right;
	margin: 1%;
}


.col_sm9{
	width:28%;
	float: left;
	margin: 1%;
}
.col_sm99{
	width:68%;
	float: left;
	margin: 1%;
}



/*--------------------------------------------------------------
link
--------------------------------------------------------------*/
a.link:link {
	color:#000;
	text-decoration:none;
}
a.link:visited {
	color:#000;
	text-decoration:none;
}
a.link:hover {
	color:#000;
	text-decoration:none;
}
a.link:active {
	color:#000;
	text-decoration:none;
}

a.link2:link {
	color:#fff;
	text-decoration:none;
}
a.link2:visited {
	color:#fff;
	text-decoration:none;
}
a.link2:hover {
	color:#fff;
	text-decoration:none;
}
a.link2:active {
	color:#f15757;
	text-decoration:none;
}


/*--------------------------------------------------------------
Extra
--------------------------------------------------------------*/
.bg_clr{
	background-color:#03b3e4;
}
.bg_clr3{
	background-image: url(../images/overview-bg.jpg);
	padding: 3% 0%;
}


.f_bg_clr7 {
    background-color: #26136d;
}


.bullet2 ul {
    list-style-image:url(../images/bullet3.png);
	margin-left:5%;
}
.bullet2 ul li a{	
	font-family: 'Poppins', sans-serif;
	color: #000;
    font-weight: 500;
	font-size:15px;	
	line-height:180%;
	text-align:justify;
	margin:2% 1% 2% 1%;	
	text-decoration: none;
}

.bullet3 ul {
    list-style-image:url(../images/bullet3.png);
	margin-left:0%;
	
}
.bullet3 ul li{	
	font-family: 'Poppins', sans-serif;
	color: #000;
    font-weight: 500;
	font-size:15px;	
	margin:2% 0%;
	line-height:180%;
	text-align:justify;
	margin:2% 1% 2% 3%;	
}



.view_all2 {
    width: 120px;
    float: none;
    margin: 3% 0% 0%;
}

.btn2 {
    width: 100%;
    padding: 7% 10%;
    font-size: 15px;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    color: #000;
    text-decoration: none;
    cursor: pointer;
    font-weight: 500;
    background-color: #e4c682;
    text-transform: uppercase;
}


/*--------------------------------------------------------------
contact page
--------------------------------------------------------------*/

.top22{
  width: 90%;
  margin: 0 auto;
}

.pms_welcome h1 {
    font-family: 'Poppins', sans-serif;
    font-size: 25px;
    font-weight: 700;
    margin: 4% 1% 1%;
    padding: 0% 1%;
    color: #26136d;
    border-left: 4px solid #da211c;
    text-transform: uppercase;
}


.cont_txt h3{
  font-family: 'Poppins', sans-serif;
  font-size:20px;
  font-weight:600;
  padding:1% 1% 1%;
  color:#78483c;
}
.cont_col_sm3{
  width:31%;
  float:left;
  margin:1%;
  border:1px solid #e9e9e9;
  background-color:#f3f3f3;
  min-height:180px;
}

.con_heading h2 {
    font-family: 'Poppins', sans-serif;
    color: #000;
    font-size: 18px;
    font-weight: 600;
    padding: 6% 6% 0%;
}

.con_hedng_h1{
  font-family: 'Poppins', sans-serif;
  color: #b80403;
  font-size: 15px;
  font-weight:600;
  padding:1% 1% 1%;
}

.cont_icn {
    width:35px;
    float:left;
    margin:0.5% 3% 0% 1%;  
    padding-left: 4%;
}
.cont_icn i {
  font-size:20px;
}
.cont_txt_main {
    width: 85%;
    float: left;
}
.cont_txt_main p {
    font-family: 'Poppins', sans-serif;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    text-align:left;
}



/* ------------------------------------------------------
top arrow
------------------------------------------------------ */
.top_arrow{
	width:25px;
	height:33px;
	position:fixed;
	right:2%;
	bottom:5%;
	display:none;
	transition-duration: 1s;
	background-image:url('../images/top-b.png');
	cursor:pointer;
	background-repeat:no-repeat;
	z-index: 999;
}
.top_arrow:hover{
	width:25px;
	height:33px;
	position:fixed;
	right:2%;
	transition-duration: 1s;
	bottom:5%;
	cursor:pointer;
	background-image:url('../images/top-b.png');
	display:none;
}





@media only screen and (max-width:1232px){
.navbar {
    width: 580px;
}
}
@media only screen and (max-width:1190px){
.top{
	width:100%;
}
}

@media only screen and (max-width:1150px){

}

@media only screen and (max-width:1000px){

.new_col_sm2 {
    width: 98%;
    margin: 1%;
    float: left;
}
.new_col_sm22 {
    width: 98%;
    margin: 1% 1% 1% 2%;
    float: right;
    min-height: 1px;
}

.new2 {
    margin-top: 0% !important;
}

.new_bg2 {
    background-color: #1f1a17;
    padding: 4% 0%;
}
}




@media only screen and (max-width:900px){
	
.col_sm4 {
    width: 31%;
}
}

@media only screen and (max-width:800px){


.navbar {
    width:100%;
    margin-top: 1%;
    background-color: #da211c;
}

.logo {
    width: 516px;
    float: none;
    margin: 0.5% auto;
}

.pro_col_sm2 {
    width: 98%;
    float: left;
    margin: 1%;
}

.pro_col_sm22 {
    width: 98%;
    float: left;
    margin: 1%;
}


.col_sm3 {
    width: 98%;
    float: left;
    margin: 1%;
}
.cont_col_sm3 {
    width: 98%;
    
}
}



@media only screen and (max-width:765px){
.col_sm4 {
    width: 48%;
}
}


@media only screen and (max-width:715px){


}

@media only screen and (max-width:700px){
.call_em{
	width:100%;
	float:left;
	margin:1% 1.5% 1% 1%;
}
}



@media only screen and (max-width:600px){
img.img2 {
    width: 100%;
}

}


@media only screen and (max-width:500px){
.col_sm4 {
    width: 98%;
    float: none;
    margin: 1% auto;
}
.logo {
    width: 98%;
    float: none;
    margin: 0.5% auto;
}
}

@media only screen and (max-width:400px){

}

@media only screen and (max-width:491px){
}

@media only screen and (max-width:460px){
}
