@charset "utf-8";

/* CSS Document */



@font-face {

	font-family: "MyriadProRegular";

	src: url('../fonts/myriadproregular-webfont.eot');

	src: url('../fonts/myriadproregular-webfont.woff') format('woff'), 

		 url('../fonts/myriadproregular-webfont.ttf') format('truetype'), 

	     url('../fonts/myriadproregular-webfont.svg') format('svg');

	     font-weight: normal;

		 font-style: normal;

}

@font-face {

    font-family: 'MyriadSetProBold';

    src: url('../fonts/myriadsetpro-bold.eot');

    src: url('../fonts/myriadsetpro-bold.eot') format('embedded-opentype'),

         url('../fonts/myriadsetpro-bold.woff2') format('woff2'),

         url('../fonts/myriadsetpro-bold.woff') format('woff'),

         url('../fonts/myriadsetpro-bold.ttf') format('truetype'),

         url('../fonts/myriadsetpro-bold.svg#MyriadSetProBold') format('svg');

}

@font-face {

    font-family: 'myriad_prosemibold';

    src: url('../fonts/myriadpro-semibold-webfont.eot');

    src: url('../fonts/myriadpro-semibold-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/myriadpro-semibold-webfont.woff') format('woff'),

         url('../fonts/myriadpro-semibold-webfont.ttf') format('truetype'),

         url('../fonts/myriadpro-semibold-webfont.svg#myriad_prosemibold') format('svg');

}



body{

	font-family: "MyriadProRegular";

	font-size:13px;

	color:#010000;

	letter-spacing:1px;}



a,a:hover{

	color:#010000;}



h1{

    font-family: 'MyriadSetProBold';}



h2,h3,h4{

	font-family: 'myriad_prosemibold';}



.container{

	width:960px;

	max-width:100%;}



/* Section Header */

.header{

	margin-top:25px;}



.logo{

	margin-bottom:20px;}



.logo img{

	float:left;}



.navbar-default{

	background:none;

	border:none;

	margin:0;

    min-height: 80px;

    position: relative;}

	

.navbar-default .navbar-collapse{

    position: absolute;

	right:0;

	padding:0;

    bottom: 0;}

	

.navbar-default .navbar-nav>li>a{

	color:#060000;

	padding:0px 12px;}



.navbar-default .navbar-nav>.active>a, 

.navbar-default .navbar-nav>.active>a:focus, 

.navbar-default .navbar-nav>.active>a:hover{

	color:#000;

	background:none;}



/* Section Slider */

.flexslider{

	position:relative;

	overflow:hidden;

	max-height:435px;}



.flexslider .flex-caption {

	width: 100%;

	position:absolute;

	text-align:center;

	top:190px;

	display:none;

	height:80px;

	color: #fff;

	font-size: 54px;

	line-height:54px;

}



.flexslider .flex-caption span{

	max-width:395px;

	padding: 5px 20px;

	background:rgba(168,168,168,0.6);}



.flexslider ul.slides{

	padding:0;

	margin:0}



.flexslider ul.slides img {

    width: 100%;

}



/* Section Content */

.main-content{

	text-align:center;}



.main-content .container{

	background:#ececec;

	padding-bottom:0px;}



.main-content .main-body{

	background:#fff;

	display:block;

	margin:0 60px;

	padding-bottom:20px;}



.main-content h1{

	font-size:24px;

	margin-top: 35px;}



.main-content h2.head{

	font-size:22px;

	color:#ee6325;

	padding:20px 0;}



.main-content h3{

	font-size:22px;

	color:#009999;

	margin-bottom:20px;}



.main-content h4{

	font-size:16px;

	color:#009999;

	margin-bottom:5px;}



.main-content h4.color a{

	font-size:18px;

	letter-spacing:6px;

	color:#ee6325;

	font-family: 'MyriadSetProBold';}



.main-content strong{

	text-transform:inherit;}



.main-content .avatar{

	margin: 15px auto;}



.main-content p{

	margin-bottom:15px;

    padding: 0 90px;}



.main-content .logo-footer{

	width:50px;

	margin:20px 0;}



.main-content iframe{

	max-width:100%;}



.copyright{

	margin-top:15px;

	margin-bottom:0;

	padding:0;}



@media (max-width: 840px){



.navbar-default .navbar-nav>li>a{

	padding:0 5px;}

.flexslider .flex-caption{

	top:40%;

	font-size:45px;}



}



@media (max-width: 767px){



.navbar-default{

	min-height:inherit;}

.navbar-default .navbar-header{

    position: absolute;

    right: 0;

    top: -80px;}

.navbar-default .navbar-collapse{

	position:static;}

.navbar-nav.pull-right{

	float:none !important;}

.navbar-default .navbar-nav>li>a{

	text-align:center;

	font-size:14px;

	padding:5px;}

.flexslider .flex-caption{

	display:none;}

.main-content p{

    padding: 10px;

	margin-bottom:10px;}

.main-content .main-body{

	margin:0;}



}



@media (max-width: 450px){

	

.logo img{

	width:80%;}

}