@import url(//fonts.googleapis.com/css?family=BioRhyme|Open+Sans|Overlock|Kaushan+Script);

/* ! normalize.css v1.0.0 | MIT License | git.io/normalize */

/* ==========================================================================
HTML5 display definitions
========================================================================== */

/* * Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3. */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }
/* * Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. */
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
/* * Prevents modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }
/* * Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3, * and Safari 4.
* Known issue:no IE 6 support. */
[hidden] { display: none; }
/* ==========================================================================
Base
========================================================================== */
/* * 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
*    `em` units.
* 2. Prevents iOS text size adjust after orientation change, without disabling
*    user zoom. */
 
html { font-size: 100%; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
-ms-text-size-adjust: 100%; /* 2 */ }
html, html a { -webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004); }
/* * Addresses `font-family` inconsistency between `textarea` and other form
* elements. */
html { font-family: 'Montserrat',sans-serif; }
button, input, select, textarea { font-family: 'Montserrat',sans-serif;font-weight: 400; font-style: normal; }
/* * Addresses margins handled incorrectly in IE 6/7. */
body { margin: 0; font-family: 'Montserrat',sans-serif; font-weight: 400; font-style: normal; }
/* ==========================================================================
Links
========================================================================== */
/* * Addresses `outline` inconsistency between Chrome and other browsers. */
 
a:focus { outline: thin dotted; }
/* * Improves readability when focused and also mouse hovered in all browsers. */
a:active, a:hover, a:focus { outline: 0; }
/* ==========================================================================
Typography
========================================================================== */
/* * Addresses font sizes and margins set differently in IE 6/7.
* Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5, * and Chrome. */
 
h1 { font-size: 2em; margin: 0.67em 0; color: #353535;
font-style: normal;
font-weight: 400;}
h2 { font-size: 1.5em; margin: 0.83em 0; }
h3 { font-size: 1.17em; margin: 1em 0; }
h4 { font-size: 1em; margin: 1.33em 0; }
h5 { font-size: 0.83em; margin: 1.67em 0; }
h6 { font-size: 0.75em; margin: 2.33em 0; }
/* * Addresses styling not present in IE 7/8/9, Safari 5, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }
/* * Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome. */
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
/* * Addresses styling not present in Safari 5 and Chrome. */
dfn { font-style: italic; }
/* * Addresses styling not present in IE 6/7/8/9. */
mark { background: #ff0; color: #000; }
/* * Addresses margins set differently in IE 6/7. */
p, pre { margin: 1em 0; }
/* * Corrects font family set oddly in IE 6, Safari 4/5, and Chrome. */
code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
/* * Improves readability of pre-formatted text in all browsers. */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
/* * Addresses CSS quotes not supported in IE 6/7. */
q { quotes: none; }
/* * Addresses `quotes` property not supported in Safari 4. */
q:before, q:after { content: ''; content: none; }
small { font-size: 75%; }
/* * Prevents `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
/* ==========================================================================
Lists
========================================================================== */
/* * Addresses margins set differently in IE 6/7. */
 
dl, menu, ol, ul { margin: 1em 0; }
dd { margin: 0 0 0 40px; }
/* * Addresses paddings set differently in IE 6/7. */
menu, ol, ul { padding: 0 0 0 40px; }
/* * Corrects list images handled incorrectly in IE 7. */
nav ul, nav ol { list-style: none; list-style-image: none; }
/* ==========================================================================
Embedded content
========================================================================== */
/* * 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3.
* 2. Improves image quality when scaled in IE 7. */
 
img { border: 0; /* 1 */
-ms-interpolation-mode: bicubic; /* 2 */ }
/* * Corrects overflow displayed oddly in IE 9. */
svg:not(:root) { overflow: hidden; }
/* ==========================================================================
Figures
========================================================================== */
/* * Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11. */
 
figure { margin: 0; }
/* ==========================================================================
Forms
========================================================================== */
/* * Corrects margin displayed oddly in IE 6/7. */
 
form { margin: 0; }
/* * Define consistent border, margin, and padding. */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
/* * 1. Corrects color not being inherited in IE 6/7/8/9.
* 2. Corrects text not wrapping in Firefox 3.
* 3. Corrects alignment displayed oddly in IE 6/7. */
legend { border: 0; /* 1 */
	padding: 0; white-space: normal; /* 2 */
*margin-left: -7px; /* 3 */ }
/* * 1. Corrects font size not being inherited in all browsers.
* 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5, *    and Chrome.
* 3. Improves appearance and consistency in all browsers. */
button, input, select, textarea { font-size: 100%; /* 1 */
	margin: 0; /* 2 */
	vertical-align: baseline; /* 3 */
*vertical-align: middle; /* 3 */ }
/* * Addresses Firefox 3+ setting `line-height` on `input` using ` !important` in
* the UA stylesheet. */
button, input { line-height: normal; }
/* * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
*    and `video` controls.
* 2. Corrects inability to style clickable `input` types in iOS.
* 3. Improves usability and consistency of cursor style between image-type
*    `input` and others.
* 4. Removes inner spacing in IE 7 without affecting normal text inputs.
*    Known issue:inner spacing remains in IE 6. */
button, html input[type="button"], /* 1 */
input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */
	cursor: pointer; /* 3 */
*overflow: visible; /* 4 */ }
/* * Re-set default cursor for disabled elements. */
button[disabled], input[disabled] { cursor: default; }
/* * 1. Addresses box sizing set to content-box in IE 8/9.
* 2. Removes excess padding in IE 8/9.
* 3. Removes excess padding in IE 7.
*    Known issue:excess padding remains in IE 6. */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
	*height: 13px; /* 3 */
*width: 13px; /* 3 */ }
/* * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
* 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
*    (include `-moz` to future-proof). */
input[type="search"] { -webkit-appearance: textfield; /* 1 */
	-moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */
box-sizing: content-box; }
/* * Removes inner padding and search cancel button in Safari 5 and Chrome
* on OS X. */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
/* * Removes inner padding and border in Firefox 3+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
/* * 1. Removes default vertical scrollbar in IE 6/7/8/9.
* 2. Improves readability and alignment in all browsers. */
textarea { overflow: auto; /* 1 */
vertical-align: top; /* 2 */ }
/* ==========================================================================
Tables
========================================================================== */
/* * Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; }

/* ==========================================================================
Global Styles
========================================================================== */

a { color: #362f2d; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
a:hover, a:focus { color: #000; text-decoration: none; }
.section-padding { padding: 40px 0 }
.nopadding { padding: 0; }
p.center{ text-align:center;}
.inline-list{
margin:0;padding:0;
}
.inline-list li{
display:inline-block;
padding:3px;
}
div.clear_floats{
clear:both;
line-height:0;
}
h2 { margin:0; margin-bottom:18px; }

/* ==========================================================================
site style
========================================================================== */
.navbar{
margin-bottom:0;
min-height: inherit;
}
html,body{
font-family: 'Open Sans', sans-serif;
background:#a8e0f4;
}
body #maincontainer{
min-height: 500px;
padding-bottom:80px;
}
header {
background-color: rgba(61, 155, 233, 1);
box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.7);
border-top: 0px solid rgba(47, 46, 46, 1);
border-bottom: 0px solid rgba(47, 46, 46, 1);
padding-top:16px;
margin-bottom:24px;
}
footer{
background:#3e98e2;
padding: 20px 0;
font-size:12px;
color:#002157;
vertical-align:middle;
overflow:hidden;
border-top: 3px solid #aaa;
}

@media screen and (min-width: 480px) {
	footer { 
	padding: 40px; 
	}
}
.comicfont{
font-family: 'BioRhyme', serif;
}
.overlockfont{
font-family: 'BioRhyme', serif;
}
.signature{
font-family: 'Kaushan Script', serif;
font-size:37px;
margin: 18px 0;
font-weight:bold;
}
.site-title h1{
margin:0;
font-size: 59px;
line-height: 1.3em;
text-align: center;
text-transform:none;
text-shadow:rgba(0, 0, 0, 0.298039) 2px 4px 2px;
color: #CC1013;
}
h2.page-title{
font-family: 'Overlock', serif;
font-size: 37px;
}
.site-title p{
margin:0;
padding:0;
font-size: 27px;
line-height: 1.4em;
text-align: center;
}
img{
max-width:100%;
height:auto;
}
.image-framed{
border-radius: 5px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
display: block;
background-color: rgba(0, 0, 0, 1);
border: 2px solid rgba(0, 0, 0, 1);
margin-bottom:4px;
}
ul.socmedia li a{
display:block;
height:30px;
width:30px;
margin:0 5px;
padding: 6px 10px;
}
ul.socmedia li.facebook a{
background:#4267b2;
color:#fff;
padding: 6px 12px;
}
ul.socmedia li.twitter a{
background:#55acee;
color:#fff;
}
nav.navbar{
-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;
position: absolute;
top: 55px;
width: 85%;
left: 5%;
z-index:15;
}
nav.navbar .navbar-collapse.in {
/*overflow-y: visible;*/
}
#navbar.navbar-collapse{
}
#navbar .main-menu.nav>li{
margin-right:8px;
}
#navbar .main-menu.nav>li>a,
#navbar .main-menu.nav>li>ul>li>a{
background:#eda5a6;
border:1px solid #333;
text-transform:uppercase;
margin-bottom:-1px;
}
#navbar .main-menu.nav li>a:hover,
#navbar .main-menu.nav li.current_parent>a,
#navbar .main-menu.nav li.current>a{
color:#fff;
background: rgba(130, 130, 130, 1);
}
#navbar .main-menu.nav>li.submenu>a {
padding-right: 2.5em;
}
#navbar .main-menu.nav>li>ul{
margin:0;
padding:0;
padding-left: 16px;
display:none;
}
#navbar .main-menu.nav>li>ul>li>a{
position: relative;
display: block;
padding: 10px 15px;
line-height: 20px;
}
.header-gb-flag,.header-usa-flag{
padding-left:5px;
padding-right:5px;
}
header .menu-toggle{
padding-left:0;
padding-right:0;
}
.navbar-toggle{
background: #eda5a6;
border: 1px solid #333;
margin: 0px;
padding: 10px;
float: none;
}
.navbar-toggle .icon-bar{
background-color: #440506;
height:3px;
}
.navbar-toggle .icon-bar+.icon-bar{
margin-top:6px;
}
@media (min-width: 768px){
	header nav.navbar{
	padding-top:40px;
	padding-bottom:10px;
	}
	nav.navbar{
	position: relative;
	top: inherit;
	width: inherit;
	left: inherit;
	}
	#navbar.navbar-collapse{
	padding-right: 0;
	padding-left: 0;
	}
	.navbar-right {
	margin-right:15px;
	}
	.header-usa-flag{
	padding-left:15px;
	text-align:left;
	}
	.header-gb-flag{
	padding-right:15px;
	text-align:right;
	}
	.navbar-nav>li>a {
	padding:6px 16px;
	}
	#navbar .main-menu.nav>li>ul>li{
	background-color: #b6e3f3;
	}
	#navbar .main-menu.nav>li>a{
	background-color: #b6e3f3;
	text-align: center;  
	color:inherit;
	border:0;
	-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b6e3f3), to(#8ebccb));
	background: -moz-linear-gradient(19% 75% 90deg,#8ebccb, #b6e3f3);
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	text-transform:uppercase;
	}
	#navbar .main-menu.nav li > a:hover,
	#navbar .main-menu.nav li.current_parent>a,
	#navbar .main-menu.nav li.current>a{
	color:#fff;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b6163f), to(#dc3b64));
	background: -moz-linear-gradient(19% 75% 90deg,#dc3b64, #b6163f);
	}
	#navbar .main-menu.nav>li>ul{
	padding-left: 0px;
	position: absolute;
	min-width: 230px;
	z-index: 15;
    padding-top: 8px;
	}
}
@media (max-width: 768px){
	header{
	padding-bottom: 24px;
	}
	.main-menu{
	padding: 0;
    margin: 0;
	}
	#navbar .main-menu.nav>li{
	margin-right:0;
	}
	.socmedia-outer{
	background: #505050;
	text-align:center;
	}
	
	ul.socmedia{
	display:inline-block;
	}
	ul.socmedia li{
	display:inline-block;
	}
}
#shareline {
margin-top: 16px;
}
#shareline>iframe{
height:21px !important;
width:75px !important;
margin-right:2px;
}
#shareline>iframe:first-child{
width:61px !important;
}

/* ==========================================================================
back to top
========================================================================== */
.back-to-top {
background: none;
margin: 0;
position: fixed;
bottom: 0;
right: 0;
text-align: center;
width: 56px;
height: 56px;
line-height: 52px;
z-index: 100;
display: none;
text-decoration: none;
color: #ffffff;
/* background-color: #ff9000; */
font-size: 60px;
-webkit-transition: color 0.5s; -moz-transition: color 0.5s; -o-transition: color 0.5s; transition: color 0.5s;
}

/* ==========================================================================
columns of same height styles
========================================================================== */
.row-height {
  display: table;
  table-layout: fixed;
  height: 100%;
  width: 100%;
}
.col-height {
  display: table-cell;
  float: none;
  height: 100%;
}
.col-top {
  vertical-align: top;
}
.col-middle {
  vertical-align: middle;
}
.col-bottom {
  vertical-align: bottom;
}

@media (min-width: 480px) {
  .row-xs-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-xs-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-xs-top {
    vertical-align: top;
  }
  .col-xs-middle {
    vertical-align: middle;
  }
  .col-xs-bottom {
    vertical-align: bottom;
  }
}

@media (min-width: 768px) {
  .row-sm-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-sm-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-sm-top {
    vertical-align: top;
  }
  .col-sm-middle {
    vertical-align: middle;
  }
  .col-sm-bottom {
    vertical-align: bottom;
  }
}

@media (min-width: 992px) {
  .row-md-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-md-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-md-top {
    vertical-align: top;
  }
  .col-md-middle {
    vertical-align: middle;
  }
  .col-md-bottom {
    vertical-align: bottom;
  }
}

@media (min-width: 1200px) {
  .row-lg-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-lg-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-lg-top {
    vertical-align: top;
  }
  .col-lg-middle {
    vertical-align: middle;
  }
  .col-lg-bottom {
    vertical-align: bottom;
  }
}

/* ==========================================================================
Waypoints
========================================================================== */
.wp1, .wp2, .wp3, .wp4, .wp5, .wp6 { visibility: hidden; }
.bounceInLeft, .bounceInRight, .fadeInUp, .fadeInUpDelay, .fadeInDown, .fadeInUpD, .fadeInLeft, .fadeInRight { visibility: visible; }
.delay-05s { animation-delay: 0.5s; -webkit-animation-delay: 0.5s; }
.delay-1s { animation-delay: 1s; -webkit-animation-delay: 1s; }

.removeme{
display:none;
}
.hideme{
display:none;
}
@media screen and (min-width: 768px) {
	
}
@media screen and (min-width: 992px) {
	.nav>li>a{
	padding:6px 16px;
	}
}