body{
   font-family: 'Poppins', sans-serif;
}
a:hover{
	color:#FFE4C4;
}

.wrapper-body, .middle-section-wrapper{
	background-color:#fff;
}
.text-bold{
	font-weight:bold;
}
/* display starts here */
.refresh-block{
	background-repeat:no-repeat; background-size:cover;
}
.refresh-block .refresh-opacity{
	background-color:#c7d0d6;
	padding-top:5px;
	padding-bottom:5px;
}
.refresh-block .refresh-opacity .glyphicon-refresh{
	color:#053C63;
}
.information .home-icon{
	background-color:#f33352;
}
.information .car-icon{
	background-color:#08bb98;
}
.information .cloud-icon{
	background-color:#40a2fd;
}
.information .temp-icon{
	background-color:#f29030;
}
.information  .signal-icon{
	background-color:#ac5fee;
}
.information .water-icon{
	background-color:#0913bf;
}
.information .wind-icon{
	background-color:#36c70b;
}
.information .card {
	min-width: 94px;
	max-width: 150px;
	width: 100%;
	height: 105px;
	position: relative;
	cursor: pointer;
	padding-top: 35px;
}
.rest-body{
	position:relative;margin-bottom:40px;
}
.rest-body .rest-body-row{
	margin-top:-50px;background-color:#fff;
}
.rest-body .rest-body-row .date-part{
	position:relative;
}
.rest-body .rest-body-row .date-part div{
	position:absolute;top:10px;right:0px;
}
/* display ends here */
.one{
	display: inline-block;
    width: 100px;
    height: 100px;
	color:#fff;
 }
 .item{
	width:150px;
	height:150px;
	position: relative;
 }
 .abc{
	    position: absolute;
    bottom: 25px;
 }

.antenna-row .timline, .gauge-row .timline,.bilge-row .timline{
	position: absolute;top: 38px;left:-15px;
}
.middle-section-wrapper .iphone-img{
	text-align:center;
}
.middle-section-wrapper .iphone-img img{
	height:250px;
}
.generate-link .generate-wrapper{
	border-left: 2px solid #053C63;
}
.power-box-wrapper{
	border-left:2px solid #063c63;border-bottom:2px solid #063c63;
}
.installation-row .timline{
	position: absolute;top:10px;left:-15px;
}
.middle-section-wrapper .container{
	border-bottom:1px solid grey;padding-bottom:30px;
}
.mobile-row p{
	line-height: 165%;
}
.safari-row .timline{
	position: absolute;left: 60px;bottom: -80px;
}
.safari-row .safari-img{
	width: 150px; height: 150px;border:1px solid #063c63;
}
.safari-row{
	margin-bottom: 50px;margin-top:40px;
}
.generate-wrapper-row img{
	position: absolute;left:-15px;top:50px;
}
.generate-wrapper-row .genarte-image,.site-row .genarte-image{
	height:350px;
}
.power-box-wrapper .product-image,
.antenna-row .product-image,
.gauge-row .product-image ,.bilge-row .product-image{
	width: 200px;height: auto;
}
.power-box-wrapper > div { margin-bottom: 20px;}
.power-box-wrapper .power-box-wrapper-row,
.antenna-row, .gauge-row, .bilge-row,.installation-row,.safari-p,.generate-wrapper-row,
.generate-wrapper .site-row{
	position:relative;
}
.site-row .timline{
	position: absolute;left:-12px;top:10px;
}
.power-box-wrapper .power-box-wrapper-row p,
.antenna-row p,
.gauge-row p,.bilge-row p{
	line-height: 165%;margin-top: 15px;
}
.power-box-wrapper .power-box-wrapper-row .timline{
	position: absolute;left:-15px;top:50px;
}
.power-box-wrapper .power-box-wrapper-row h3{
	border-bottom: 2px solid #063c63;width:80px;margin-top:-26px;margin-left:14px;
}
.block-header h4{
	font-size:17px;
}
.how-it-works-wrapper .ship-section .box{
	top:100px;width:50%;border:0;border-radius:0;left:100px;background-color:#64C7C4;padding: 20px;
}
.genurl-wrapper .text-grey{
	color:#353535;
}
.genurl-wrapper .text-dark-grey{
	color:#545454;
}
.how-it-works-wrapper .work-wrapper,
.product-section p{
	color:#c3cad2;
}
.product-section .ship-wrapper{
	position: relative;right: -103px;
}
.product-section .ship-wrapper .box-one{
	position:absolute;width:600px;height:auto;bottom:50px;left:-30%;
}
.block-header .product-list a:hover{
	color:#e6e5e3;
	text-decoration:none;
}
.block-header p{
	color:#c9d2db;
}

.rest-body a{
	margin-right: 10px;
}
.curent-date{
	padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 8px;
    padding-top: 8px;
	background-color: #ed1c24;
}	
	
.vital-link:hover{
	color:#686868;
	text-decoration:none;
}
.current-day-btn{
	border: 1px solid red;
    background-color: red;
	padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 8px;
    padding-top: 8px;
	color: #fff;
}
.generate-btn{
    border: 1px solid #053C63;
    background-color: #053C63;
    color: #fff;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 8px;
    padding-top: 8px;
    
}
.first-content{
	padding-bottom:10px;
	padding-left:40px;
}
/* sites page starts here */
.table-hover td{
	border:none !important;
}
.boat-table>table>tbody>tr>td:last-child a{
	background-color:#F56485;
	color:#fff;
	padding-top:5px;padding-bottom:5px;
	padding-left:15px;padding-right:15px;
}
.boat-table>table>tbody>tr>td{
	border-top:none;
	text-align:center;
	padding:15px;
}
.boat-table>table>tbody>tr>td:last-child a:hover{
	background-color:#0B3F66;
}
.boat-table>table>tbody>tr:hover{
	background-color:#CEDCE8;
}
.boat-table{
	border:40px solid #fff;
	background-color:#fff;
}
.genurl-wrapper .content-body{
	position:relative;
	height:285px;
	background-repeat:no-repeat;
 	background-size: cover;
}
.genurl-wrapper .second-body{
	background-color:#fff;
	height:100%;
	position:relative;
}
.genurl-wrapper .second-body .dabba{
	position:absolute;
	top:-80px;
	left:50%;
	transform:translate(-50%, 0);
	width:75%;
	height:auto;
}
.genurl-wrapper .second-body .dabba .time-body{
	background-color:#fff;
	margin-bottom:80px;
}
.date-wrapper {
	padding-left:25px;padding-right:25px;
}
.generate-btn-div{
	margin-bottom:35px;margin-top:20px;
}
.date-wrapper .form-horizontal{
	border-bottom:1px solid grey;padding-bottom:40px;margin-bottom:20px;margin-top:30px;
}
.genurl-wrapper .second-body .dabba .time-body .form-wrapper{
	padding-left:25px;padding-right:25px;
}
.genurl-wrapper .second-body .dabba .time-body .form-wrapper h3{
	border-bottom:1px solid grey;padding-bottom:5px;
}
.genurl-wrapper .second-body .dabba .time-body .form-wrapper .form-horizontal{
	border-bottom:1px solid grey;padding-bottom:20px;
}
.clipboard-section .last-section-clip-board{
	padding-left: 25px;margin-top: 15px;padding-bottom:65px;
}
.clipboard-section .last-section-clip-board h5{
	font-weight:bold;
}
.clipboard-section .last-section-clip-board .copy-board{
	margin-top:15px;text-align:right;padding-right: 42px;
}
.content-body .content-section{
	position:absolute;
	top:250px;
	left: 50%;
	transform: translate(-50%, 0);
	width:75%;
}
.content-section-gen-url{
	position:absolute;
	top:50px;
	left:50%;
	transform: translate(-50%, 0);
	width:75%;
	background-color:#fff;
}
.hold-transition .site-wrapper{
	background-color:transparent;
}
.site-wrapper .google-image{
	width:100%;
}
.site-wrapper  .google-image-row{
	margin-top:200px;
	margin-bottom:30px;
}
.main-header .anchor-wrapper .inline-block img{
	height:34px;width:34px;
}
/* sites page ends here */
.index-wrapper h1{
	font-size: 32px;
}
.index-wrapper{
	position:relative;
}
.sites-header{
	background: linear-gradient(#0B3F66,#0B4C7F,#0B3F66);
}
.skin-blue .sites-header .navbar{
	background-color:transparent;
}
.sites-header .navbar-nav li span{
	top:22px;
	left: -25px;
	cursor: pointer;
}
.sites-header .navbar-nav li>a{
	border-right:1px solid #A8A8A8;
}
.sites-header .navbar-nav li:last-child  a{
	border-right:0px;
}
.sites-header .navbar{
	margin-left:45%;
}
.sites-header .navbar-nav .setting{
	left: -45px;
}
.sites-header .navbar-nav .install{
	left: -50px;
}
.sites-header .navbar-nav .generate{
	left: -47px;
}
.index-wrapper .main-header{
	position: absolute;
    background-color: #355e86 ;
    width: 100%;
    opacity: 0.8;
}

#signalStrength {
	display: flex;
    align-items: center;
}

#signalStrength img{
	width: 28px;
    margin-right: 8px;
}

#signalStrength font {
	line-height: 1;
}
/* .wrapper{
	background: linear-gradient(to right, #176499 , #012E4D);
} */
.mar-top-0{
	margin-top:0px;
}
.mar-top-30{
	margin-top:30px;
}
.mar-top-20{
	margin-top:20px;
}
.mar-top-25{
	margin-top:25px;
}
.mar-top-40{
	margin-top:40px;
}
.mar-btm-7{
	margin-bottom:7px;
}
.mar-btm-10{
	margin-bottom:10px;
}
.mar-btm-20{
	margin-bottom:20px;
}
.mar-top-50{
	margin-top:50px;
}
.mar-top-80{
	margin-top:80px;
}
.pad-top-150{
	padding-top:150px;
}
.text-center{
	text-align:center;
}
.text-right{
	text-align:right;
}
.text-left{
	text-align:left;
}
.text-white{
	color:#fff !important;
}
.text-grey{
	color:grey;
}
.text-bold{
	font-weight:bold;
}
.chart-section .graph{
	border:15px solid #012E4D;
}
.history-section a{
	display: inline;
    padding-top: 10px;
    background-color: #012E4D;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
	color:#fff;
/* 	font-weight:bold; */
	
}
.history-section a:hover{
	text-decoration:none;
}

.dayChart-box,
.histChart-box {
	overflow-x: auto;
}

.form-wrapper .form-group select{
	background-color: #053C63;
	color:#fff;
}
.time-body, .clipboard-section,.boat-table ,.genarte-image,
.content-section-gen-url ,.power-box-wrapper .product-image,.rest-body-row, .display-hist{/* -webkit-box-shadow: 2px 3px 39px 2px rgba(0,0,0,0.36) !important; */-moz-box-shadow: 2px 3px 39px 2px rgba(0,0,0,0.36) !important;/* box-shadow: 2px 3px 39px 2px rgba(0,0,0,0.36) !important; */}
/* .select_box:after{
	width: 0; 
	height: 0; 
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #fff;
	position: absolute;
	top: 42%;
	right: 19px;
	content: "";
	z-index: 98;
} */
.text-uppercase{
	text-transform: uppercase;
}
.boat-vitals-wrapper{
	height: 700px;
	list-style: none;
	position: relative;
	width: 100%;
	max-width: 100%;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:left center;
}
.how-it-works-wrapper{
	background: linear-gradient(to right, #002E4F , #105485);
}
.product-section{
	background: linear-gradient(to right, #176499 , #012E4D);
}
.chart-section{
	background: linear-gradient(to right, #002F50 , #13659D);
	padding-bottom: 30px;
}
.footer-copyright{
	background-color: #053C63;
}
.media{
	padding-bottom:10px;

}
.box .media .media-body{
	border-bottom:1px solid #fff;
}
.boat-vitals-wrapper .block-header h1,
.how-it-works-wrapper h1,
.product-section h1{
	text-decoration:underline;
	text-decoration-color: #fdc2a4;
	text-underline-position: under;
	
}
.how-it-works-wrapper .ship-section .ship-image{
	position:absolute;
	top:0;
	right:0px;
	margin-right: -90px;
	height:500px;
}
.block-header a:hover{
	color:#6785AC;
}
.product-list-wrapper{
	position: absolute;
	left: 0;
	top: 100%;
	right: 0;
}
.product-list{
	background-color:#13507B;
	z-index:1000;
	display: inline-flex;
	align-items: flex-end;
}
.inline-block{
	display: inline-block;
	padding: 2px 10px;
	margin-top:10px;
	margin-bottom:10px;
	border-right:1px solid #A8A8A8;
	flex-shrink: 0;
}
/* .information-inline-block{
	display:inline-block;
} */
.information .house{
	display:inline-block;
	margin-bottom: 50px;
}
.no-border{
	border:0;
}
.block-header{
	transform: translate(-50%, -50%);
	position:absolute;
	top: 50%;
	left: 50%;
	background: rgba(0,0,0,.5);
	width:100%;
	max-width: 800px;
	padding: 30px;
}
.boot-sites{ height:70%;}
.mob-home-nav{display:none;}
.history-section li { margin-right: 8px;}
.history-section li a {border-radius: 0; border: none;}
.history-section li.active a { border-radius: 0;}
.nav-tabs.history-section { 
    border-bottom: 1px solid #012e4d;
    display: flex;
    text-align: center;
}

.main-header .ship-image {
	width: 250px;
}

.display-top-line {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#modal-anchor .map-container{
	margin-top: 15px;
	padding: 10px;
	border-top: 1px solid #f4f4f4;
}

#modal-anchor .box-info {
	border-bottom: 3px solid #00c0ef;
}

#googleMapAnchor {
	width: 100%;
	height: 400px;
	max-height: 100%;
}


@media only screen and (max-width: 2400px){
	.boat-vitals-wrapper{background-size: cover; background-position: left center;}
    .refresh-block{ background-size: cover;}
    
}

/* xs device */
@media (max-width: 767px){
    body{ font-size: 13px;/*font-family: 'Source Sans Pro',sans-serif;*/}
	.power-box-wrapper .power-box-wrapper-row h3{ margin: 5px auto 20px;}
	.genurl-wrapper .second-body .dabba{ top: -58px;}
	.align-center-xs {
		text-align:center;
	}
	.align-left-xs {
		text-align:left;
	}
	.align-right-xs {
		text-align:right;
	}
	.product-section .row:nth-child(3),.android-wrapper, .genarte-image{
		margin-top:30px;
	}
	.footer-copyright .row .mar-top-0{
		margin-top:0px;
	}
	.block-header {
		position: static;
		transform: none;
	}
	.site-wrapper .footer-copyright{
		padding-top:30px;
	}
	.generate-wrapper{
		border-left:0px !important;
	}
	.timline{
		display:none !important;
	}
	.power-box-wrapper{
		border-left:0px !important;
		border-bottom:0px !important;
	}
	.power-box-wrapper h3{
		border-bottom:0px !important;
	}
	.product-image{
		/* width:100%!important; */
	}
	.middle-section-wrapper{
		margin-top:0px !important;
		border-top:1px solid grey;
	}
    .block-header{ margin-top: 154px; padding: 15px;}
    .index-wrapper h1 {font-size: 22px;}
	.block-header h4 {font-size: 14px;}
    .mar-top-50 { margin-top: 10px;}
    .mar-top-30 { margin-top: 15px;}
    .how-it-works-wrapper .ship-section .box{top: 10px; left: 0; width: 100%;}
    .mar-top-30 { margin-top: 0;}
    .pad-top-150 { padding-top: 0px;}
    .history-section a{padding-left: 7px; padding-right: 7px; font-size: 12px;}
    .footer-copyright .row .mar-top-0 { margin-top: 10px;}
	.footer-copyright .mar-btm-20 { margin-bottom: 0;}
    
    /*Genurl*/
    .genurl-wrapper .content-body{ height: 345px;}
    .first-content { padding: 20px;}
    .site-wrapper .boat-header { margin-top: 12px;}
    .anchor-wrapper .inline-block a{ font-size: 11px;}
    .main-header .anchor-wrapper .inline-block img { height: 24px; width: 24px;}
    .inline-block { padding: 2px 7px; margin-top: 5px; margin-bottom: 5px; text-align: center;}
    
    /*Display*/
	.information .house{margin-bottom: 55px;height: 115px;max-width: unset;flex: 0 25%;}
    .refresh-block{ height: auto; margin-bottom: 65px;}
    .mar-top-80 { margin-top: 50px;}
    .information .house h4 { margin: 0;}
	.anchor-wrapper {margin: auto;text-align: center;}
	.main-header .col-xs-12.col-sm-9.text-right { padding: 0;}
    
    /*Sites*/
    .content-body .content-section{ top: 35px; width: 90%;}
    .boat-table{ border:0;}
    .boat-table>table>tbody>tr>td{padding: 8px 0px;}
    .site-wrapper .google-image-row{ margin-top: 30px;}
    .boot-sites{ height:320px;}
    
    .safari-row .safari-img{ height: auto;}
    .generate-wrapper .mar-top-30 { margin-top: 15px;}
    .text-dark-grey.text-bold { font-size: 22px;}
	
	.mob-home-nav {display: block;top: 67px;left: 0; width: 100%;text-align: center;}
	.history-section li {margin-right: 0;}
	.history-section li a { padding: 10px 8px;font-size: 11px;}
	
	.product-list.hidden-xs{ display:block !important; top: -58px; bottom: inherit;left: 0; width: 100%;}
	.inline-block{ font-size: 12px;padding: 2px 4px;}
	.product-list .inline-block img { width: 24px; height: auto;}
	.chart-section .container { padding-left: 10px; padding-right: 10px;}

	.product-list-wrapper {
	    top: 0;
	}
	
	.product-list {
	    display: flex;
	    justify-content: center;
	}
}
@media (max-width: 767px) and (orientation : landscape){ 
	.product-section .col-xs-6 { width: 25%;}
}

/* sm device */
@media only screen and (min-width : 768px) and (max-width : 991px){
	.align-center-sm {
		text-align:center;
	}
	.sites-header .boat-header{
		margin-top:38px;
	}
	.last-section-clip-board .copy-board{
		padding-right:26px !important;
	}
	.timline{
		display:none !important;
	}
	
	.information{
		margin-top:50px !important;
	}
}
/* md device */
@media only screen and (min-width : 992px) and (max-width : 1199px){
	.sites-header .boat-header{	margin-top:28px;}
    .boat-vitals-wrapper{height: 600px; background-position: center;}
	.product-list{}
	.product-list.mob-home-nav {display: none!important;}
	.inline-block{}
}
/* lg device */
@media (min-width: 1200px) {
    .sites-header .boat-header{	margin-top:28px;}
}

/*Inder probeer*/
@media only screen and (min-width : 768px) and (max-width : 1023px){
	.block-header {position: absolute;right:10px;}
    .boat-vitals-wrapper{background-position: center;height: 500px;}
    .index-wrapper h1{ font-size: 22px;}
    .mar-top-50{ margin-top: 20px;}
	     
	.product-list.hidden-xs{ display:block !important;}
	.product-list{}
	.inline-block{margin-top: 5px; margin-bottom: 5px;}
	.inline-block a {font-size: 11px;}
	.product-list.mob-home-nav {display: none!important;}
}
@media only screen and (min-width : 1px) and (max-width : 360px){
	.inline-block{width: 20%;}
}

.gray-image {
    opacity: 0.4;
    filter: alpha(opacity=40); /* msie */
}

.dropdown-menu
{
	z-index: 9999 !important;	
}

.boat-table-frame
{
	width: 80%;
	margin-top: 100px;
	margin-left: auto;
    margin-right: auto;
	
}

.boat-row-hidden
{
	display: none;	
}

a.export,
a.export:visited {
  display: inline-block;
  text-decoration: none;
  color: #000;
  background-color: #ddd;
  border: 1px solid #ccc;
  padding: 8px;
}

.dropdown-backdrop {
    position: static;
}

.smaller {
  font-size: 65%;
}

.compact-table-row
{
	padding-left: 1px !important;
	padding-right: 1px !important;
}

.log-btn
{	
	padding: 2px !important;
}

.table-responsive .table {
    max-width: none;  
	 overflow-x: auto !important;
  overflow-y: hidden !important;
 
}


.logo-href {
	display: block;
	max-width: 100%;
}

.logo-href img {
	width: 100%;
}

.information {
	display: flex;
    justify-content: space-around;
}

.log-text
{
	margin-top: 5px;
}

#flags {
	margin-bottom: 5px;
}

.blink-animation {
	animation: blinker 2s linear infinite;
}


.how-it-works-wrapper .work-wrapper .ship-image {
	max-width: 100%;
}

.information .card-img {
	max-width: 100px;
	width: 100%;
	position: absolute;
	top: 0px;
    left: 50%;
    transform: translate(-50%, -50%);
}

.information .card-content {
	display: flex;
	height: 100%;
	align-items: center;
	justify-content: center;
}

.modal-header {
	padding: 5px 15px;
}

.modal-title {
	float: left;
}

.modal-chart-wrapper {
	position: relative;
	overflow-x: auto;
}

.modal-chart-wrapper #modal-fixed-axis {
	position: absolute;
	top: 0;
	left: 0;
	/* background: #fff; */
}

.special-offer {padding-bottom: 6px;}

/* .modal-chart-area-wrapper {
	width: 100%;
	overflow-x: auto;
} */

.modal-chart-area-wrapper {
	position: relative;
    height: 300px;
    transition: .65s;
}

#modal-alarm .modal-body{
	padding: 30px 15px;
}

.map-legend {
	display: flex;
	justify-content: space-around;
	padding: 5px;
	font-size: 14px;
}

.map-legend .marker {
	margin: 0 7px;
}

.map-legend .marker img {
	height: 30px;
}

@keyframes blinker {
	50% {
		opacity: 0;
	}
}

@media screen and (max-width: 1200px) {
	.information .house:not(:last-of-type) {
		margin-right: 6px;
	}
}

@media screen and (max-width: 1024px) {
	.information .house {
		height: 90px;
	}
}

@media screen and (max-width: 1024px) {
	.how-it-works-wrapper .ship-section .ship-image {
        margin-right: 0;
        height: 440px;
    }
    
	.how-it-works-wrapper .ship-section .box {
		top: 0;
		left: 0;
	}
}

@media screen and (max-width: 992px) {
	.map-legend {
		font-size: 12px;
	}
}

@media screen and (max-width: 768px) {
	.logo-href {
		width: 100%;
		max-width: 300px;
		margin: 0 auto;
	}

	.index-wrapper .main-header {
		position: static;
		max-height: 120px;
		text-align: center;
	}

	.index-wrapper .main-header .ship-image {
		max-width: 100%
	}

	.boat-vitals-wrapper {
		height: 350px;
	}

	.block-header {
		margin-top: 59px;
	}

	.how-it-works-wrapper .ship-section .ship-image {
		height: auto;
		max-height: 500px;
		max-width: 100%;
		position: static;
		margin: 0 auto;
		display: block;
		margin-bottom: 15px;
	}

	.information {
		flex-wrap: wrap;
	}

	.chart {
		height: 400px;
	}
}

@media screen and (max-width: 520px) {
	header .anchor-wrapper {
		display: flex;
        justify-content: center;
        align-items: center;
	}

	.information .house {
		flex: 0 45%;
	}

	#modal-anchor .modal-content {
		display: flex;
		flex-direction: column;
		height: 96vh;
	}

	#modal-anchor .box-header {
			padding-bottom: 0;
	}

	#modal-anchor .map-legend {
		flex-wrap: wrap;
	}

	#modal-anchor .map-legend .marker {
		flex: 0 45%;
		margin-bottom: 7px;
	}

	#modal-anchor .map-container {
		margin-top: 0;
		flex-grow: 1;
	}

	#googleMapAnchor {
		height: 100%;
	}
}