/* GLOBAL STYLES

-------------------------------------------------- */

/* Padding below the footer and lighter body text */





@font-face {

    font-family: 'open_sansbold';

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

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

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

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

         url('../fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'open_sansregular';

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

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

         url('../fonts/opensans-regular-webfont.woff') format('woff'),

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

         url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'open_sanslight';

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

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

         url('../fonts/opensans-light-webfont.woff') format('woff'),

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

         url('../fonts/opensans-light-webfont.svg#open_sanslight') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'bebas_neue_regularregular';

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

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

         url('../fonts/bebasneue_regular-webfont.woff2') format('woff2'),

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

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

         url('../fonts/bebasneue_regular-webfont.svg#bebas_neue_regularregular') format('svg');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'halaney-demo';

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

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

         url('../fonts/halaney-demo-webfont.woff2') format('woff2'),

         url('../fonts/halaney-demo-webfont.woff') format('woff'),

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

         url('../fonts/halaney-demo-webfont.svg#halaney-demo') format('svg');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'birds_of_paradiseregular';

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

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

         url('../fonts/birds_of_paradise__personal_use_only-webfont.woff2') format('woff2'),

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

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

         url('../fonts/birds_of_paradise__personal_use_only-webfont.svg#birds_of_paradiseregular') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'yanone_kaffeesatzregular';

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

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

         url('../fonts/yanonekaffeesatz-regular-webfont.woff') format('woff'),

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

         url('../fonts/yanonekaffeesatz-regular-webfont.svg#yanone_kaffeesatzregular') format('svg');

    font-weight: normal;

    font-style: normal;



}



/* CUSTOMIZE THE NAVBAR

-------------------------------------------------- */



/* Special class on .container surrounding .navbar, used for positioning it into place. */

.navbar-wrapper {

  position: inherit;

  top: 0;

  right: 0;

  left: 0;

  z-index: 20;

  background:url(../images/blue-bg.jpg) repeat;

}



/* Flip around the padding for proper display in narrow viewports */

.navbar-wrapper > .container {

  padding-right: 0;

  padding-left: 0;

}

.navbar-wrapper .navbar {

  padding-right: 15px;

  padding-left: 15px;

}

.navbar-wrapper .navbar .container {

  width: auto;

}





/* CUSTOMIZE THE CAROUSEL

-------------------------------------------------- */



/* Carousel base class */

.carousel {

  height: 322px;

}

/* Since positioning the image, we need to help out the caption */

.carousel-caption {

  z-index: 10;background-color:rgba( 98, 98, 98, 0.7)

}

.carousel-caption h1{ font-size:48px;margin:0;}



/* Declare heights because of positioning of img element */

.carousel .item {

  height: 322px;

}

.carousel-inner > .item > img {

  position: absolute;

  top: 0;

  left: 0;

  min-width: 100%;

  height: 322px;

}



.header{ background:url(../images/header-bg.jpg) repeat;padding:15px 0 20px 0}

.top-right-section{ text-align:right;margin-top:28px;}

.top-right-section h2{ text-align:right;color:#fff;margin-bottom:0}

.top-right-section h2 span{ color:#ccc}



.middle-section{ margin-top:20px;margin-bottom:30px; padding:0 15px;}

.welcome-heading{ font-size:38px;color:#1a7e9c;font-family:'halaney-demo';margin-top:0}

.welcome-box{ background-color:#5c5c5c;}

.welcome-box h3{ margin:0;text-align:center;color:#fff;background-color:#1a7e9c;font-size:20px;padding:12px 0;}

.welcome-box img{ margin:0 auto;display:block;margin-top:10px;padding:10px;}

.welcome-box p{ color:#fff;font-size:13px;line-height:normal;padding:10px 15px 15px 15px;}



/* INNER PAGE CSS

-------------------------------------------------- */

.bg{ background:url(../images/bg-inner.jpg) no-repeat center center fixed; 

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;}

.main{ background-color:rgba(255, 255, 255, 0.5);

-webkit-box-shadow: inset 0px 0px 150px 160px rgba(255,255,255,1);

-moz-box-shadow: inset 0px 0px 150px 160px rgba(255,255,255,1);

box-shadow: inset 0px 0px 150px 160px rgba(255,255,255,1);

}

.logo-inner img{ display:block;margin:0 auto}

ul.sub-menu{ margin:0;padding:0;list-style:none;text-align:center;

background: rgba(73,134,165,1);

background: -moz-linear-gradient(top, rgba(73,134,165,1) 0%, rgba(50,114,138,1) 100%);

background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(73,134,165,1)), color-stop(100%, rgba(50,114,138,1)));

background: -webkit-linear-gradient(top, rgba(73,134,165,1) 0%, rgba(50,114,138,1) 100%);

background: -o-linear-gradient(top, rgba(73,134,165,1) 0%, rgba(50,114,138,1) 100%);

background: -ms-linear-gradient(top, rgba(73,134,165,1) 0%, rgba(50,114,138,1) 100%);

background: linear-gradient(to bottom, rgba(73,134,165,1) 0%, rgba(50,114,138,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4986a5', endColorstr='#32728a', GradientType=0 );

}

ul.sub-menu li{ display:inline-block;}

.middle-section-inner{ padding:30px;}

.text-blue{ color:#4886a4}

.quick-link h1{background-color: #1a7e9c;
    color: #fff;
    font-size: 25px;
    margin: 0;
    padding: 12px 0;
    text-align: center; }

.quick-link ul{ margin:0;padding:0;list-style:none;background-color:#5c5c5c;padding:20px;}

.quick-link ul li a{ display:block;font-size:22px;line-height:25px; padding:5px 0;font-family:'yanone_kaffeesatzregular'; color:#fff; 	border-bottom:2px solid gray !important;}

.quick-link ul li a:hover{ color:#4886a4}



.block { float:left; width:100%; padding-bottom:20px; border-bottom:1px solid #eee; }

.block:last-child { border:none; }

.footer{ text-align:center;color:#fff;border-top:solid 1px #000;margin-top:5px;}

.footer a{ color:#fff;text-transform:uppercase;}

.quick-link { float:left; width:100%; }

/* FOOTER CSS

-------------------------------------------------- */



footer{ background:url(../images/blue-bg.jpg) repeat;padding:30px 0;color:#fff}

ul.list{ margin:0;padding:0;list-style:none}

ul.list li a{ color:#fff;font-size:12px; font-family:'open_sansbold';line-height:42px;}

.copry-right-section{ font-size:12px; font-family:'open_sansbold';text-align:right}

a.logo-footer{ float:right;display:block;margin-bottom:15px;}



/* RESPONSIVE CSS

-------------------------------------------------- */
.nav.mainpage > li > a {
	padding: 15px 38px;
}

.nav.mainpage > li:first-child > a {
    padding-left: 0;
}

.nav.mainpage > li:last-child > a {
    padding-right: 0;
}


@media (max-width: 1199px) { 

.nav.mainpage > li > a {
	padding: 15px 28px;
}

.carousel {

  height: auto;

}

.carousel .item {

  height: auto;

}

.carousel-inner > .item > img {

  position: inherit;

  height: auto;

}



}



@media (max-width: 767px) { 

.nav.mainpage > li > a {
	padding: 15px 12px;
}

body{ font-size:12px;line-height:22px;}

h1, .h1 {

    font-size: 30px;

}

h2, .h2 {

    font-size: 24px;

}

h3, .h3 {

    font-size: 20px;

}

.header{ padding:10px 0 15px 0}

.logo{ display:block;margin:0 auto;width:150px;}

.top-right-section{ margin:0}

.top-right-section h2{ 	font-size:20px;text-align:center}

.fb-icon{ width:24px;}

.nav > li > a{ padding-left:0;padding-right:0;}

.navbar-nav > li > a{ font-size:18px;padding-bottom: 7px;padding-top: 7px;}

.carousel-caption{ right:34%;bottom:10px;left:0;padding-top:5px;padding-bottom:5px;}

.carousel-caption h1{ font-size: 18px;}

.carousel-inner > .item > img{ min-width:150%;}



.middle-section{ margin-bottom:15px;}

.welcome-heading{ font-size:30px;}

.welcome-box{ margin-top:15px;}

.welcome-box p{ font-size:12px;}



.nav-inner > li > a {

padding-left: 12px;

padding-right: 13px;}



.logo-inner img{ width:327px;}

.quick-link ul{ padding:10px;}

.quick-link ul li a { font-size: 18px;}

.lead { font-size: 14px;}



footer{ padding:15px 0;}

ul.list li a { font-size: 11px;line-height: normal;}

.copry-right-section{ font-size:11px;text-align:left}

a.logo-footer{ float:none;margin-top:15px;}

a.logo-footer img{ width:140px;}

.block { position:relative; z-index:9999;}

.quick-link  { padding-top:20px; }

.block .col-xs-2 { width:100%; text-align:center; }

.block .col-xs-2  img {display:inline-block; }

.block .col-xs-10 { width:100%; }



}



@media (min-width: 768px) and (max-width: 991px) {

.nav.mainpage > li > a {
	padding: 15px 15px;
}

body{ font-size:13px;}

h1, .h1 {

    font-size: 30px;

}

h2, .h2 {

    font-size: 24px;

}

h3, .h3 {

    font-size: 20px;

}

.header{ padding:10px 0 15px 0}

.top-right-section { margin-top: 10px;}

.navbar-nav > li > a{ font-size:18px;}

.nav > li > a{ padding-left:20px;padding-right:20px;}

.carousel-caption{ right:54%;bottom:15px;}

.carousel-caption h1{ font-size: 30px;}



.middle-section{ margin-bottom:15px;}

.welcome-heading{ font-size:30px;}

.welcome-box h3 { font-size: 16px;padding: 10px 0;}

.welcome-box p{ font-size:11px;}



/* INNER PAGE CSS

-------------------------------------------------- */

.nav-inner > li > a { margin-right:10px !important;padding-left:10px !important;padding-right:10px !important;}

.quick-link ul li a{ font-size:20px;}

.nav-inner > li:first-child > a{ padding-left:10px;padding-right:10px;}

.nav-inner > li:last-child > a{ padding-left:10px;padding-right:10px;margin-right:0 !important;}

/*ul.dropdown-menu-inner { min-width: 420px !important;}*/

ul.dropdown-menu-inner li a{ font-size:18px !important}

.quick-link ul{ padding:10px;}

.quick-link ul li a { font-size: 16px;}

.lead { font-size: 14px;}

.logo-inner img{ width:327px;}



footer{ padding:15px 0;}

ul.list li a { font-size: 11px;line-height: 32px;}

.copry-right-section{ font-size:11px;}

}



@media (min-width: 992px) and (max-width: 1199px) {

.nav > li > a{ padding-left:35px;padding-right:35px;}



/* INNER PAGE CSS

-------------------------------------------------- */

.nav-inner > li > a { margin-right:26px !important;}

.quick-link ul li a{ font-size:20px;}



.nav-inner > li:last-child > a{ margin-right:0 !important;}

}



@media (min-width: 768px) {

  /* Navbar positioning foo */

  .navbar-wrapper .container {

    padding-right: 15px;

    padding-left: 15px;

  }

  .navbar-wrapper .navbar {

    padding-right: 0;

    padding-left: 0;

  }



  /* The navbar becomes detached from the top, so we round the corners */

  .navbar-wrapper .navbar {

    border-radius: 0px;

  }

  

  .navbar-inner{ background:none}

  

  .nav-inner > li > a{ padding-left:15px;padding-right:15px;margin-right:31px;	color:#b6b6b6 !important;text-shadow:0 1px #000;font-family:'yanone_kaffeesatzregular' !important;padding-top: 10px;padding-bottom: 5px;text-transform:uppercase;

background: rgba(86,86,86,1);

background: -moz-linear-gradient(top, rgba(86,86,86,1) 0%, rgba(68,68,68,1) 100%);

background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(86,86,86,1)), color-stop(100%, rgba(68,68,68,1)));

background: -webkit-linear-gradient(top, rgba(86,86,86,1) 0%, rgba(68,68,68,1) 100%);

background: -o-linear-gradient(top, rgba(86,86,86,1) 0%, rgba(68,68,68,1) 100%);

background: -ms-linear-gradient(top, rgba(86,86,86,1) 0%, rgba(68,68,68,1) 100%);

background: linear-gradient(to bottom, rgba(86,86,86,1) 0%, rgba(68,68,68,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#565656', endColorstr='#444444', GradientType=0 );



-webkit-box-shadow: 0px 7px 8px -2px rgba(0,0,0,0.28);

-moz-box-shadow: 0px 7px 8px -2px rgba(0,0,0,0.28);

box-shadow: 0px 7px 8px -2px rgba(0,0,0,0.28);

}

.nav-inner > li:first-child > a{ padding-left:14px;padding-right:14px;}

.nav-inner > li:last-child > a{ padding-left:15px;padding-right:15px;margin-right:0;}



 .nav-inner > .active > a, .nav-inner > .active > a:hover, .nav-inner > .active > a:focus{ color:#fff !important;

background: rgba(73,134,165,1);

background: -moz-linear-gradient(top, rgba(73,134,165,1) 0%, rgba(50,114,138,1) 100%);

background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(73,134,165,1)), color-stop(100%, rgba(50,114,138,1)));

background: -webkit-linear-gradient(top, rgba(73,134,165,1) 0%, rgba(50,114,138,1) 100%);

background: -o-linear-gradient(top, rgba(73,134,165,1) 0%, rgba(50,114,138,1) 100%);

background: -ms-linear-gradient(top, rgba(73,134,165,1) 0%, rgba(50,114,138,1) 100%);

background: linear-gradient(to bottom, rgba(73,134,165,1) 0%, rgba(50,114,138,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4986a5', endColorstr='#32728a', GradientType=0 );

}



.nav-inner > li > a:hover, .nav-inner > li > a:focus{ 

color:#fff !important;

background: rgba(73,134,165,1);

background: -moz-linear-gradient(top, rgba(73,134,165,1) 0%, rgba(50,114,138,1) 100%);

background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(73,134,165,1)), color-stop(100%, rgba(50,114,138,1)));

background: -webkit-linear-gradient(top, rgba(73,134,165,1) 0%, rgba(50,114,138,1) 100%);

background: -o-linear-gradient(top, rgba(73,134,165,1) 0%, rgba(50,114,138,1) 100%);

background: -ms-linear-gradient(top, rgba(73,134,165,1) 0%, rgba(50,114,138,1) 100%);

background: linear-gradient(to bottom, rgba(73,134,165,1) 0%, rgba(50,114,138,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4986a5', endColorstr='#32728a', GradientType=0 );

}



.nav-inner .open > a, .nav-inner .open > a:hover, .nav-inner .open > a:focus{ color:#fff !important;

background: rgba(73,134,165,1);

background: -moz-linear-gradient(top, rgba(73,134,165,1) 0%, rgba(50,114,138,1) 100%);

background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(73,134,165,1)), color-stop(100%, rgba(50,114,138,1)));

background: -webkit-linear-gradient(top, rgba(73,134,165,1) 0%, rgba(50,114,138,1) 100%);

background: -o-linear-gradient(top, rgba(73,134,165,1) 0%, rgba(50,114,138,1) 100%);

background: -ms-linear-gradient(top, rgba(73,134,165,1) 0%, rgba(50,114,138,1) 100%);

background: linear-gradient(to bottom, rgba(73,134,165,1) 0%, rgba(50,114,138,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4986a5', endColorstr='#32728a', GradientType=0 );

}





  ul.dropdown-menu-inner{padding-left:10px;border:0;border-radius:0;top:42px;padding-top:2px;padding-bottom:2px;

  background: rgba(73,134,165,1);

background: -moz-linear-gradient(top, rgba(73,134,165,1) 0%, rgba(50,114,138,1) 100%);

background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(73,134,165,1)), color-stop(100%, rgba(50,114,138,1)));

background: -webkit-linear-gradient(top, rgba(73,134,165,1) 0%, rgba(50,114,138,1) 100%);

background: -o-linear-gradient(top, rgba(73,134,165,1) 0%, rgba(50,114,138,1) 100%);

background: -ms-linear-gradient(top, rgba(73,134,165,1) 0%, rgba(50,114,138,1) 100%);

background: linear-gradient(to bottom, rgba(73,134,165,1) 0%, rgba(50,114,138,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4986a5', endColorstr='#32728a', GradientType=0 );



-webkit-box-shadow: 0px 7px 8px -2px rgba(0,0,0,0.28);

-moz-box-shadow: 0px 7px 8px -2px rgba(0,0,0,0.28);

box-shadow: 0px 7px 8px -2px rgba(0,0,0,0.28);

  }

ul.dropdown-menu-inner li{ display:block;float:none; width:100%;}

ul.dropdown-menu-inner li a{ font-family:'yanone_kaffeesatzregular';font-size:22px;color:#fff;text-shadow:0 1px #000;padding:0px 5px;
}

ul.dropdown-menu-inner li a:hover{ color:#b6b6b6;background-color:transparent;}







}