/*******************************************************************************
*
* Main Style sheet	
*
* Created by JDP Creative Outbursts
* https://www.facebook.com/jdpcreativeoutbursts

Main Color Codes
Main: 		#358198
Lighter: 	#86C0D1
Darker: 	#0E5A6F


*******************************************************************************/

/* Font to use */
@font-face {
	font-family: 'Conv_FedraSansScreen-Regular';
	src: url('../eot/fedrasansscreen-regular.eot');
	src: local('?'), url('../woff/fedrasansscreen-regular.woff') format('woff'), url('../ttf/fedrasansscreen-regular.ttf') format('truetype'), url('../svg/fedrasansscreen-regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_FedraSerifScreen-Reg';
	src: url('../eot/fedraserifscreen-reg.eot');
	src: local('?'), url('../woff/fedraserifscreen-reg.woff') format('woff'), url('../ttf/fedraserifscreen-reg.ttf') format('truetype'), url('../svg/fedraserifscreen-reg.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Main */
html,body { height: 100%; margin: 0px; padding: 0px; }

body {
	font-family: 'Conv_FedraSansScreen-Regular', Arial, Helvetica, sans-serif;
	padding-top:70px;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Conv_FedraSansScreen-Regular', Arial, Helvetica, sans-serif;
	color:#333;	
	text-transform:uppercase;
	border-bottom:2px solid #358198;
}

h1 {
	font-size:24pt;
	margin-top:16px;
}

h1 em,
h2 em,
h3 em,
h4 em,
h5 em,
h6 em {
	color:#358198;
	font-style:normal;
	font-weight:bold;
}

h2 {font-size:22pt;}
h3 {font-size:20pt;}
h4{font-size:18pt;}
h5{font-size:16pt;}
h6{font-size:14pt;}

a {
	color:#0E5A6F;
}
a:hover {
	color:#559DB1;
	transition:all 0.8s;
}

.button {
	background-color:#358198;
	text-transform:uppercase;
}

.button:hover,
.button:focus {
	background-color:#0E5A6F;
	transition:all 0.8s;
}

h1 a:hover  em,
h2 a:hover  em,
h3 a:hover  em,
h4 a:hover  em,
h5 a:hover  em,
h6 a:hover  em {
	color:#0E5A6F;
	transition:all 0.8s;
}

section.content  {
	background-color:#fff;
	padding-top:24px;
	padding-bottom:14px;
}

section.options {
	background-color:#eee;
	padding-top:50px;
	padding-bottom:32px;
}

/* Special Buttons */

.blockHeader,
.blockHeader a {
	display:block;
	font-size:10pt;
	color:#fff;
	background-color:#358198;
	border:none;
	margin:0px;
	padding:3px;
}
.blockHeader a:hover {
	color:#eee;
	transition:all 0.8s;
}
.blockHeader i {
	float:right;
	margin-top:3px;
	margin-right:5px;
}

.infoBtn:hover img,
.infoBlock:hover img {
	opacity: 0.6;
	filter: alpha(opacity=80); /* For IE8 and earlier */
	transition:all 0.8s;
}

.infoBlock img {
	margin-bottom:14px;
}

.moreBtn {
	padding-top:10px;
	float:right;
	font-size:9pt;
}


.link-title {
	background-color:#358198;
	border:none;
	color:#fff;
	padding:10px;
	font-size:12pt;
}

.link-title a {
	color:#fff;
}

.link-title i.right {
	float:right;
	margin-top:2px;
	margin-left:10px;
	margin-right:0px;
}

.link-title a:hover i.right {	
	margin-left:0px;
	margin-right:10px;
	transition:all 0.8s;
}

.link-list a:hover {
	background-color:#eaeaea;
	transition:all 0.8s;
}

.link-list li.active>a {
	background-color:#eaeaea;
	color:#358198;
}

/*****************************************************************************/
/* Option Section */
.bigCircle {
	width:75px;
	height:75px;
	background-color: #358198;
	font-size:30pt;
	padding-top:8px;
	padding-left:2px;
	border-radius: 100px 100px 100px 100px;
	-moz-border-radius: 100px 100px 100px 100px;
	-webkit-border-radius: 100px 100px 100px 100px;
	border: 0px solid #000000;
	color:#fff;
	margin-bottom:14px;
}

/* Header */
header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	height:70px;
}

#sideBarCtrl {
	display: none;
	background-color: #333;
	color:#fff;
	height:50px;
	position: fixed;
	top: 0;
	left: 0px;
	width:50px;
	z-index: 999;
	padding-top: 2px;
	padding-left: 10px;
	z-index:999;
	transition: all 0.5s;
}

#sideBarCtrl a {
	display:block;
	color:#fff;
	font-size:24pt;
}

#sideBarCtrl:hover {
	background-color: #222;
	transition: all 0.5s;
}

#mobileNav {
	display:none;
	background-color:#333;
	position: fixed;
	top: 50px;
	left: 0px;
	width:100%;
	height:1px;
	z-index: 999;
	transition: all 0.5s;
	overflow: auto;
}

#mobileNav.responsive {
	display:none;
	height:100%;
	transition: all 0.5s;
}

#mobileNav .menu li a{
	font-family: 'Conv_FedraSansScreen-Regular', Arial, Helvetica, sans-serif;
	color:#fff;
	white-space: nowrap;
	position: relative;
	display: block;
	padding-top: 17px;
	padding-bottom: 17px;
	padding-left:40px;
	transition: all 0.5s;
}

#mobileNav .menu li a.active,
#mobileNav .menu li a.active:hover {
	background-color:#111;
}

#mobileNav .menu li a:hover{
	background-color:#555;
}

#mobileNav .menu li  a i {
	position:absolute;
	font-size:12pt;
	left:12px;
	transition: all 0.5s;
}

/* Navigation */
nav {
	background-color: #ffffff;
	clear:both;
	width:100%;
}

ul.topnav {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;  
	font-family:'Conv_FedraSansScreen-Regular', Arial, Helvetica, sans-serif;	
}

ul.topnav li {
	float: left;	
}

ul.topnav li.topnavRight {
	float:right;
	margin-right:20px;
	margin-top:15px;
}

ul.topnav li a {
	display: inline-block;
	color: #1a4b5b;
	text-align: center;
	padding: 10px;
	margin-left:10px;
	text-decoration: none;
	transition: 0.3s;
	font-size: 14px;
	text-transform:uppercase;
	border-bottom:0px solid #358198;
	transition: all 0.3s;
}

ul.topnav li a.myaccount {
	padding:0px;
	width:40px;
	height:40px;
	margin-left:20px;
	border-bottom:none;
	font-size:18pt;
	color:#358198;
	background-color:#fff;
	border-radius: 45px 45px 45px 45px;
	-moz-border-radius: 45px 45px 45px 45px;
	-webkit-border-radius: 45px 45px 45px 45px;
	border: 0px solid #000000;
}

ul.topnav li a.myaccount.active {	
	background-color:#358198;
}

ul.topnav li a.myaccount img {
	padding:0px;
	width:40px;
	height:40px;
	margin:0px;	
	border-radius: 45px 45px 45px 45px;
	-moz-border-radius: 45px 45px 45px 45px;
	-webkit-border-radius: 45px 45px 45px 45px;
	border: 0px solid #000000;
}

ul.topnav li a.myaccount:hover img {
	opacity: 0.6;
	filter: alpha(opacity=80); /* For IE8 and earlier */
	transition:all 0.8s;
}

ul.topnav li a.active,
ul.topnav li a.active:hover {text-shadow: 0 0 1px #eee; border-bottom:2px solid #1a4b5b;}

ul.topnav li a:hover {
	color:#1a4b5b;
	text-shadow: 0 0 1px #eee;
	border-bottom:2px solid #34bdda;
	transition: all 0.3s;
}

ul.topnav li a.myaccount:hover {	
	color:#1a4b5b;
	background-color:#0E5A6F;
	border: 0px solid #000000;
}

.myaccount-mobile,
ul.topnav li.icon {display: none;}

#topnavLogo{	
	border:none;
	height:75px;
	padding:0;
	margin:0 10px;
}

#topnavLogo img {
	height:60px;
	margin-top:8px;
	margin-left:10px;
}

.logo-mobile {
	display: none;
}

/* Social Media */
.facebook {background-color:#3b5998;}
.facebook:hover {background-color:#6d84b4;}
.twitter {background-color:#55acee;}
.twitter:hover {background-color:#0084b4;}
.instagram {background-color:#e4405f;}
.instagram:hover {background-color:#e4405f;}
.google-plus {background-color:#dd4b39;}
.google-plus:hover {background-color:#ab3f32;}
.youtube {background-color:#cd201f;}
.youtube:hover {background-color:#990000;}
.linkedin {background-color:#0077B5}

section.content .social-media li a {
	color:#fff;
	font-size:17pt;	
	text-align:center;
}

.twitter-container {
	border:1px solid #eee;
	height:300px;
	overflow:hidden;
	margin-bottom:14px;
}

/* Footer */
#footer-links {
	padding:14px 0;
	background-color:#ffffff;
}

#footer-links h5 {
	color:#1a4b5b;
	margin:7px 0;
	font-size:14pt;	
	border-bottom:2px solid #1a4b5b;
	padding-bottom:5px;
	margin-bottom:14px;
}

#footer-links h5 a {
	color:#1a4b5b;	
}

#footer-links h5 a:hover {
	color:#1a4b5b;
	transition:all 0.8s;
}

#footer-links ul {
	padding-bottom:14px;
}

#footer-links li a {
	color:#1a4b5b;
	font-size:10pt;
	margin:0px;
	padding: 10px 8px;
}

#footer-links li:hover {
	color:#fff;
	background-color:#0E5A6F;
	transition:all 0.8s;
}

#footer-links li:hover a {
	color:#fff;
}

#footer-links .button {
	background-color:#1D748C;
}

#footer-links .button:hover {
	background-color:#0E5A6F;
}

#footer-links .form-error {
	color:#FD9FA4;
}

footer {
	padding-top:14px;
	color:#1a4b5b;
	background-color:#ffffff;
}

footer a {
	color:#1a4b5b;	
}

footer a:hover {
	color:#1a4b5b;
	transition: all 0.5s;
}

footer .logo {
	float:left;
}

footer .logo img {	
	max-height:40px;
	opacity: .5;
}

footer .logo a:hover img {		
	opacity: .8;
	transition: all 0.5s;
}

footer .copyright {
	padding:5px 0 0 0;
	color:#1a4b5b;
	font-size:10pt;
}

footer .social-media {
	float:right;
	margin-top:7px;
}

footer .social-media li a {
	width:48px;
	height:48px;
	margin:3px;
	color:#fff;
	font-size:20pt;	
}

footer .social-media li a i {
	margin-bottom:10px;
	margin-left:-5px;
}

/* Back to top Button */
.back-to-top {
    position: fixed;
    bottom: 5px;
    right: 5px;
    text-decoration: none;
    color: #000000;
    background-color: rgba(235, 235, 235, 0.80);
    font-size: 22px;
    padding: 8px 15px;
    display: none;
}

.back-to-top:hover {    
    background-color: #358198;
	color:#fff;
	opacity:0.8;
	transition:all 0.8s;
}