@charset "utf-8";
/* CSS Document */
/*======================================================================
	Project Name: Blue Ocean Fishery
	Creator     : Toukir Rahman
	E-mail		: to.toukir.rahman@gmail.com
	Date        : Nov/23/2019
========================================================================*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');
body{
	color:#000;
	font-size:14px;
	font-family: 'Poppins', sans-serif;
}

/*===========@Global Styles ============*/
*{margin:0; padding:0; outline:none}
img,fieldset{border:0}
a{text-decoration:none}
ul,li{padding:0px;margin:0px; list-style: none}

h1, h2, h3, h4, h5, h6, p{ margin:0; padding:0; font-weight:normal;}
.no-padding{
	padding:0;
}


/*==========================================
			Header
==========================================*/
.navigation {
	width: 100%;
	float: left;
	display: block;
	padding: 25px 0;
	position: relative;
}
.navigation .logo {
	width:auto;
	display: block;
	float: left;
}
.navigation .logo a{
	float: left;
	width: auto;
}
.navigation .logo a img {
	width: 220px;
}
.navigation .logo .text {
	width: auto;
	float: right;
	padding-left: 80px;
	padding-top: 7px;
}
.navigation .logo .text img{
	width: 25px;
	margin-right: 5px;
}
.navigation .logo .text span {
	color: #fff;
	font-weight: 900;
	font-size: 18px;
	line-height: 26px;
	float: right;
}
.navigation .navbar-nav {
	width: 100%;
	padding: 0;
	overflow: visible;
	transition: padding 0.8s ease,margin 0.25s ease;
	min-height: 1px;
	line-height: 1px;
	list-style: none outside none;
	margin: 0;
	padding: 0;
	z-index: 10;
	float:none;
	display:flex;
}
.navigation .navbar-nav li{
	display: flex;
	align-items: center;
	float: left;
	list-style: none;
	line-height: 0;
	font-size: 12px;
	position: relative;
}
.navigation .navbar-default {
	background: #fff;
	width: 100% !important;
	border: none;
	border-radius: 0;
	margin: 0;
	min-height: auto !important;
	box-shadow: none;
	z-index: 99999999;
}
.navigation li.dropdown:hover > .dropdown-menu {
    display: block;
}
.navigation .navbar-default .navbar-nav li a {
	color: #808080;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 14px;
	font-weight: 500;
	transition:all 0.4s;
	padding:0;
	margin:0 22px;
	position: relative;
	text-decoration: none;
}
.navigation .navbar-default .navbar-nav li a.con{
	background: linear-gradient(to right, #005ec2, #75B6F5);
	width: 170px;
	text-align: center;
	height: 50px;
	line-height: 48px;
	color: white !important;
	margin-right:0;
	transition:all .8s;
}
.navigation .navbar-default .navbar-nav li a.con:hover{
	transition:all .8s;
	background: linear-gradient(to right, #005ec2, #005ec2);
}
.navigation .navbar-default .navbar-nav li a::after{
	-webkit-transition: -webkit-transform 0.35s cubic-bezier(0.52, 0.01, 0.16, 1), border-color 0.35s cubic-bezier(0.52, 0.01, 0.16, 1);
	transition: transform 0.35s cubic-bezier(0.52, 0.01, 0.16, 1), border-color 0.35s cubic-bezier(0.52, 0.01, 0.16, 1);
	-ms-transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transition: -webkit-transform 0.35s cubic-bezier(0.52, 0.01, 0.16, 1);
	transition: transform 0.35s cubic-bezier(0.52, 0.01, 0.16, 1);
	bottom: -3px;
	position: absolute;
	display: block;
	left: 0;
	width: 100%;
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	border-top: 2px solid;
	border-color: #005ec2;
	content: '';
	padding-bottom: inherit;
}
.navigation .navbar-default .navbar-nav li a:hover::after{
	backface-visibility: hidden;
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}
.navigation .navbar-default .navbar-nav li .con {
	border: 2px solid #fff;
	text-transform: uppercase;
}
.navigation .navbar-default .navbar-nav li a i{
	margin-left:5px;
}
.navigation .navbar-default .navbar-collapse {
	padding: 5px 0;
	width: auto;
	float: right;
}
.navigation .navbar-nav > li > a:hover, 
.navigation .navbar-nav > li > a:focus{
    color: #555 !important;
    background-color: transparent;
    box-shadow: none;
}
.navigation .navbar-nav > li.active a, 
.navigation .navbar-nav > li.active a:hover {
    color: #222 !important;
    background-color: transparent;
    box-shadow: none;
    font-weight:700;
}
.navigation .navbar-nav > li.active a::after, 
.navigation .navbar-nav > li.active a:hover::after {
    backface-visibility: hidden;
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}
.affix {
	padding: 25px 0 !important;
	position: fixed;
	z-index: 999999999999999999999;
	transition: all .7s;
	-webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.5) !important;
	-moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.5) !important;
	box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.5) !important;
	top: 0;
	left: 0;
}



/*==========================================
			 Slider-Area
==========================================*/
.slider-area {
	width: 100%;
	float: left;
	display: block;
	position: relative;
    height:auto;
}
.slider-area .bl-bg{
	position:absolute;
	left:0;
	right:0;
	width:100%;
	height:100%;
	bottom:0;
	top:0;
	background:rgba(0,0,0,0.35);
	z-index:99;
}
.slider-area .sl-bg{
	position:absolute;
	left:0;
	right:0;
	width:100%;
	bottom:0;
	top:auto;
	z-index:9999999;
}
.slider-area .sl-bg img{
	width:100%;
}
.slider-area .carousel-control {
	z-index: 9999999999999999999999;
	width: 62px;
	color: #E2840B;
	text-align: center;
	text-shadow: none;
	background-color: transparent;
	opacity: 1;
	height: 62px;
	background-image: none !important;
	top: 43%;
	font-size: 14px;
	transform: rotate(45deg);
	border: 1px solid #fff;
}
.slider-area .carousel-control i {
	transform: rotate(-45deg);
	transition: all .3s;
	padding: 9px;
	font-size: 37px;
	color: #fff;
}
.slider-area .carousel-control i:hover{
	transform: rotate(315deg);
}
.slider-area .carousel-control:hover {
	background-color: rgba(255,255,255,0.5);
}
.slider-area .carousel-control:hover i{
	color: #005EC2;
}
.slider-area .carousel-control.left{
	left:2%;
}
.slider-area .carousel-control.right{
	right:2%;
}
.slider-area .carousel-indicators li{
	width: 14px;
	height: 14px;
	border:3px solid #fff;
}
.slider-area .carousel-indicators .active{
	margin: 1px;
	background:#E2840B;
}
.slider-area .carousel-inner .item img{
    width:100% !important;
}
.slider-area .carousel-caption {
	right: auto;
	left: 0;
	top: 25%;
	width: 100%;
	text-align: left;
	z-index: 99999999999999999999999999999999999999;
}
.slider-area .carousel-caption h3 {
	font-size: 79px;
	font-weight: 400;
	text-align: left;
	color: #fff;
	margin: 0;
	padding: 0;
	text-transform: capitalize;
	line-height: 80px;
}
.slider-area .carousel-caption h3 span{
	font-weight: 900;
	color: #fff;
}
.slider-area .carousel-caption h4 {
	font-size: 25px;
	line-height: 30px;
	font-weight: 500;
	padding-top: 25px;
}
.slider-area .carousel-caption p {
	font-size: 16px;
	text-align: left;
	font-weight: 600;
	color: #f9f9f9;
	padding: 10px 0 15px 0;
	line-height: 23px;
	letter-spacing: .3px;
}
.slider-area .carousel-caption .btn-slide {
	background: #fff;
	color: #222;
	border-radius: 0;
	padding: 12px 29px;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 600;
	float: none;
	transition: all .8s;
	margin-top:30px;
}
.slider-area .carousel-caption .btn-slide:hover {
	background: #005EC2;
	color: #fff;
}

/*================Slider-fade===================*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}
@media all and (transform-3d), (-webkit-transform-3d) {
.carousel-fade .carousel-inner > .item.next,
.carousel-fade .carousel-inner > .item.active.right {
  opacity: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-inner > .item.prev,
.carousel-fade .carousel-inner > .item.active.left {
  opacity: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-inner > .item.next.left,
.carousel-fade .carousel-inner > .item.prev.right,
.carousel-fade .carousel-inner > .item.active {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
}
html,
body,
.carousel,
.carousel-inner,
.carousel-inner .item {
  height: 100%;
}
.item:nth-child(1) {
  background: blue;
}
.item:nth-child(2) {
  background: red;
}
.item:nth-child(3) {
  background: orange;
}

/*----------Zoom Slide-Start----------*/

@-webkit-keyframes zoom {
  from {
    -webkit-transform: scale(1, 1);
  }
  to {
    -webkit-transform: scale(1.5, 1.5);
  }
}

@keyframes zoom {
  from {
    transform: scale(1, 1);
  }
  to {
    transform: scale(1.5, 1.5);
  }
}
.carousel-inner .item img {
    -webkit-animation: zoom 20s;
    animation: zoom 20s;
    padding: 0;
    width: 100%;
}





/*==========================================
			  Body-Area
==========================================*/
.product-area {
	width: 100%;
	float: left;
	display: block;
	padding: 200px 0;
	position:relative;
	background-image: url("../img/slider/ban.png");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center; 
	background-size:cover;
	margin-top:100px;
}
.product-area .tpbt{
	position:absolute;
	top:0;
	left:0;
	right:0;
	width:100%;
	float:left;
	bottom:auto;
}
.product-area .tpbt.bt{
	top:auto;
	bottom:0;
}
.product-area .text-b h1{
	padding:20px 0 30px;
}
.product-area .text-b p {
	width: 100%;
	text-align: center;
	padding-top: 20px;
}
.product-area .text-b p::before, .product-area .text-b p::after{
	display:none;
}
.product-box {
	width: 100%;
	float: left;
	display: block;
	margin-bottom: 30px;
	position: relative;
	/*overflow: hidden;*/
	transition: all 0.3s;
	border: 10px solid #f2f3f8;
	-webkit-box-shadow: 0 10px 50px rgba(0,0,0,0.08),0 13px 45px rgba(0,0,0,0.08);
	-moz-box-shadow: 0 10px 50px rgba(0,0,0,0.08),0 13px 45px rgba(0,0,0,0.08);
	box-shadow: 0 10px 50px rgba(0,0,0,0.08),0 13px 45px rgba(0,0,0,0.08);
}
.product-box img {
    width: 100%;
}
.product-box .pro-text {
	width: 100%;
	height: 100%;
	position: absolute;
	text-align: center;
	left: 0;
	right: 0;
	background: rgba(0,0,0, 0.0);
	top: 87%;
	transition: all 0.5s;
}
.product-box .pro-text h3 {
	font-size: 16px;
	color: #284878;
	text-transform: uppercase;
	font-weight: 700;
	text-align: center;
	letter-spacing: 0.5px;
	padding: 8px 0;
}
.product-box .pro-text h4{
	font-size: 18px;
	color: #fff;
	padding-bottom: 30px;
	font-weight: 500;
	text-align: center;
}
.product-box .pro-text p{
	font-size: 15px;
	color: #d9d9d9;
	font-weight: 500;
	text-align: center;
	padding:0 20px;
}
.product-box:hover{
	border-color:#60A3E5;
}
.product-box:hover .pro-text {
	top: 0;
	padding-top: 130px;
	background: rgba(40,72,120, 0.9);
}
.product-box:hover .pro-text h3{
	color:#fff;
}
.product-box:hover .pro-text:hover{
    text-decoration:none;
}



/*==============Global Section==============*/
.global{
	width:100%;
	float:left;
	display:flex;
	padding:100px 0;
}
.text-b {
	width: 100%;
	float: left;
	display: block;
	margin-top: 135px;
}
.text-b.last-ab {
	margin-top: 0px;
}
.text-b h1 {
	font-size: 45px;
	font-weight: 900;
	text-transform: uppercase;
	color: #284878;
	padding-top: 80px;
	padding: 40px 0;
}
.text-b h6 {
	font-size: 16px;
	font-weight: 500;
	color: #666;
	padding-bottom: 40px;
	line-height: 22px;
}
.text-b p {
	font-size: 12px;
	color: #005ec2;
	text-align: left;
	font-family: Roboto;
	font-weight: 500;
	font-style: normal;
	position: relative;
	display: table;
	text-transform:uppercase;
}
/*.text-b p::before {*/
/*	content: "";*/
/*	position: absolute;*/
/*	right: 23px;*/
/*	width: 90px;*/
/*	background: #005ec2;*/
/*	height: 1px;*/
/*	top: 46%;*/
/*}*/
/*.text-b p::after {*/
/*	content: "01";*/
/*	margin-left: 110px;*/
/*	display: inline-block;*/
/*}*/
/*.text-b p.vd::after {*/
/*	content: "04";*/
/*}*/
.global .half-image{
	width:100%;
	float:left;
	display:block;
}
.global .half-image img{
	width:100%;
	float:left;
}
.text-b .con {
	background: linear-gradient(to right, #005ec2, #75B6F5);
	text-align: center;
	color: white !important;
	margin-right: 0;
	transition: all .8s;
	padding: 14px 40px;
	border-radius: 0;
	text-transform: uppercase;
	font-size: 15px;
	font-weight: 500;
	border:0;
}
.text-b .con:hover{
	background: linear-gradient(to right, #005ec2, #005ec2);
	transition: all .8s;
}

.last-vd .tabContent .tabItem {
	padding:0 !important;
}
.last-vd .video-img{
	width:100%;
	float:left;
	display:block;
	position:relative;
}
.last-vd .video-img a{
	position:absolute;
	width:auto;
	left:0;
	right:0;
	display:table;
	margin:auto;
	top:40%;
	bottom:auto;
	z-index:999;
}
.last-vd .video-img img{
	width:100%;
	float:left;
}
.last-vd .video-img a img{
	width:auto;
	float:left;
}
.last-vd .video-img a:hover img{
	opacity:0.6;
}
.last-vd .tabHeader {
	float: right;
	padding: 20px 0;
}
.last-vd .tabHeader li{
	background: transparent !important;
	color: #7e7e7e !important;
	padding:0 15px !important;
	font-family: poppins !important;
	font-weight: 500 !important;
	font-size: 14px !important;
	border: 0 !important;
	position: relative;
	transition: all 0.3s cubic-bezier(0.12,0.75,0.4,1);
-webkit-transition: all 0.3s cubic-bezier(0.12,0.75,0.4,1);
}
.last-vd .tabHeader.keytab li {
	border-right:0 !important;
}
.last-vd .tabHeader li.active {
	color: #005dc0 !important;
	padding-left: 100px !important;
	border-right:0 !important;
}
.last-vd .tabHeader li.active::before {
	content: "";
	position: absolute;
	width: 89px;
	height: 1px;
	background: #005dc0 !important;
	left: 0;
	top: 47%;
}



/*===================================
        best-area
=================================*/
.best-area{
	width:100%;
	float:left;
	display:block;
	position:relative;
}
.best-area .main-area {
	width: 100%;
	float: left;
	display: block;
	padding-top: 50px;
	z-index: 99999;
	position: relative;
}
.row-bg-wrap {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	padding: 0;
	right: auto;
}
.row-bg-wrap .inner-wrap {
	height: 100%;
	width: 100%;
	overflow: hidden;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}
.row-bg-wrap .row-bg.using-bg-color {
	width: 60%;
	right: 0 !important;
	background-color: #d4dee8;
	position: absolute;
	background-size: cover;
	-webkit-background-size: cover;
	height: 100%;
	left: auto;
}
.text-b ul{
	width:100%;
	float:left;
	padding:0;
	margin-left:30px;
	margin-bottom:30px;
}
.text-b ul li{
	list-style: disc;
	font-size: 16px;
	font-weight: 500;
	color: #666;
}


/*-------Style the tab-------*/
.tab {
	width: 100%;
	float: left;
	display: block;
}
.tabContent > div { display: none; }
.tabContent { 
    display:block;
    float:left;
    width:100%;
}
.tabHeader {
	display: table;
	float: none;
	width: auto;
	margin: auto;
}
.tabHeader.keytab li {
	border-right: 3px solid #231f20 !important;
	background: transparent !important;
	padding-right: 15px;
	padding-top: 0;
	padding-bottom: 0;
	font-family: poppins !important;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 500;
	color: #8D8687 !important;
	float:left;
	list-style:none;
	cursor:pointer;
}
.tabHeader.keytab .lst{
	padding-left: 15px !important;
	padding-right:0;
	border-right:0!important;
}
.tabHeader li.active {
	color: #2878c8 !important;
}
.tabContent img{
	float: left;
	width: 100%;
}
.tabContent .tabItem {
	width: 100%;
	float: left;
	padding: 20px 0;
}
.tabContent .active{
	display:block;
}
.tabContent .content-txt{
	width: 100%;
	float: left;
	display: block;
}
.tabContent .content-txt h3 {
	font-size: 20px;
	font-weight: 900;
	margin-bottom: 10px;
	padding-bottom: 5px;
	color: #222;
	border-bottom: 1px dotted #c9c9c9;
}
.tabContent .content-txt h3 span{
	color:red;
}
.tabContent .content-txt p {
	font-size: 15px;
	line-height: 22px;
	color: #777;
	padding: 0;
}
.field-area .tabHeader ul {
	padding:0;
}
.field-area img.scn-1 {
	position: absolute;
	z-index: 999;
	left: 48.95%;
	top: -2px;
}
.field-area img.scn-2 {
	position: absolute;
	z-index: 999;
	left: 34.1%;
	top: -2px;
}
.field-area img.scn-3 {
	position: absolute;
	z-index: 999;
	left: 63.9%;
	top: -2px;
}
.tabContent table {
  width:100%;
}
.tabContent th {
  color:#E2840B;
  font-size:16px;
  padding: 8px;
}
.tabContent td, .tabContent th {
  text-align: left;
}
.tabContent td a{
  color:#666;
  padding: 8px;
  float: left;
}
.tabContent td a:hover{
  color:#000;
}
.tabContent tr:nth-child(even) {
  background-color: #dddddd;
}




/*==========================================
			     Footer-Area
==========================================*/
.footer-bottom-area {
	width: 100%;
	display: block;
	float: left;
	background: url(../img/footer.png) no-repeat #000917;
	background-size: auto;
	background-size: 50% 100%;
	position: relative;
	padding:100px 0 0;
}
.footer-bottom-area::before {
	content: "";
	background: #fff;
	position: absolute;
	right: 0;
	top: 0;
	height: 50px;
	width: 50%;
}
.footer-bottom-area h3 {
	text-align: left;
	color: #fff;
	font-size: 40px;
	font-family: 'Poppins', sans-serif;
	text-transform: capitalize;
	font-weight: 600;
	letter-spacing: 0;
	margin-bottom: 40px;
}
.footer-bottom-area .input-group{
	display:flex;
	width:100%;
	float:left;
}
.footer-bottom-area .input-group input {
	background: transparent;
	border: 2px solid #fff;
	font-family: 'Poppins', sans-serif;
	color: #000;
	font-weight: 600;
	padding: 14px 20px !important;
	width: 50%;
	margin-right: 20px;
	margin-bottom: 20px;
	border-radius:4px;
}
.footer-bottom-area .input-group textarea{
	width:100%;
	background: transparent;
	border: 2px solid #fff;
	color:#000;
	font-weight: 600;
	margin-bottom: 20px;
	margin-right: 20px;
	border-radius:4px;
	padding: 14px 20px !important;
}
.footer-bottom-area .input-group input::placeholder, 
.footer-bottom-area .input-group textarea::placeholder {
	color: #b4d9ff;

}
.footer-bottom-area .input-group input:focus, 
.footer-bottom-area .input-group textarea:focus{
	background:#fff;
}
.footer-bottom-area button{
	color: #005ec2;
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	background: #fff !important;
	border-radius: 0 !important;
	opacity: 1;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 1px;
	width: 200px !important;
	padding: 0 !important;
	height: 50px;
	position:relative;
}
.footer-bottom-area button:hover{
	margin-top:-5px;
}
.footer-bottom-area .right-last {
	width: 100%;
	float: left;
	display: block;
	margin-bottom: 135px;
	padding-left: 40px;
}
.right-last ul {
	margin-bottom: 20px;
}
.right-last ul li {
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	padding: 4px 0 !important;
	border: none;
}
.right-last ul li a {
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	display: inline-block;
}
.right-last ul li a:hover{
	color: #2776C6;
	text-decoration:none;
}
.right-last ul li a i {
	color: #fff;
	font-size: 17px;
	width: 47px;
	height: 48px;
	line-height: 47px;
	border: 1px solid;
	border-radius: 50px;
	margin-right: 10px;
	transition: all 0.5s ease;
	text-align:center;
}
.right-last ul li a i:hover{
	color: #fff;
	background:#2877C7;
	border:1px solid #2877C7;
}
.right-last ul li:nth-child(3) {
	position: absolute;
	right: 0;
	top: 0;
	left:auto;
}
.last-last{
	display: flex;
	width: 100%;
	float: left;
	margin-top: 35px;
}
.las-img{
	width: auto;
	float: left;
	margin-right:10px;
}
.las-img img{
	width: 200px;
	float: left;
}
.last-last p {
	color: #fff;
	font-size: 14px;
	display: inline-block;
	padding-left: 45px;
	font-weight: 300;
	line-height: 26px;
}
.textwidget ul {
	background: black;
	padding: 0 0 0 0 !important;
	margin-left: -50px;
	margin-top: 150px;
	display: table;
	width: 111%;
}
.textwidget ul li {
	display: inline-block !important;
	padding: 4px 0 !important;
	border: none;
	list-style: none;
	margin-bottom: 0;
}
.textwidget ul li a {
	padding: 10px 15px !important;
	font-weight: bold;
	font-size: 16px;
	text-transform: uppercase;
	display:block;
	border: none;
	color: #ccc;
}
.textwidget ul li a:hover{
	color: #005ec2 !important;
	text-decoration:none;
}
.copyright{
	width:100%;
	float:left;
	display:block;
	background:#000917;
}
.copyright h5 {
	font-size: 12px;
	color: #fff;
	text-align: left;
	padding: 25px 0;
}

.banner-area{
	background-image:url(../img/slider/banner.png);
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	width:100%;
	float:left;
	padding:230px 0 170px;
}
.banner-area h1{
	font-size: 62px;
	font-weight: 400;
	text-align: left;
	color: #fff;
	margin: 0;
	padding: 0;
	text-transform: capitalize;
	line-height: 80px;
}
.banner-area h1 span {
	font-weight: 700;
	color: #fff;
}
.inner-area{
	width:100%;
	float:left;
	display:block;
	padding:70px 0;
}
.inner-area p{
	font-size: 16px;
	font-weight: 500;
	line-height: 22px;
	color: #6b6b6b;
}
.inner-area li {
	font-size: 16px;
	font-weight: 500;
	line-height: 22px;
	color: #6b6b6b;
	list-style: disc;
	margin-left: 30px;
}
.inner-area li.head {
	font-size: 22px;
	font-weight: 500;
	color: #222;
}
.btn-view {
	width: 170px;
	display: table;
	transition:all 0.5s;
	text-align: center;
	background: #2878c8;
	color:#fff;
	margin-top: 15px;
	font-weight: 500;
	font-size: 16px;
	text-transform: uppercase;
	margin: auto;
	float: none;
	border-radius: 0;
	padding: 16px 0;
}
.btn-view:hover{	
	background: #284878;
	color:#fff;
}
.contact h2{
	padding-bottom: 10px;
	border-bottom: 2px dotted;
	text-transform: uppercase;
	font-size: 35px !important;
	color: #0a0a0a;
	line-height: 1.1;
	text-align: left;
	font-family: Josefin Sans;
	font-weight: 600;
	font-style: normal;
}
.contact label {
	color: #000000;
	width: 100%;
	padding-top: 35px;
	font-size: 16px !important;
	font-weight: 300;
}
.contact input, .contact textarea{
	border: 1px solid #00000021;
	background-color: transparent;
	resize: none !important;
	padding: 10px;
	width: 100%;
	font-size: 14px;
	font-family: inherit;
	line-height: 24px;
	color: #555;
	border-radius:4px;
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
}
.contact textarea {
	height: 125px !important;
}
.contact input:focus, .contact textarea:focus{
	border: 1px solid #005ec2;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.11);
}
.contact .btn-submit {
	text-transform: uppercase;
	font-size: 17px;
	width: 100%;
	background-color: #000000 !important;
	color: #fff;
	padding: 15px 0;
	margin-top: 35px;
	transition:all 0.5s;
}
.contact .btn-submit:hover {
	background-color: #222 !important;
	color: #fff;
}
.contact ul {
	background: #000000;
	margin-left: 0;
	padding: 20px 35px;
	margin-top: 30px;
}
.contact ul li {
	padding-left: 35px;
	list-style: none;
	position: relative;
	padding: 15px 0 15px 35px;
	margin-left: 0;
}
.contact ul li:nth-child(1)::before {
	position: absolute;
	content: "\f095";
	left: 0;
	font-family: fontawesome;
	color: #ffffff;
	font-size: 20px;
}
.contact ul li:nth-child(2)::before {
	position: absolute;
	content: "\f003";
	left: 0;
	font-family: fontawesome;
	color: #ffffff;
	font-size: 20px;
}
.contact ul li a {
	color: #ffffff;
	font-size: 16px !important;
	font-weight: 300;
}
.contact ul li a:hover {
	color: #005EC2;
	text-decoration:none;
}

.modal-backdrop {
	z-index: 99999999;
}
.modal {
	z-index: 9999999999;
}
.modal-body p {
	font-size: 30px;
	text-align: center;
	font-weight: 600;
	color: #555;
}
.modal-dialog {
	margin: 120px auto;
}



/*:::::::::::::::::Responsive Media Query Start::::::::::::::::::::*/
@media only screen and (max-width:1919px){

}

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

}

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

}

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

}

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

}

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

}

@media only screen and (max-width:767px){
.slider-area .carousel-control i {
	font-size: 16px;
	padding:5px;
}
.slider-area .carousel-control {
	width: 30px;
	height: 30px;
	font-size: 14px;
}
.affix {
	padding: 10px 0 !important;
}
.navigation {
	margin-top: 30px;
}
.slider-area .carousel-caption h3 {
	font-size: 20px;
	line-height: 28px;
}
.slider-area .carousel-caption h4 {
	font-size: 13px;
	line-height: 20px;
	padding-top: 5px;
}
.slider-area .carousel-inner .item img {
	height: 260px;
}
.slider-area .carousel-caption {
	left: 60px;
	top: 5%;
}
.slider-area .carousel-caption .btn-slide {
	padding: 10px 20px;
	font-size: 14px;
	margin-top: 12px;
}
.navigation .navbar-default .navbar-collapse {
	padding: 0;
	margin:0;
	width: 100%;
	float: left;
}
.navigation .navbar-nav {
	width: 100%;
	float:left;
	display: block;
}
.navigation .navbar-nav li {
	width: 100%;
	float:left;
	display: block;
}
.navigation .navbar-default .navbar-nav li a {
	padding: 16px 0;
	border-bottom:1px solid #c9c9c9;
	margin:0;
}
.navigation .navbar-default .navbar-nav li a::after {
	border-top: 2px solid transparent;
}
.navigation .navbar-default .navbar-nav li a.con {
	width: 100%;
	text-align: left;
	margin: 0;
	float: left;
	background: transparent;
	color: #555 !important;
	line-height: 20px;
}
.navigation .navbar-default .navbar-nav li a.con:hover {
	background: transparent;
}
.navigation .navbar-default .navbar-collapse {
	margin-top: 20px;
}
.affix {
	padding: 10px 20px !important;
}
.navbar-toggle {
	margin-top: 13px;
}
.global {
	display: block;
}
.text-b {
	margin-top: 0;
}
.text-b h1 {
	font-size: 27px;
	padding: 20px 0;
}
.text-b h6 {
	font-size: 14px;
	font-weight: 300;
}
.row-bg-wrap .row-bg.using-bg-color {
	width: 100%;
}
.text-b ul li {
	font-size: 14px;
	font-weight: 400;
}
.product-area {
	padding: 100px 0;
}
.footer-bottom-area {
	background-size: cover;
}
.footer-bottom-area::before {
	display: none;
}
.footer-bottom-area {
	padding: 60px 0 0;
}
.footer-bottom-area h3 {
	font-size: 27px;
	margin-bottom: 22px;
}
.footer-bottom-area .input-group {
	display: block;
}
.footer-bottom-area .input-group input {
	width: 100%;
	margin-bottom:20px;
	margin-right:0;
}
.footer-bottom-area .right-last {
	margin-bottom: 20px;
	background: #000917;
	padding: 20px;
	margin-top: 50px;
}
.right-last ul li a:hover {
	color: #000;
}
.right-last ul li:nth-child(3) {
	position: relative;
	top: 15px;
}
.last-last {
	display: block;
	margin-top: 35px;
}
.last-last p {
	padding-left: 0;
	padding-top: 30px;
}
.textwidget ul {
	margin-left: 0;
	margin-top: 0;
	width: 100%;
}
.textwidget ul li {
	width: 100%;
	border-bottom: 1px solid #212121;
}
.textwidget ul li a {
	font-size: 13px;
	font-weight: 500;
}
.text-b.last-ab {
	margin-top: 30px;
}
.mb-gap{
	margin-top:80px;
}
.banner-area {
	padding: 60px 0;
}
.banner-area h1 {
	font-size: 35px;
}
.slider-area .carousel-control.right {
	right: 4%;
}
.slider-area .carousel-control.left {
	left: 4%;
}
.text-b ul {
	width: 92%;
	margin-left: 20px;
}

}

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

}

@media only screen and (max-width:599px){
.global .half-image {
	padding-top: 40px;
}
.tabHeader.keytab li {
	font-size: 12px;
	font-weight: 800;
}
.product-box {
	border: 5px solid #f2f3f8;
}
.product-box .pro-text {
	top: 80%;
}
.product-box .pro-text h3 {
	font-size: 12px;
	font-weight: 600;
	padding: 8px 0;
}
.copyright h5 {
	line-height: 26px;
}
.contact h2 {
	font-size: 25px !important;
}
}

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

}

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

}