/*
| --------------------------------------------------------
| TABLE OF CSS CONTENT
| --------------------------------------------------------
|  Layout Global CSS (body, fonts, transition & 
|  browser selections & all
|  Component CSS
|  Index Page
*/
/* 01 : Website Global CSS BOF
========================================================== */
body { background:#ffffff; font-family: 'Roboto', sans-serif; font-weight:normal; font-size:15px; line-height:normal; color:#333333; }	
*, html { margin:0px; padding:0px;  }
a { color:#000; } /* Common color hyperlink */
a:hover, a:focus, a:active { color: #284b73; text-decoration:none; } /* Common hover color hyperlink */
a, *:hover, *:focus, *:active :focus { text-decoration:none; outline:none !important; outline-offset:0 !important; }
a img, img { border:none; outline:none !important; outline-offset:0 !important; }
ul { list-style:none; margin:0; padding:0; } 
i { font-family:'FontAwesome'; } 
img { height:auto; max-width:100%; vertical-align: middle; line-height:normal; }

	/* Transition Effect CSS BOF */
	a, i, img, input { transition: all 0.6s ease-in-out 0s; -webkit-transition: all 0.6s ease-in-out 0s; -moz-transition: all 0.6s ease-in-out 0s; 
		-o-transition:all 0.6s ease-in-out 0s; -ms-transition:all 0.6s ease-in-out 0s; }
	
    /* Browser Selection CSS BOF */
	::selection { background:#284b73; color:#fff; } ::-moz-selection { background:#284b73; color:#fff; } 
	::-webkit-selection { background:#284b73; color:#fff; } ::-o-selection { background:#284b73; color:#fff; } 
	::-ms-selection { background:#284b73; color:#fff;  }

/* 02 : Global Classes CSS BOF
==================================================== */	
.style-none { background:transparent; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; border-radius:0px; 
	-moz-border-radius:0px; -webkit-border-radius:0px; border:medium none; }
.cover-bg { background-repeat:no-repeat; background-position:0 0; background-size:cover; -moz-background-size:cover; 
	-webkit-background-size:cover; -o-background-size:cover; -ms-background-size:cover; }	
.shadow-none { box-shadow:none !important; -webkit-box-shadow:none !important; -moz-box-shadow:none !important; }
.radius-none { border-radius:0px !important; -moz-border-radius:0px !important; -webkit-border-radius:0px !important; }
.border-none { border:medium none !important; }
.none-transform { text-transform:none; }
.pos-relative { position:relative; }
.flexbox { display:flex; }
.flexbox .flex-content { height:100%; }

/* Background & Color Style CSS BOF
=================================================== */
/* Font Color Style CSS BOF */
.white-color-text{color:#fff;}
.black-light-color-text{color:#333333;}

/* Background Color Style CSS BOF */
.black-color-bg{background:#000000;}

/* 03 : Heading Style CSS BOF
=================================================== */
h1, h2, h3, h4, h5, h6 { line-height:1.1; font-family: 'Saira Condensed', sans-serif; font-weight:700; margin:0px; padding:0px;}
h1 { font-size:55px; }
h2 { font-size:50px; }
h3 { font-size:32px; }
h4 { font-size:24px; }
h5 { font-size:18px; } 	
h6 { font-size:16px; }

/* Font Size Variation CSS BOF */
.font-size75{font-size:75px;}

/* Font Weight Variation CSS BOF */
.font-we-lt{font-weight:normal;}
.font-we-rg{font-weight:700;}

/* 04 : Paragraph Style CSS BOF
=================================================== */
p { line-height:1.4; }

/* 05 : Image Style CSS BOF
=================================================== */
img { margin-bottom:0; } /*margin-bottom:5px*/

/* 08 : Linedivider Style CSS BOF
=================================================== */	
hr { border-top:solid 1px #2d9bef; border-bottom:medium none; margin-top:25px; margin-bottom:25px;}
		
/* 09 : Maring & Padding Style CSS BOF
=================================================== */	
/* Margin Style CSS BOF */
.mrg-v-none { margin-top:0; margin-bottom:0; }
.mrg-bottom-none { margin-bottom:0; }

/* Padding Style CSS BOF */
.pad-left-right { padding-left:20px; padding-right:20px; } 
.pad-top-bottom { padding-top:20px; padding-bottom:20px; }

/* 10 : Button Style CSS BOF
=================================================== */	
.btn{padding:18px 15px; color:#fff; font-size:14px; border:#ffffff 2px solid; font-size:15px; text-transform: uppercase;
	transition:all .6s ease-in-out 0s; -moz-transition:all .6s ease-in-out 0s; -webkit-transition:all .6s ease-in-out 0s; 
	-o-transition:all .6s ease-in-out 0s; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; font-family: 'Roboto', sans-serif; font-weight:700;}
/*** Buttton Varilation CSS BOF ***/

		/* Hover State CSS BOF */
		.btn:hover, .btn:focus, .btn:active, .btn.active{ background:#284b73; color:#fff; border:#284b73 2px solid;
			box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; outline:none; }

/* 11 : Form & Input Style BOF
==================================================== */	
.form-control{background:#ffffff; border:solid 1px #2d2837; height:45px; border-radius:0px; 	
	-moz-border-radius:0px; -webkit-border-radius:0px; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; 
	font-size:14px; color:#000; -webkit-appearance: none; font-family: 'Roboto', sans-serif;}
textarea.form-control { padding-right:5px; resize:vertical; overflow:auto; height:150px; }
	
	/*** Placeholder CSS BOF ***/
	.form-control::placeholder { color: #d3d3d3; opacity:1; }
	.form-control::-moz-placeholder { color: #d3d3d3; opacity:1; }
	.form-control:-ms-input-placeholder { color: #d3d3d3; opacity:1; }
	.form-control::-webkit-input-placeholder { color: #d3d3d3; opacity:1; }
	.form-control::-o-input-placeholder { color: #d3d3d3; opacity:1; }

/*** Label CSS BOF ***/
label { font-size:15px; }	

	/* Focus State CSS BOF */
	.form-control:focus { border:solid 1px #ac82eb; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; } 
		
/*
| ========================================================
| INDEX PAGE CSS BOF
| ========================================================
*/
.page-wrapper { margin:0px auto;}
section{padding:90px 0px;}


/* HEADER CSS BOF 
======================================================= */
@media screen and (min-width:768px){
.navbar-brand-centered{ position: absolute; left: 50%; display: block; width: 160px; text-align: center;}
.navbar>.container .navbar-brand-centered, .navbar>.container-fluid .navbar-brand-centered{margin-left: -80px;}
}

.header-top .navbar{border:0px; border-radius:0px; margin-bottom:0; min-height:0;}
.header-top .navbar-brand{height:auto; float:none; line-height:0; padding:65px 0 0 0; z-index:10;}
.header-top .navbar-nav > li{padding:0px 20px; border-left:1px solid #d3d3d3; margin:50px 0px;}
.header-top .navbar-nav > li > a{font-family: 'Saira Condensed', sans-serif; font-weight:700; font-size:22px; padding:0px; margin:0px; color:#d3d3d3;
	text-transform:uppercase;}
.header-top .navbar-nav > li:first-child{padding-left:0px; border-left:none;}
.header-top .navbar-nav > li:last-child{padding-right:0px;}
.header-top .navbar-default .navbar-nav > li > a:focus, .header-top .navbar-default .navbar-nav > li > a:hover{color:#fff;}
.header-top .navbar-default .navbar-nav > .active > a,
.header-top .navbar-default .navbar-nav > .active > a:focus, 
.navbar-default .navbar-nav > .active > a:hover ,
.header-top .navbar-default .navbar-nav > .current-menu-item > a,
.header-top .navbar-default .navbar-nav > .current-menu-item > a:focus, 
.navbar-default .navbar-nav > .current-menu-item > a:hover 
	{color:#fff; background:none;}
.search-by-keyword{float:right; margin-top:30px;}
.search-by-keyword .navbar-form{margin:0px; padding:0px; border-bottom:1px solid #d3d3d3;}
.search-by-keyword .form-control{background:transparent; border-top:0; border-left:0; border-right:0; padding:5px 5px 5px 0px; 
	color:#fff; font-size:15px;}
.search-by-keyword .btn{background:transparent; border:0px; padding:11px 15px; color:#d3d3d3;}
.search-by-keyword .form-control:focus{color:#fff; border-bottom:1px solid #fff;}



.banner-section{}
.container-video .contant-text{padding:215px 0px;}
.container-video .contant-text hr{background:#fff; height:2px; width:72px; margin:50px auto; border:0px;}
.container-video .contant-text .btn{padding:14px 40px}

.container-video::before{ background: url(../images/poseidon-bg.png);  content: ""; top: 0; right: 0; left: 0; bottom: 0;
	position: absolute; background-repeat: no-repeat; background-size: contain; background-position: 0 140px}

.container-video{position:relative; height:700px; overflow:hidden; opacity:0.01; -webkit-animation:load 1.5s 0.8s ease-out forwards; 
	animation:load 1.5s 0.8s ease-out forwards;}
.container-video #video {position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; width:auto; height:auto; z-index:-1000; overflow:hidden;
  -webkit-transform:translate(-50%, -50%) scale(1.05); transform:translate(-50%, -50%) scale(1.05);}

@-webkit-keyframes load{100% {opacity: 1;}}
@keyframes load {100% {opacity: 1;}}
.table-center {display: table; width: 100%; position: relative; height: 100%;}
.table-center > div {display: table-cell; vertical-align: middle; position: relative; text-align: center;}
.table-center > div h1 {color: #fff; text-shadow: 0 0px 5px rgba(0, 0, 0, 0.5); text-transform: uppercase; letter-spacing: 2px; margin: 10px; font-size:4vw;}



/* HEADER CSS EOF 
======================================================= */


/* CONTENT CSS BOF 
======================================================= */
/*** About Section ***/
.aboutus-section p{font-size:18px; font-weight:400; line-height:26px; margin-top:10px; margin-bottom:24px;}
.aboutus-section .btn{padding:14px 40px; border:#284b73 2px solid; color:#284b73;}
.aboutus-section .btn:hover, .aboutus-section .btn:focus, .aboutus-section .btn:active, .aboutus-section .btn.active{color:#fff;}
.aboutus-section-img{box-shadow:12px 12px #e5e5e5; -moz-box-shadow:12px 12px #e5e5e5; -webkit-box-shadow:12px 12px #e5e5e5;}
.aboutus-section-img img{width:100%;}

.register-your{background: #e5e5e5; padding: 50px 0px;}
.register-your .btn { border: 2px solid #284b73; color: #284b73;  padding: 14px 40px; margin-top: 30px;}
.register-your .btn:hover, .register-your .btn:focus, .register-your .btn:active, .register-your .btn.active {
  color: #fff;
}


/*** Poseidon Products Section ***/
.poseidon-products hr{background:#fff; height:2px; width:72px; margin:50px auto; border:0px;}
.products-item img{width:100%;}
.products-description{background:#e6e6e6; padding:15px;}
.products-description h6{font-size:15px; font-family: 'Roboto', sans-serif; font-weight:700;}
ul.items-color{margin:0px 0 12px 0; padding:0px;}
ul.items-color li{display:inline-block; margin:0 2px; line-height:0px;}
ul.items-color li a:hover{opacity:0.7;}
ul.items-color li:first-child{margin-left:0px;}
ul.items-color li:last-child{margin-right:0px;}
.poseidon-products .btn{margin-top:60px; padding:14px 40px}
/* CONTENT CSS EOF 
======================================================= */

/* FOOTER CSS BOF 
======================================================= */
.footer-information{padding:90px 0px;}
.footer-information hr{width:30px; height:2px; background:#284b73; border:none; margin:30px 0px;}
.footer-information h6{color:#000000; font-size:18px; text-transform:uppercase;}
ul.quick-links-information li{padding:8px 0px; display:block;}
ul.quick-links-information li:first-child{padding-top:0px;}
ul.quick-links-information li:last-child{padding-bottom:0px;}
ul.quick-links-information li a.active{color:#284b73;}

/*** Contact Us CSS BOF ***/
footer ul.contact-us li {line-height:normal; display:inline-block; padding-bottom:15px;}
footer ul.contact-us li i{width:40px; height:40px; line-height:36px; text-align:center; color:#284b73; border-radius:100%; border:2px solid #284b73; 
	margin-right:14px; float:left; font-size:16px;}		
footer ul.contact-us li a{color:#000000; line-height:30px;}
footer ul.contact-us li p{padding:0px; margin:0px; display:table-cell;}		
/* Hover State CSS BOF */
footer ul.contact-us li a:hover, footer ul.contact-us li a:focus, footer ul.contact-us li a:active, 
footer ul.contact-us li a.active{color:#284b73;}
/*** newsletter CSS BOF ***/
.newsletter{padding: 0;}
.newsletter form {margin-top:20px;}
.newsletter .common-form .form-control { float: left;  width:100%; border:2px solid #000; border-right:none; color:#284b73;}
.newsletter .common-form .form-control:focus { border:solid 2px #284b73; border-right:none; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; }
.subscribe-btn{background:#000;  border: 2px solid #000; padding:10px 15px; height:45px;width: 40px;}
.newsletter .form-control::placeholder { color: #666666; opacity:1; }
.newsletter .form-control::-moz-placeholder { color: #666666; opacity:1; }
.newsletter .form-control:-ms-input-placeholder { color: #666666; opacity:1; }
.newsletter .form-control::-webkit-input-placeholder { color: #666666; opacity:1; }
.newsletter .form-control::-o-input-placeholder { color: #666666; opacity:1; }
/*** follow us on CSS BOF ***/
ul.follow-us{margin-top:60px;}
ul.follow-us h6{padding-right:5px;}
ul.follow-us li{padding:0px 6px; display:inline-block;}
ul.follow-us li a i{font-size:18px;}
ul.follow-us li:first-child{padding-left:0px;}
ul.follow-us li:last-child{padding-right:0px;}
/*** Footer Copy right CSS BOF ***/
.footer-copy-right{position:relative; color:#d3d3d3; display:block;}
.footer-copy-right .footer-logo{position:absolute; left:0; right:0; top:-50px;}
.footer-copy-right ul{padding:70px 0 20px 0px;}
.footer-copy-right ul li{display:inline-block; text-transform:uppercase; font-size:13px;}
.footer-copy-right ul li a{color:#d3d3d3; padding:0 1px;}
.footer-copy-right ul li a:hover{color:#fff;}
/* FOOTER CSS EOF 
======================================================= */

/* About Us Page CSS EOF 
======================================================= */
section.common-inner-pages.about-us-page{margin-top:0px; padding:30px 0px 0px 0px;}
.left-img img{width:100%;}
.about-poseidon-right{padding:90px 0 0 0px;}
.about-poseidon-right p{font-size: 18px; font-weight: 400; line-height: 26px;  margin-bottom:30px; margin-top: 10px;}
.about-poseidon-right h3{font-size:31px; color:#284b73;}

/* Poseidon Products Page CSS EOF 
======================================================= */
.inner-page-banner{background:url("../images/inner-banner-bg.jpg") no-repeat scroll center top / cover ;}
.poseidon-prods-banner{padding:120px 0 30px 0px;}
section.common-inner-pages{padding:60px 0 70px 0px; margin-top:15px;}

/*** Breadcrumb CSS BOF ***/		
.breadcrumb-listing{background-color:none; border-bottom:none;}
.breadcrumb{background:none; border-radius:0px; list-style: outside none none; margin-bottom:0px; padding:15px 0px 0 0;}
.breadcrumb > li {display: inline-block; text-transform:uppercase; font-size:30px; font-family: 'Saira Condensed', sans-serif; font-weight:700;}
.breadcrumb > li a{color:#fff;}
.breadcrumb > li a:hover{color:#d3d3d3;}
.breadcrumb > li + li::before{color:#fff; font-weight:normal; content: ">"; font-weight:700;}
.breadcrumb > .active{color:#fff;}

/*** Breadcrumb CSS EOF ***/
.poseidon-products-inner{background:url("../images/inner-page-top-bg.png") no-repeat left top, url("../images/inner-page-bottom-bg.png") no-repeat right bottom; background-size: 25%;}
.poseidon-prodts{background:#FFF; margin-left:15px; margin-bottom:80px;
-webkit-box-shadow: 0 0 10px 0 #a5a5a5; -moz-box-shadow: 0 0 10px 0 #a5a5a5; box-shadow: 0 0 10px 0 #a5a5a5;}
.poseidon-prodts .products-img{position:relative; right:15px; bottom:15px; width:100%;}
.poseidon-products-description{padding:20px 0px;}
.poseidon-products-description h2{margin-bottom:15px; font-size:45px;}
.poseidon-products-description h2 span{font-size:30px; display:block;}
.poseidon-products-description p.descrips{font-size:30px; font-family: 'Saira Condensed', sans-serif; font-weight:700; margin-bottom:0px; line-height:34px;}
.poseidon-products-description p.descrips > span{width:22%; display:inline-block;}
.products-descrip{padding-right:30px;}
.products-descrip p{font-size:18px; margin-top:20px;}
.products-descrip .btn {border: 2px solid #333; color: #333; padding: 14px 40px; margin-top:15px; float:right;}
.products-descrip .btn:hover, .products-descrip .btn:focus, .products-descrip .btn:active, .products-descrip .btn.active { color: #fff;  border: 2px solid #284b73;}

.poseidon-prodts-second{margin-left:0px; margin-right:15px;}
.poseidon-prodts-second .fr{float:right;}
.poseidon-prodts-second .fl{float:left;}
.poseidon-prodts-second .products-img{bottom: 15px; position: relative; right:0px; left:15px; width: 100%;}
.products-description-second{padding:20px 0 20px 20px;}
.products-descrip-second{padding-right:0px;}
.products-description-second .products-descrip .btn{float:none;}
.poseidon-prodts.bottom-mgt{margin-bottom:0px;}

/* Poseidon Products Details Page CSS EOF 
======================================================= */
section.common-inner-pages.products-details{margin-top: 0; padding:90px 0 40px 0;}
.products-details-right{background:#fff; padding:42px; position:relative; /*right:60px;*/ width:55%; /*top:60px;*/ -webkit-box-shadow: 0 0 10px 0 #a5a5a5; -moz-box-shadow: 0 0 10px 0 #a5a5a5; box-shadow: 0 0 10px 0 #a5a5a5;}
.products-details-man{position:relative;display: flex;}
.products-img{display:inline-block;}
.products-details-right p{font-size:18px;margin-top:10px;}
.products-details-right .descrips p{font-family: "Saira Condensed",sans-serif; font-size:24px; font-weight: 700; line-height:22px; margin-bottom: 0;}
.products-details-right .descrips p > span {display: inline-block; width:22%;}

.products-details-video{margin:24px 0px 20px 0px;}

.modal-dialog{margin:200px auto 0px; width:650px;}
.modal-content{position:relative;}
.modal-header{position:absolute; right:-22px; top:-22px; border:none; z-index:2; padding:0;}
.modal-header .close{background:#fff; margin:0px; height:40px; width:40px; opacity:1;}
.download-links{margin-top:30px;}
.download-links .btn{border: 2px solid #333; color:#333; margin-top: 15px; padding: 14px 40px; margin:0 5px;}
.download-links .btn:hover, .download-links .btn:focus, .download-links .btn:active, .download-links .btn.active{border:2px solid #284b73; color:#fff;}


/* Conatct Us Page CSS EOF 
======================================================= */
section.common-inner-pages.contact-us-page{margin-top:0px; padding:90px 0px 0px 0px;}
.left-img img{width:100%;}
.contact-poseidon-right{padding:0px 0 0 0px;}
.contact-poseidon-right h2{margin-bottom:20px;}
.contact-poseidon-right .common-form .form-control{border: 2px solid #000000; color:#284b73;}
.contact-poseidon-right .common-form .form-control:focus{border: 2px solid #284b73;}
.contact-poseidon-right .common-form .form-control::placeholder { color: #666666; opacity:1; }
.contact-poseidon-right .common-form .form-control::-moz-placeholder { color: #666666; opacity:1; }
.contact-poseidon-right .common-form .form-control:-ms-input-placeholder { color: #666666; opacity:1; }
.contact-poseidon-right .common-form .form-control::-webkit-input-placeholder { color: #666666; opacity:1; }
.contact-poseidon-right .common-form .form-control::-o-input-placeholder { color: #666666; opacity:1; }
.btn-send{border: 2px solid #000000; color: #000000; padding: 14px 54px; background:#fff;}

/* Product Register Page CSS EOF 
======================================================= */
.common-inner-pages.contact-us-page.product-register{ margin-top:15; padding:0px 0 0 0;}
.contact-poseidon-right{padding-top:100px;}
.common-form .select-box {width:67%; position:relative; display:inline-block; margin-right:12px;}
.common-form .select-box select.form-control{ -moz-appearance: none; -webkit-appearance: none;}
.common-form .select-box .selectarrow{pointer-events: none; position: absolute; right: 15px; top: 13px;}
.btn-send.pgt{padding:10px 45px; height:45px;}
.common-form select.form-control option {border-bottom: 1px solid #c0cee0; padding: 10px 20px; transition: all 0.8s ease-in-out 0s;}

/* Other Information Page CSS EOF 
======================================================= */
section.common-inner-pages.other-information{padding:90px 0 0 0; margin-top:0;}
.other-information .nav{padding-left:15px;}
.other-information .nav-stacked > li + li {margin-left: 0; margin-top: 5px;}
.other-information .nav > li > a{border-left:4px solid #284b73; border-radius:0; color:#000; text-transform:uppercase; font-weight:600; font-size:18px; }
.other-information .nav > li > a:focus, .other-information .nav > li > a:hover {background-color:#284b73; text-decoration: none; color:#fff;}
.other-information .nav-pills > li.active > a, .other-information .nav-pills > li.active > a:focus, .other-information .nav-pills > li.active > a:hover{
	background-color:#284b73; color: #fff;}
.other-information h2{line-height:35px; margin-bottom:20px; text-transform:uppercase;}
.other-information .all-question p span{font-weight:600; font-size:22px; display:block;}


.warranty-claim .contact-poseidon-right{padding-top:70px;}
.table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th{padding:8px;}
.warranty-claim .input-group-addon{font-size:18px; border:2px solid #284b73; border-left:0px; border-radius:0px; background:#284b73; cursor:pointer; color:#fff; 
	padding:6px 10px 6px 16px;}
.datepicker{border-radius:0px !important;}
.warranty-claim .form-control.right-bod{border-right:none;}
.warranty-claim .form-control.right-bod:focus{border-right:none;}

/* Approvals Page CSS EOF 
======================================================= */
section.common-inner-pages.approvals-inner{padding: 60px 0 0px 0px;}
.approvals-listing{margin:0px; padding:0px;}
.approvals-listing .list-bg{margin-left:15px; background:#FFF; -webkit-box-shadow: 0 0 10px 0 #a5a5a5; -moz-box-shadow: 0 0 10px 0 #a5a5a5; 
	box-shadow: 0 0 10px 0 #a5a5a5; padding:15px 0px 15px 0px; height:100%; position:relative; margin-bottom:60px;}
.approvals-list-img {position: relative; right:15px; }
.list-content{padding:10px 15px 0px 15px;}
.approvals-listing .list-bg h4{font-size:22px;}
.approvals-listing .btn {border: 2px solid #333; color: #333; padding:10px 52px; margin:15px 0px 10px 0px; position:absolute; left:0; right:0; margin:0 auto; 
	bottom:15px; width:60%;}
.approvals-listing .btn:hover, .approvals-listing .btn:focus, .approvals-listing .btn:active, .approvals-listing .btn.active{border:2px solid #284b73; color:#fff;}
.approvals-listing .btn i{font-size:18px; padding-left:2px;}
.govtmgt30{margin-bottom:30px;}
.products-img img {width:570px;}
.details-video-slider img{height:95px;}
.es_textbox{padding-bottom:0px;}

.subbtn {
    position: relative;
}
.subbtn i {
    position: absolute;
    color: #fff;
    right: 10px;
    top: 15px;
}
input#es_txt_button_pg {
    position: absolute;
    right: 0;
}
.poseidon-prodts .products-img {
    border: 6px solid rgb(20, 37, 55);
}