﻿@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700);
/* CSS Document */


.btn.btn-primary {
	background: #e76618;
	border-color: #c7520c;
    font-family: 'Open Sans Condensed', sans-serif;
    text-transform: uppercase;
    font-weight: 600;
	transition: 0.2s ease;
}

.btn.btn-primary:hover {
	background: #c7520c;
	border-color: #a23d00;
	
}

a {color: #e76618; font-weight: 700;}
a:hover, a:active {color: #337ab7;}
a, a:active, a:link {text-decoration: none;}

a.tel {color: inherit;}
a.tel:hover {color: inherit;}
a.tel:active {color: #337ab7;}

hr.half-margin {margin: 10px 0;}


.navbar a {font-weight: 400;}


abbr[title], abbr[data-original-title] {
	text-decoration: none;
}




/*-------------------------------- NAVIGATION --------------------------------*/
.navbar {
	margin: 0;
	border: 0px;
	border-bottom: 1px inset rgba(0,0,0,0.35);
	
background: #072a3a;
background: -moz-linear-gradient(top,  #072a3a 0%, #051927 100%);
background: -webkit-linear-gradient(top,  #072a3a 0%,#051927 100%);
background: linear-gradient(to bottom,  #072a3a 0%,#051927 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#072a3a', endColorstr='#051927',GradientType=0 );

}


.navbar-brand {
	background: url('../images/logo2.png') top left no-repeat;
	background-size: contain;
	width: 265px;
	margin-left: 5px !important;
}

.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
	background: #072a43;
}

.navbar-default .navbar-nav > li > a:hover, 
.navbar-default .navbar-nav > li > a:focus {
	background: #0a3a5b;
	color: #fff;
}

.navbar-default .navbar-nav > li > a {
	color: #b9b9b9;
	font-weight: 700;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 12pt;
	text-transform: uppercase;
}

.navbar-default .navbar-toggle {background: #0a3a5b; border-color: #758ca0;}
.navbar-default .navbar-toggle:hover, 
.navbar-default .navbar-toggle:focus {background-color: #e76618; border-color: #c7520c;}

.navbar-default {border-radius: 0px;}
.navbar-default .navbar-toggle .icon-bar {background-color: #fff;}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {border: 0px;}

@media all and (min-width: 768px) and (max-width: 991px) {
    .navbar-default .navbar-brand {
        margin-left: 30px !important;
    }
}



/*-------------------------------- HOME PAGE --------------------------------*/



/*----- JUMBOTRON -----*/

.jumbotron { 
    background: url('../images/sail2.jpg') center center no-repeat;
    background-size: cover;
    padding: 0;
    margin-bottom: 0;
}

.jumbotronmask {
    display: table;
    height: 400px;
    width: 100%;
    background-color: rgba(170, 196, 215, 0.5);
    padding: 0 48px;
    text-align: center;
    
}

.jumbotronmask p {
    font-family: 'Open Sans Condensed', sans-serif;
    display: table-cell;
    height: 400px;
    vertical-align: middle;
    text-align: center;

    color: #fff;
    font-weight: 700;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
    font-size: 45pt;
    line-height: 1;
}


@media screen and (max-width: 768px) {
    .jumbotronmask {padding: 0 20px;}
    .jumbotronmask p {font-size: 35px;}
}




/*----- MENTORSHIP SECTION -----*/

section.mentorship_section {
    padding: 30px 0;
    border-bottom: 1px solid #97acc3;

background: #cee5ff;
background: -moz-linear-gradient(top,  #cee5ff 0%, #a7c6e5 100%);
background: -webkit-linear-gradient(top,  #cee5ff 0%,#a7c6e5 100%);
background: linear-gradient(to bottom,  #cee5ff 0%,#a7c6e5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cee5ff', endColorstr='#a7c6e5',GradientType=0 );

-webkit-box-shadow: 0px -1px 1px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px -1px 1px 0px rgba(0,0,0,0.3);
box-shadow: 0px -1px 1px 0px rgba(0,0,0,0.3);
}



img.mentor_image {
    margin: 0 auto;
    max-width: 220px;
    width: 100%;
    display: block;
}










/*----- HOME ICONS -----*/

section.homeicons {
    padding: 30px 0;
    background: #ddd;
    border-top: 1px solid #f9f9f9;
}

.homeicons div.row div {margin: 15px 0;}

.homeicons div.row div img {
    width: 80%;
	margin: 0 auto;
    max-width: 200px;
}

.homeicons div.row div h2 {
    margin: 10px 0 0 0;
    font-size: 16pt;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
}

.homeicons a h2 {
	color: #333;
}

.homeicons a img {position: relative; transition: 0.2s ease;}
.homeicons a:hover {text-decoration: none;}
.homeicons a:hover img {transform:translateY(-8px);}
.homeicons a:hover h2 {color: #c7520c;}







/*-------------------------------- ABOUT --------------------------------*/

.container.about {
	max-width: 800px;
	margin: 0 auto;
}


.about_img {
	float: left; 
	width: 400px; 
	margin: 0 15px 15px 0; 
	border: solid 10px #fff; 
	box-shadow: 1px 1px 5px rgba(0,0,0,0.2);
}


@media screen and (max-width: 700px) {
	.about_img {width: 100%; margin: 15px 0 30px 0;}	
}










/*-------------------------------- COUNSELING --------------------------------*/

.counseling #accordion {
    margin-top: 40px;
}

#accordion a:link  {color: inherit;}


#accordion .panel-heading img {
	height: 20px;
	margin-right: 10px;
}

#accordion .panel-heading h4 {
	display: inline;
    position: relative;
    top: 2px;
}

.panel-group .panel {
    border-radius: 0px;
}

.panel-heading {
    border-radius: 0px;
}

    .panel-group .panel.first, .panel-group .panel.first .panel-heading {
        -webkit-border-top-left-radius: 4px;
        -webkit-border-top-right-radius: 4px;
        -moz-border-radius-topleft: 4px;
        -moz-border-radius-topright: 4px;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }

    .panel-group .panel.last {
        -webkit-border-bottom-right-radius: 4px;
        -webkit-border-bottom-left-radius: 4px;
        -moz-border-radius-bottomright: 4px;
        -moz-border-radius-bottomleft: 4px;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;


    }

    .panel-group .panel + .panel {
        margin-top: 0px;
    }

.panel-default {
    border-top: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    border-bottom: 1px solid #d8d8d8;
    border-right: 1px solid #d8d8d8;

    border-bottom-width: 0px;
}

.panel-group .panel.panel-default.last {
    border-bottom-width: 1px;
}

#accordion .panel > a div.panel-heading {
    color: #000;

background: #ff8e1e;
background: -moz-linear-gradient(top,  #ff8e1e 0%, #e76618 100%);
background: -webkit-linear-gradient(top,  #ff8e1e 0%,#e76618 100%);
background: linear-gradient(to bottom,  #ff8e1e 0%,#e76618 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8e1e', endColorstr='#e76618',GradientType=0 );

}

#accordion .panel > a.collapsed div.panel-heading {
    color: #333;

background: #efefef;
background: -moz-linear-gradient(top,  #efefef 0%, #dbdbdb 100%);
background: -webkit-linear-gradient(top,  #efefef 0%,#dbdbdb 100%);
background: linear-gradient(to bottom,  #efefef 0%,#dbdbdb 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#dbdbdb',GradientType=0 );

}

.counseling #accordion ul {margin-top: 10px;}










/*-------------------------------- MENTORSHIP --------------------------------*/

.mentorship h3 {}


.mentorship div.row.main > div {padding: 20px;}




@media all and (min-width: 992px) {
    .mentorship .main ul li {max-width: 250px;}
    .mentorship .main > div {height: 295px;}
}

@media all and (max-width: 991px) {
    .mentorship .main ul li {max-width: 320px;}
}


@media all and (min-width: 520px) {
    .new {
        background: url('/images/new.jpg') bottom right no-repeat;
        background-size: auto 240px;
    }

    .retirement {
        background: url('/images/retirement.jpg') bottom right no-repeat;
        background-size: auto 240px;
    }

    .managing {
        background: url('/images/managing.jpg') bottom right no-repeat;
        background-size: auto 240px;
    }

    .difficulties {
        background: url('/images/difficulties.jpg') bottom right no-repeat;
        background-size: auto 240px;
    }
}







/*-------------------------------- FORMS --------------------------------*/
ul.forms {
	list-style-type: none;
	padding: 0;
	
	border-top: 1px solid #d9d9d9;
	border-left: 1px solid #d9d9d9;
	
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;

/*-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.2);
box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.2);*/
}

ul.forms li {
	padding: 20px 20px 20px 58px; 
	font-size: 11pt; 
	line-height: 1.2;
	font-weight: 700; 
	background: url('../images/icons/pdf.png') left center no-repeat;
}

ul.forms a li {color: #555; transition: 200ms;}


ul.forms a:nth-child(odd) li {background-color: #ddd;}
ul.forms a:nth-child(even) li {background-color: #e9e9e9;}

ul.forms a:hover li, ul.forms a:active li {
    color: #e76618; 
    background-color: #fbfbfb;

}



ul.forms a:nth-child(1) li {
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
ul.forms a:nth-child(4) li {
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}

p.note {margin: 30px 0 5px 0; font-size: 9pt; max-width: 600px;}










/*-------------------------------- CONTACT --------------------------------*/

input, select, textarea,
.select2-container--default .select2-selection--single {
    width: 100%;
    border: 5px solid #ddd;
    background: #f0f0f0;
    margin-bottom: 10px;
    padding: 5px 10px;
    font-size: 13pt;
    font-weight: 500;
    outline: none;

-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;

}
.select2-container--default .select2-selection--single {height: inherit;}


textarea {height: 150px;}
.form-group {margin-bottom: 0px;}
input.btn {width: initial;}

iframe.contactmap {
    width: 100%; 
    height: 350px;
    border: 5px solid #fff;

-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);

-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}


.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 11px;
    right: 10px;
}




/*-------------------------------- THANK YOU --------------------------------*/



div.thankyou {padding: 200px 0;}


@media all and (max-width: 991px) {
	div.thankyou {padding: 100px 0;}
}

@media all and (max-width: 767px) {
	div.thankyou {padding: 50px 0;}
}












/*-------------------------------- FOOTER --------------------------------*/

.foot {
    background: #333;
    color: #ddd;
    margin-bottom: 0;
    padding: 20px 0;
}
.foot h3 {margin-top: 10px; font-weight: 600;}

.foot h3, 
.foot p {color: #ddd;}

.foot p, .foot address {font-size: 9pt;}

footer {
    padding: 10px;
    background: #222;
    color: #ccc;
}

footer p {margin: 0; font-size: 8.5pt;}

.sm img {padding: 0 8px;}
.sm:hover img {opacity: 0.7;}