/**
 * ===================================================================
 *  # v1.0 Main Stylesheet
 *  url: -
 * -------------------------------------------------------------------
 *
 * TOC:
 * a. webfonts and iconfonts
 * b. base style overrides
 * d. buttons
 * e. common styles
 * 01. header styles
 * 02. footer
 *
 *
 * ===================================================================
 */
/** Generated by FG **/
@font-face {
	font-family: 'MyriadPro-Regular';
	src: url('fonts/MyriadPro-Regular.eot');
	src: local('☺'), url('fonts/MyriadPro-Regular.woff') format('woff'), url('fonts/MyriadPro-Regular.ttf') format('truetype'), url('fonts/MyriadPro-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Bask';
	src: url('../fonts/Baskerville-SemiBold.ttf') format('truetype'); 
	font-weight: normal;
	font-style: normal;
}

.logo{
font-family: 'Bask';
font-size: 48px;
    font-weight: bold;	
}

   td{padding: 4px 20px;} 

/**
 * ===================================================================
 * b. base style overrides
 * -------------------------------------------------------------------
 */

html, body {
	height: 100%;
}
body {

	 font-family: 'Raleway', sans-serif;
	font-size: 16px;
	line-height: 1.4;
	color: #000;
}


/**
 * links
 */
a, a:visited {
 
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	text-decoration: none;
}
a:hover, a:focus {
	color: #286874;
	text-decoration: underline;
}

/**
 * typography
 */
h1, h2, h3, h4, h5 {
 

}
 

h1 {
 margin-top: 10px;
    margin-bottom: 30px;
}
h2 {
    font-weight: bold;	 
 margin-top: 10px;
    margin-bottom: 30px;
}
h3 {
 margin-top: 10px;
    margin-bottom: 30px;
}
h4 {
 
}
h5 {
 
}



/**
 * ===================================================================
 * d. buttons
 * -------------------------------------------------------------------
 */
img, iframe{ max-width:100%;}

/**
 * ===================================================================
 * e. common styles
 * -------------------------------------------------------------------
 */
 
 
section {
	background: #fff;
	padding-top: 40px;
	padding-bottom: 60px;
}

section#intro {
	background: #fff;
	padding-top: 0px;
	padding-bottom: 0px;
}

section#areas {
    background: #dcdcdc;
	padding-top: 40px;
	padding-bottom: 60px;
}

.lmenu-wrap {
width: 21%;
margin: 0px 2%;
position: absolute;
top: 30px;
height: 80%;
}

#aside_t {
    width: 100%;
    height: 14px;
    background: url(../images/aside_t.png) no-repeat 0 0;
	background-size: 100%;
}


#aside_c{
background: url(../images/aside_bg.png) repeat-y 0 0;
    padding: 0 2px 10px 2px;	
	background-size: 100%;
	height: 100%;
}

#aside_l {
    width: 100%;
   padding: 40px 0px;
    background: url(../images/logo_bg.png) no-repeat 0 0;
	background-size: 100%;
}
#aside_b{
    width: 100%;
    height: 16px;
    background: url(../images/aside_b.png) no-repeat 0 0;
	background-size: 100%;
}
.lmenu{
    padding: 0px;	
}
.lmenu li{
    list-style: none;	
 
}
.lmenu li a{
    color: #f5f2eb;
    display: inline-block;
    padding: 5px 0 10px 0;
    min-width: 200px;
    background: url(../images/mm_spread.png) no-repeat center 0;
    background-size: 100%;
	   
}
.lmenu li a:hover{
 text-decoration: none;	
color: #286874;
}
.award .col-md-12{
background: #286874;
    padding: 10px;
    color: #fff;
    font-size: 20px;	
}

.icon{
	color:#898989;
	 font-size: 60px;
height:90px;	 
}
.icon img{
	max-height:70px;
}
#areas h3{
	color:#204a88;
}
#demo  h2{
	color:#204a88;
}
#demo  h3{
	color:#000000;
	font-weight:bold;
	font-family:Arial;
}
#demo .col-md-6 div{
	margin-top:20px;
	 font-size: 22px;
	 color:#898989;
}

/**
 * ===================================================================
 * 01. header
 * -------------------------------------------------------------------
 */
header {
 background: #000;
 color:#fff;
     padding: 40px 0px 0px 0px;
}
header a{
 
 color:#fff;
}
 .soc a{
 font-size: 40px;
 line-height: 1;
     margin: 0px 12px 0px 12px;
	display: inline-block;    
 
 }
 
  .soc a.fb{

    padding: 8px 12px;
    background: #fff;
    border-radius: 50%;
    font-size: 20px;
    color: #000;
	vertical-align: top;
	
 }
 
 .navbar-toggle .icon-bar {
    background-color: #fff;
}
.navbar-toggle {
    border: 1px solid #ffffff;

}
.gallery .col-md-4 img{
max-height: 215px;	
margin-bottom: 20px;	
}
    
header .soc img{
	max-width: 50px;margin-bottom: 30px;
}
footer .soc img{
max-width: 70px;margin-top: 10px;
}
/**
 * ===================================================================
 * 2. footer
 * -------------------------------------------------------------------
 */
footer {
 color:#fffdfd;
background:#101211;
padding: 20px 0px 50px 0px;
}

footer a{
 color:#fffdfd;
}
.bottom.lmenu li {
    list-style: none;
   
}
.bottom.lmenu  {
	margin-top: 40px;
}
.bottom.lmenu li a { 
background: none;
    color: #fffdfd;
    display: block;
	font-size: 24px;
    padding: 5px 0 5px 0; 
}

.bottom.lmenu li a:hover{
 text-decoration: none;	
color: #286874;
}

.bottom.lmenu li a {
    padding: 5px 0 10px 0;
    min-width:0px;
    font-size: 18px;
}

.fblock h3{
    margin: 30px 0 10px 0;
}

input{
padding: 4px 6px;
width: 70%;	
margin-bottom: 10px;	
}
input[type="submit"]{
padding: 10px 16px;
 border:0px solid;
width:  auto;	
margin-bottom: 10px;
background:#277621;	
color: #fffdfd;
}
.caret {
   
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 6px;
    vertical-align: middle;
    border-top: 8px dashed;
    border-top: 4px solid\9;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}


@media (min-width:1800px) {
#intro .container-fluid	{
    width: 1770px;	
}
}
@media (max-width:1060px) {
#aside_l {
padding: 20px 0px 20px 0px;
}	
	
.lmenu li a {
padding: 2px 0 2px 0;
    min-width: 180px;
    font-size: 16px;
}	
}



@media (min-width:1060px) {
.lmenu li a {
padding: 2px 0 2px 0;
    min-width: 180px;
    font-size: 16px;
}	
}

@media (min-width:1200px) {
.lmenu li a {
    padding: 5px 0 5px 0;
    min-width: 200px;
    font-size: 19px;
}	
}

@media (min-width:1400px) {
.lmenu li a {
    padding: 5px 0 10px 0;
    min-width: 240px;
    font-size: 20px;
}	
}
@media (min-width:1500px) {
.lmenu li a {
    padding: 5px 0 20px 0;
    min-width: 261px;
    font-size: 22px;
}	
}

@media (max-width:992px) {
 .lmenu-wrap {
  display:none;
}
}


/*--- Form ---*/
#form input {
    color: #000000;
}

#form input[type=submit] {
    color: #ffffff;
}

#divToUpdate {
    margin-bottom: 15px;
    color: #1bc90e;
}