﻿body
{
	margin: 0px;
	padding: 0px;
	font-family:Poppins;
}


@font-face {
	font-family: 'Poppins-Light';
	src: url('../font/Poppins-Light.eot'),
		 url('../font/Poppins-Light.woff') format('woff'), 
		 url('../font/Poppins-Light.ttf') format('truetype'), 
		 url('../font/Poppins-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Poppins-Regular';
	src: url('../font/Poppins-Regular.eot'),
		 url('../font/Poppins-Regular.woff') format('woff'), 
		 url('../font/Poppins-Regular.ttf') format('truetype'), 
		 url('../font/Poppins-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Poppins-Medium';
	src: url('../font/Poppins-Medium.eot'),
		 url('../font/Poppins-Medium.woff') format('woff'), 
		 url('../font/Poppins-Medium.ttf') format('truetype'), 
		 url('../font/Poppins-Medium.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Poppins-SemiBold';
	src: url('../font/Poppins-SemiBold.eot'),
		 url('../font/Poppins-SemiBold.woff') format('woff'), 
		 url('../font/Poppins-SemiBold.ttf') format('truetype'), 
		 url('../font/Poppins-SemiBold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Poppins-Bold';
	src: url('../font/Poppins-Bold.eot'),
		 url('../font/Poppins-Bold.woff') format('woff'), 
	     url('../font/Poppins-Bold.ttf') format('truetype'), 
	     url('../font/Poppins-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}



/*-----------------------------------------Scroller-----------------------------------------*/
#bottom{ margin-top: 0px 0 0 0;}
#top a, #bottom a{color: red; font-size: 17px; }
.scrollertop{z-index: 100; margin-top:190px; left:48%; position:relative;}
.scrollerbottom{float: right; right:0px; z-index: 100; position: relative; margin-top:-7px;}

/*-----------------------------------------Common Css-----------------------------------------*/
.space{ margin-top:10px;}
.space1{ margin-top:20px;}
.space2{ margin-top:30px;}
.space3{ margin-top:40px;}
.space4{ margin-top:50px;}
.width{ width:100%;}
.max{ max-width:100%;}
.left{ float:left;}
.right{ float:right;}
.display{ display:inline-block; width:100%;}
.padding{ padding:0px !important;}

/*-----------------------------------------Header-----------------------------------------*/
.whatsap{ position:fixed; bottom:0px; left:5px; z-index:999;}
.logo{ float:left; margin-top:45px; position:absolute; top:5px; z-index:99;}

/*----------------------------------------Body-----------------------------------------*/
.tag{ font-family:Poppins-SemiBold; color:#2f3192; font-size:14px; letter-spacing:1px; text-align:center; text-transform:uppercase; margin-top:40px;}
.title{font-family:Poppins-Regular; color:#222; font-size:48px; letter-spacing:1px; text-align:center; text-transform:uppercase;}
.title span{ font-family:Poppins-SemiBold;}
.para{font-family:Poppins-Regular; color:#555; font-size:14px; letter-spacing:1px; text-align:center; line-height:1.6; margin-top:5px;}
.paraspac{ margin-top:14px !important;}
.knwbtn{ margin-top:40px; text-align:center;}
.knwbtn a{ background-color:#2f3192; padding:10px 20px; font-family:Poppins-Regular; font-size:14px; letter-spacing:1px; color:#fff;}
.knwbtn a i{ color:#fff; margin-left:5px;}
.knwbtn a i:hover{color:#2f3192;}
.knwbtn a:hover{ background-color:#fff; color:#2f3192; border:2px solid #2f3192;}
.txt1{font-family:Poppins-SemiBold; color:#222; font-size:24px; letter-spacing:1px; text-align:center; margin-top:-10px;}
.txt2{font-family:Poppins-Regular; color:#555; font-size:14px; letter-spacing:1px; text-align:center; line-height:1.6; margin-top:5px;}
.txt2 a{font-family:Poppins-SemiBold; color:#07acff;}
.txt2 a:hover{ color:#1a3b71;}
.bg1{ background-color:#1a3b71;  margin-top:40px; padding-bottom:30px;}
.tag1{ font-family:Poppins-SemiBold; color:#2f3192; font-size:14px; letter-spacing:1px; text-align:center; text-transform:uppercase; margin-top:20px;}
.title1{font-family:Poppins-Regular; color:#fff; font-size:48px; letter-spacing:1px; text-align:center; text-transform:uppercase;}
.title1 span{ font-family:Poppins-SemiBold;}
.circle1{ background-color:#fff; width:60px; height:60px; border-radius:100px; margin-top:30px;}
.box1{background-color:#fff; padding:10px 10px; margin-top:-30px; border-radius:5px;}
.txt3{font-family:Poppins-SemiBold; color:#000; font-size:22px; letter-spacing:1px; text-align:left; margin-top:25px;}
.txt4{font-family:Poppins-Regular; color:#555; font-size:14px; letter-spacing:1px; text-align:justify; line-height:1.6; margin-top:5px;}
.tag2{ font-family:Poppins-SemiBold; color:#2f3192; font-size:14px; letter-spacing:1px; text-align:left; text-transform:uppercase; margin-top:40px;}
.title2{font-family:Poppins-Regular; color:#222; font-size:48px; letter-spacing:1px; text-align:left; text-transform:uppercase;}
.title2 span{ font-family:Poppins-SemiBold;}
.greybg{ background-color:#f5f5f5; margin-top:50px; padding-bottom:40px;}
.nebor{ border-bottom:2px solid #2f3192; margin:10px 0 10px 0; width:30%;}

/*----------------------------------------Inner Body-----------------------------------------*/
.innerbg{background-image:url(../image/innerbg.png); height:300px; background-repeat:no-repeat; background-size:100%;}
.intitle{font-family:Poppins-Regular; color:#222; font-size:48px; letter-spacing:1px; text-align:left; text-transform:uppercase;}
.intitle span{ font-family:Poppins-SemiBold;}
.intag{ font-family:Poppins-SemiBold; color:#2f3192; font-size:14px; letter-spacing:1px; text-align:left; text-transform:uppercase; margin-top:40px;}
.ship {
  width: 375px;
  height: 92px;
  margin-top:180px;
  position: relative;
  animation: myfirst 100s 2;

}
@keyframes myfirst {
  0%   {left: 0px; top: 0px;}
  100%   {left: 830px; top: 0px;}
}

/*----------------------------------------Footer-----------------------------------------*/
.ftrbg{ background-image:url(../image/ftrbg.png); background-repeat:no-repeat; padding-top:20px; margin-top:0px; height:350px; background-size:100%;}
.footebg{ background-color:#000;}
.copy{font-family:Poppins-Regular; color:#fff; padding-top:13px; font-size:13px; letter-spacing:1px; text-align:center;}
.ftr1{ font-family:Poppins-SemiBold; color:#fff; font-size:25px; letter-spacing:1px; text-align:left; margin-top:20px;}
.ftr2{ font-family:Poppins-Regular; font-size:14px; color:#fff; line-height:2.1; margin-top:10px; letter-spacing:1px; text-align:left;}
.ftr3{ text-align:left; margin-top:15px;}
.ftr3 a{font-family:Poppins-Regular; font-size:16px; color:#fff; letter-spacing:1px; }
.ftr3 i{ color:#07acff; margin-right:10px; font-size:18px;}
.ftr3 a:hover{color:#01a8ee;}

/*-----------------------------------------Thank You-----------------------------------------*/
.thankbg{ background-color:#2f3192; height:657px; text-align:center;}
.tanktit{font-family:Poppins-Bold; font-size:70px; letter-spacing:3px; color:#fff; padding-top:100px;}
.tanktxt{font-family:Poppins-Bold; text-transform:capitalize; color:#fff; letter-spacing:2px; font-size:20px; margin-top:20px; line-height:2.1;}
.tanktxt span{font-size:26px;}
.thankbtn{ text-align:center; margin-top:60px;}
.thankbtn a{ background-color:#fff; padding:10px 20px; font-family:Poppins-Bold; color:#000; border-radius:5px; letter-spacing:1px; font-size:20px;}
.thankbtn a:hover{ background-color:#2f3192; border:#fff 3px solid; color:#fff;}
.thankcall{ text-align:center; margin-top:25px; font-size:36px;  color:#fff;}
.thankcall a{ color:#fff; letter-spacing:2px; font-family:Poppins-Bold; font-size:36px;}
.thankcall img{ margin-top:-7px;}

/*----------------------------------------Media-----------------------------------------*/
@media all and (max-width: 360px) and (min-width: 300px) 
{
	.resmenu ul{top:15% !important;}
}

@media all and (max-width: 767px)
{
   .ftrbg{ background-size:cover; height:auto; padding-bottom:20px;}
   .title{ font-size:30px;}
   .title1{ font-size:30px;}
   .title2{ font-size:30px;}
   .txt3{ font-size:18px;}
   .txt1{ font-size:20px;}
   #owlCarousel, .owl-stage-outer, .owl-stage, .owl-item-bg, .owl-item{ height:225px;}
   #owlCarousel { margin-top:0px;}
   .slide-content{ top:14%; width:90%; padding:10px; right:-15%; height:130px;}
   .slide-content h2{ font-size:14px;}
   .slide-content p{ font-size:10px;}
   .intitle{ font-size:30px;}
   .innerbg{margin-top:0px; height:100px;}
   .ship { width:70px; margin-top:55px; height:45px;}
   @keyframes myfirst {
  0%   {left: 0px; top: 0px;}
  100%   {left: 200px; top: 0px;}
}
   .intag { margin-top:10px;}
   .form-control{ width:100%;}
   .btn-default{ width:100%;}
}

@media all and (max-width: 1024px) and (min-width: 768px) 
{
    .ftrbg{ background-size:cover; height:auto; padding-bottom:20px;}
     .slide-content{ top:38%; width:60%; padding:10px; right:22%; height:160px;}
     .txt1{ font-size:20px;}
     .resmenu ul{ top:5%;}
     .txt3{font-size:20px;}
     .ftr1{ font-size:20px;}
     .ftr2{ font-size:12px; line-height:1.4;}
     .ftr3{ font-size:15px;}
     .innerbg{margin-top:130px; height:150px;}

}

@media all and (min-width: 768px)
{

}
