/*
* Author: Team Nautical Beans
*/

/* Content
==================================================
	Import CSS Files
	Basic Margin and Padding Styles
	Floats
	Picture Styles
	Drop Shadows
	Borders
	Lines
	Social
	Lists
	Links References
	Buttons
	Dropcaps
	Contact Info (not used yet)
	Tables (empty)
	Subscribe (not used yet)
	Rotations
	Options
	Media Queries
	More Media Queries
==================================================
*/

/* 
* Import CSS Files
*/
@import url("colors.css");								/* Colors */
@import url("layout.css");								/* Layout */
@import url("responsive.css");                         	/* Grid */
@import url("widgets.css");                          	/* Css Styles for widgets */
@import url("fonts.css");                               /* Roboto and Fontello Fonts, Font Styles */
@import url("fonts/font_awesome/css/font-awesome.min.css");  /* Font Awesome for Bootstrap, from fontawesome.io */

/* 
* Basic Margin and Padding Styles 
*/
.bottom-0 { margin-bottom:0px !important; }
.bottom-05 { margin-bottom:5px !important; }
.bottom-10 { margin-bottom:10px !important; }
.bottom-1 { margin-bottom:15px !important; }
.bottom-20 { margin-bottom:20px !important; }
.bottom-2 { margin-bottom:25px !important; }
.bottom-3 { margin-bottom:35px !important; }
.bottom-4 { margin-bottom:45px !important; }
.bottom-5 { margin-bottom:55px !important; }
.bottom-7 { margin-bottom:75px !important; }

.top-0 { margin-top:0px !important; }
.top-05 { margin-top:5px !important; }
.top-10 { margin-top:10px !important; }
.top-1 { margin-top:15px !important; }
.top-20 { margin-top:20px !important; }
.top-2 { margin-top:25px !important; }
.top-30 { margin-top:30px !important; }
.top-3 { margin-top:35px !important; }
.top-4 { margin-top:45px !important; }
.top-5 { margin-top:55px !important; }

.top-neg03 { margin-top:-30px !important; }

.left-0 { margin-left:0px !important; }
.left-05 { margin-left:5px !important; }
.left-1 { margin-left:15px !important; }
.left-2 { margin-left:25px !important; }
.left-3 { margin-left:35px !important; }
.left-4 { margin-left:45px !important; }
.left-5 { margin-left:55px !important; }

.right-0 { margin-right:0px !important; }
.right-05 { margin-right:5px !important; }
.right-1 { margin-right:15px !important; }
.right-2 { margin-right:25px !important; }
.right-3 { margin-right:35px !important; }
.right-4 { margin-right:45px !important; }
.right-5 { margin-right:55px !important; }

.marginhorizontal-10pc {margin-left:10% !important; margin-right:10% !important;}

.nomargin {margin:0 !importantimportant}
.nopadding {padding:0 !important; }

.paddingtop-5 {padding-top:5px !important; }
.paddingtop-10 {padding-top:5px !important; }
.paddingtop-15 {padding-top:15px !important; }
.paddingtop-20 {padding-top:20px !important; }
.paddingtop-25 {padding-top:25px !important; }
.paddingtop-35 {padding-top:35px !important; }
.paddingtop-45 {padding-top:45px !important; }
.paddingtop-55 {padding-top:55px !important; }

.paddingbottom-5 {padding-bottom:5px !important; }
.paddingbottom-10 {padding-bottom:10px !important; }
.paddingbottom-15 {padding-bottom:15px !important; }
.paddingbottom-25 {padding-bottom:25px !important; }
.paddingbottom-30 {padding-bottom:30px !important; }
.paddingbottom-35 {padding-bottom:35px !important; }
.paddingbottom-45 {padding-bottom:45px !important; }
.paddingbottom-55 {padding-bottom:55px !important; }

.paddingleft-5 {padding-left:5px !important; }
.paddingleft-15 {padding-left:15px !important; }
.paddingleft-25 {padding-left:25px !important; }
.paddingleft-35 {padding-left:35px !important; }
.paddingleft-45 {padding-left:45px !important; }
.paddingleft-55 {padding-left:55px !important; }

.paddingright-5 {padding-right:5px !important; }
.paddingright-15 {padding-right:15px !important; }
.paddingright-25 {padding-right:25px !important; }
.paddingright-35 {padding-right:35px !important; }
.paddingright-45 {padding-right:45px !important; }
.paddingright-55 {padding-right:55px !important; }

.paddingvertical-1 {padding-top:1px !important; padding-bottom:1px !important;}
.paddingvertical-5 {padding-top:5px !important; padding-bottom:5px !important;}
.paddingvertical-10 {padding-top:10px !important; padding-bottom:10px !important;}
.paddingvertical-15 {padding-top:15px !important; padding-bottom:15px !important;}
.paddingvertical-20 {padding-top:20px !important; padding-bottom:20px !important;}
.paddingvertical-25 {padding-top:25px !important; padding-bottom:25px !important;}
.paddingvertical-35 {padding-top:35px !important; padding-bottom:35px !important;}
.paddingvertical-45 {padding-top:45px !important; padding-bottom:45px !important;}
.paddingvertical-55 {padding-top:55px !important; padding-bottom:55px !important;}

.paddinghorizontal-1 {padding-left:1px !important; padding-right:1px !important;}
.paddinghorizontal-5 {padding-left:5px !important; padding-right:5px !important;}
.paddinghorizontal-10 {padding-left:10px !important; padding-right:10px !important;}
.paddinghorizontal-15 {padding-left:15px !important; padding-right:15px !important;}
.paddinghorizontal-25 {padding-left:25px !important; padding-right:25px !important;}
.paddinghorizontal-35 {padding-left:35px !important; padding-right:35px !important;}
.paddinghorizontal-41 {padding-left:41px !important; padding-right:41px !important;}
.paddinghorizontal-45 {padding-left:45px !important; padding-right:45px !important;}
.paddinghorizontal-55 {padding-left:55px !important; padding-right:55px !important;}
.paddinghorizontal-120 {padding-left:120px !important; padding-right:120px !important;}

/* 
* Floats
*/
.float-left, .navigation ul li, .page-title h1, .alert i, #options li, .the-icons  {
	float:left;
}

.float-right, #nav {
	float:right;
}

footer .social, {
	float:none;
}

/* 
* Picture Styles 
*/
img {
	max-width: 100%;
	height: auto; 
}

/* header */
.logo img {
	width:1000px;
}

/* home page */
img.kickericon3 {
	width:90%;
	min-width:100px;
	margin-top:15px;
	margin-bottom:25px;
}
img.kickerlogo {
	width:100%;
	min-width:80px;
	margin-top:0px;
	margin-bottom:0px;
}
.kickerlogobkg {
	margin-bottom:20px;
}
.kickerbox img.kickericon3:hover {
	opacity:.7; filter:alpha(opacity=70); 
}
.kickerbox img.kickerlogo:hover {
	opacity:.8; filter:alpha(opacity=80); 
}

.bannerbackgroundhomepage {
	background-image: url(../images/home_page/main_image_taller_1296.jpg);
	background-repeat: no-repeat;
	background-position: 50% 0;
	background-size: cover;
	background-color: #0012AE;
	height: 0;
	width: 100%;
	padding-top: 22.5% !important;
	background-color: #0012AE;
}

.imgpopup {
	width: 100%;
	height: auto;
	padding: 1px;
	margin-top: 10px;
}

.imgpopupmobile {
	position:relative;
	width: 26%;
	height: auto;
	float:right;
	display:inline;
	margin-right:-2%;
	z-index:1;
}

#kickerthreecountarea {
	background-image: url(../images/home_page/maritime_counter_bkg500.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;
	background-color: #FFF;
}
#kickerthreecounttitle {
	background-color: #FFF;
	opacity:.75; filter:alpha(opacity=75); 	
}

.kickerbox a #kickeronecountarea:hover, .kickerbox a #kickertwocountarea:hover, .kickerbox a #kickerthreecountarea:hover {
	opacity:.8; filter:alpha(opacity=80); 	
}

/*
* Drop Shadows
*/
/* home page */
.kickershadow {
	box-shadow: 3px 3px 1px #868686;
}

.slidingpopup {
	box-shadow: 2px 2px 1px #868686;
}

/*
* Borders
*/
/* header */
#toTop, .form-elements input[type="text"], .form-elements select, .form-elements textarea, .welcome, #options li a, .form-box input.text, .form-box textarea, .notification_error, .notification_ok {
	border-radius:2px;
}

#menu > a {
	border-radius:1px;
}
#menu > a:before, #menu > a:after, .one-page .team .item img {
	border-top: 3px solid #fff;
}

/* home page */
.roundedrectangle {
	border-radius: 10px;
	border: 3px solid;
	padding-top:10px;
	padding-bottom: 10px;
}
.kickerbox {
	padding: 0px;
}

/* 
* Lines 
*/
hr.nbdoubleline{
	border-top: 1px solid #0012AE;
	border-bottom: 1px solid #FF850A;
	height:1px;
}
hr.grayline{
	border:solid #e6e6e6; border-width: 1px 0 0; clear: both; height: 0;
}
hr {
	border: solid #f0f0f0;
	border-width: 1px 0 0;
	clear: both;
	margin: -1px 0 0 0;
	height: 0;
}

/* more */
.notification_error {
	border:1px solid #e6e6e6;
}

/*
* Social
*/
/* Icons */
.social_icon-linkedin:before { content: '\e828'; } 
.social_icon-facebook:before { content: '\e83f'; } 
.social_icon-twitter:before { content: '\e82f'; } 
.social_icon-instagram:before { content: '\e859'; } 
.social_icon-pinterest:before { content: '\e80e'; } 
.social_icon-gplus:before { content: '\e808'; }

 [class^="social_icon-"]:before, [class*=" social_icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: auto;
  height: auto;
  /*width: 1em;
  margin-right: .2em;*/
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
     
  /* fix buttons height, for twitter bootstrap */
  line-height: normal;
 }

/* more */
.social-normal i, .social-color i { 
    display:inline-block;
	margin:10px;
}
.social-color {
	padding:10px;
}
.the-icons {
	margin:0 20px 0 20px;
	padding:0 8px;
}
.the-icons li {
	margin:8px 0;
	vertical-align: baseline;
}
.the-icons li i {
	margin-right:10px;
}
.icons-color {
	overflow:hidden;
}

/* 
* Lists
*/
.square-list li {
	padding:5px 5px 5px 18px;
	line-height:20px;
	position: relative;
}
.square-list li:before {
	content: '\f04d'; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit;
    font-size: 6px; position: absolute; top: 5px; left: 0;
}
.square-list li.bluebullet:before {
	color:#00AEFC;
}

/* 
* Links References
*/
a, .subscribe input.submit, .button, { 
	-webkit-transition: all 0.3s ease-in;  
    -moz-transition: all 0.3s ease-in;  
    -ms-transition: all 0.3s ease-in;  
    -o-transition: all 0.3s ease-in;  
    transition: all 0.3s ease-in;
}
a { 
   text-decoration:none;
}

/*
* Buttons
*/
/* general */
.button {
	display:inline-block;
	margin:5px 5px 5px 0;
	border:none;
	cursor:pointer;
	text-shadow:none !important;
}
.button.small {
	padding: 10px 22px;
}
.button, .button.medium {
	padding: 15px 30px;
}
.button.large {
	padding: 17px 31px;
}

.down-button {
	text-align:center;
	display:none;
}

/* home page */
.closepopupbutton {
	display: block;
	float: right;
	cursor: pointer;
	margin: 0px;
	width: 9%;
	z-index: 100;
}

.closepopupbuttonmobile {
	position:relative;
	display: inline;
	float: right;
	cursor: pointer;
	margin: -2px 0 0 0;
	width: 3%;
	z-index: 10;
}

/* more */
.button.contactbutton {
	background: #00AEFC;
	margin-top:30px;
	margin-right:5px;
  	float:right;
}
.button.contactbuttonalignleft {
	background: #00AEFC;
	margin-top:10px;
	margin-right:5px;
}

/* 
* Dropcaps
*/
.dropcap {
	padding:5px 10px;
	float: left;
    margin: 5px 10px 0 0;
}

/* 
* Contact Info 
*/
.address-info li, .phone-info li, .email-info li {
	padding:5px 5px 5px 18px;
	line-height:25px;
	position: relative;
}
.phone-info li {
	padding-left:22px;
}
.email-info li {
	padding-left:26px;
}
.address-info li:before {
	content: '\f041'; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit;
    font-size: 20px; position: absolute; top: 5px; left: 0;
}
.phone-info li:before {
	content: '\f095'; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit;
    font-size: 17px; position: absolute; top: 5px; left: 0;
}
.email-info li:before {
	content: '\f0e0'; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit;
    font-size: 17px; position: absolute; top: 5px; left: 0;
}

/* 
* Tables
*/

/*
* Subscribe
*/
.subscribe form {
	margin-top:22px;
}
.subscribe input.mail {
	padding:13px;
	border:none;
	width: 53%;
    margin-right: 2px;
}
.subscribe input.submit {
	padding:12px 15px;
	border:none;
	cursor:pointer;
}
.subscribe input.submit {
	width:100%;
}	

/*
* Options 
*/
#options {
	padding:10px 0 25px 0;
	margin-bottom: 20px;
}
#options li {
  margin:4px 8px 4px 0 ;
}
#options li a {
  padding: 11px 15px;
  display:inline-block;
}

/* from javascript.css */
#optionsmenu {
	padding:25px 0 25px 0;
	margin-bottom: 0px;
	font-size:18px;
}
#optionsmenu li {
  	margin:4px 8px 4px 0 ;
  	float:left;
}
#optionsmenu li a {
  	padding: 11px 15px;
  	display:inline-block;
	border-radius:2px;
	color:#00AEFC;
	background:#f9f9f9;
	border:1px solid;
	border-color:#00AEFC;
}
#optionsmenu #filters {
	text-align:center;
}
#optionsmenu li a:hover {
	background:#F68827;
	color:#fff;
	border-color:#F68827;
}

/*
* Media Queries
*/
/* 1152 Grid */
@media only screen and (min-width: 1152px) and (max-width: 1295px) {
}

/* 960 Grid */
@media only screen and (min-width: 960px) and (max-width: 1151px) {
	/* home page */
	.bannerbackgroundhomepage {
		background-image: url(../images/home_page/main_image_taller_960.jpg);
		height: 24px;
	}

	.roundedrectangle {
		padding-top:8px;
		padding-bottom: 8px;
	}

	img.kickericon3 {
		margin-top:10px;
		margin-bottom:20px;
	}
	img.kickerlogobkg {
		margin-bottom:15px;
	}
}

/* Tablet (Portrait) 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	/* home page */
	.bannerbackgroundhomepage {
		background-image: url(../images/home_page/main_image_tallest_768.jpg);
		height: 33px;
	}

	.roundedrectangle {
		border-radius: 8px;
		padding-top:6px;
		padding-bottom: 6px;
		border: 2px solid;
	}

	img.kickericon3 {
		margin-top:5px;
		margin-bottom:15px;
	}
	img.kickerlogobkg {
		margin-bottom:10px;
	}
	.button.small {
		padding: 10px 18px;
	}
}

/* Mobile (Landscape) 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	/* home page */
	.bannerbackgroundhomepage {
		background-image: url(../images/home_page/main_image_tallest_768.jpg);
		height: 31px;
	}

	.roundedrectangle {
		border-radius: 6px;
		padding-top:3px;
		padding-bottom: 3px;
		margin-bottom: 2px;
		border: 1px solid;
	}
	
	img.kickericon3 {
		margin-top:5px;
		margin-bottom:10px;
		width: 60%;
	}
	img.kickerlogo {
		width: 80%;
	}
	img.kickerlogobkg {
		margin-bottom:15px;
	}
	/* footer */
	footer .square-list li {
		line-height: 14px;
	}
	.button.small {
		padding: 8px 12px;
	}	
}

/* Mobile (Portrait) 320px */
@media only screen and (max-width: 479px) {
	/* home page */
	.bannerbackgroundhomepage {
		background-image: url(../images/home_page/main_image_tallest_768.jpg);
		height: 29px;
	}
	
	.roundedrectangle {
		border-radius: 6px;
		padding-top:1px;
		padding-bottom: 1px;
		padding-left: 3px;
		padding-right:3px;
		margin-bottom: 2px;
		border: 1px solid;
	}

	.closepopupbuttonmobile {		
		width:4%;
	}
	.imgpopupmobile {
		width:36%;
		margin-top:2px;
	}
	
	img.kickericon3 {
		margin-top:5px;
		margin-bottom:10px;
		width: 60%;
	}
	img.kickerlogo {
		width: 90%;
	}
	img.kickerlogobkg {
		margin-bottom:15px;
	}
	
	/* footer */
	footer .square-list li {
		line-height: 14px;
	}
	.button.small {
		padding: 8px 12px;
	}	
}

/* 
* More Media Queries
*/
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	/* more */
	.subscribe input.mail {
		width: 89%;
		margin-right:0;
		margin-bottom:10px;
	}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.button.small {
		padding: 10px 16px;
	}
	
	/* more */
	.down-button {
		display: block;
		width: 30px;
		margin: 0 auto;
		height: 22px;
		opacity:.6; filter:alpha(opacity=60); 
	}
	.down-button:hover {
		opacity:1; filter:alpha(opacity=100); 
	}

	.button, .button.medium {
		padding: 12px 22px;
	}
	.button.large {
		padding: 15px 22px;
	}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	.button.small {
		padding: 8px 13px;
	}
	
	/* more */
	.button, .button.medium {
		padding: 10px 18px;
	}
	.button.large {
		padding: 13px 19px;
	}

	.down-button {
		display: block;
		width: 30px;
		margin: 0 auto;
		height: 22px;
		opacity:.6; filter:alpha(opacity=60); 
	}
	.down-button:hover {
		opacity:1; filter:alpha(opacity=100); 
	}

	.subscribe input.mail {
		width: 89%;
		margin-right:0;
		margin-bottom:10px;
	}

	.subscribe input.submit {
		width:99%;
	}	
}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
	.button, .button.medium {
		padding: 15px 24px;
	}

	.button.large {
		padding: 17px 25px;
	}
}