/**
 * This file should get overwritten if Method 1 is used. If Method 2 is chosen,
 * remove this comment and start adding your styles to this file.
 */

.views_slideshow_cycle_main {width: 100%;float: left;margin-left:0px;position:absolute;height:100% !important}
.views_slideshow_cycle_main .views-slideshow-cycle-main-frame {width: 100% !important;height: 100% !important;}
.views_slideshow_cycle_main .views-slideshow-cycle-main-frame-row {width: 100% !important;height: 100% !important;}
.views_slideshow_cycle_main .field-content {max-width: 100%;width: 100%;}
.views-field.views-field-field-slider-image {height: 100%;position: absolute;width: 100%;}
.views_slideshow_cycle_main .field-content img {bottom: -9999px;left: -9999px;margin: auto;max-width: inherit;min-height: 100%;min-width: 100%;padding: 0;position: absolute;right: -9999px;top: -9999px;height:auto}


html{font-family:roboto;font-weight:300;font-size:86%;letter-spacing:0.3pt}
body {
    color: #111;
    font-family: roboto,fontawesome;
    font-size: inherit;
    line-height: 1.7em;
}
header.navbar{background:rgba(200, 0, 0, 0.85);border:0 none}

.region-navigation {background: none;border: 0 none;margin: 0;padding:0 6px}
.region-navigation ul.menu li {display: inline;float: left;margin: 0 ;}
.region-navigation ul.menu li a {color: #fff;display: block;float: left;font-family: Pacifico;font-size: 1.5em;font-weight: lighter;line-height: normal;padding: 8px 17px;perspective: 800px;transform-origin: center top 0;-moz-transform-origin: center top 0;-o-transform-origin: center top 0;-webkit-transform-origin: center top 0;transform-style: preserve-3d;-moz-transform-style: preserve-3d;-o-transform-style: preserve-3d;-webkit-transform-style: preserve-3d;transition:all 0.2s ease-in-out 0s;-moz-transition:all 0.2s ease-in-out 0s;-o-transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s} 
.region-navigation ul.menu li a:hover,.nav > li > a:focus{background:rgba(145,0,0,0.9)}
.region-navigation ul.menu li a.active{background: rgba(255, 255, 255, 0.99);box-shadow: -4px 12px 13px -3px rgba(0, 0, 0, 0.5), 4px 12px 8px -3px rgba(0, 0, 0, 0.5), 0 13px 66px -22px rgba(0, 0, 0, 0.6) inset;color:#333333}
.region-navigation ul.menu li a:before{content: "";display: inline-block;left: 0;position: absolute;top: 0;transition:all 0.2s ease-in-out 0s;-moz-transition:all 0.2s ease-in-out 0s;-o-transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s;transform: rotateX(260deg);-moz-transform: rotateX(260deg);-o-transform: rotateX(260deg);-webkit-transform: rotateX(260deg);transform-origin: center top 0;-transform-origin: center top 0;-o-transform-origin: center top 0;-webkit-transform-origin: center top 0;height: 100%;width: 100%;}
.region-navigation ul.menu li a.active:before {background: rgba(255, 255, 255, 0.99);box-shadow: 0 -31px 54px -40px rgba(0, 0, 0, 0.99) inset;}

.region.well{background:none;border:0 none}

.bg-img {height: 100%;left: 0;position: fixed;top: 0;width: 100%;}

#page-header{position:relative;z-index:1}
.main-container .row{position:relative;z-index:2}

.footer {border-top: 0 none;margin-top: 0;padding-bottom: 0;padding-top: 0;}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family: roboto;font-weight: 300;}

.lead {
    background: rgba(0, 194, 205, 0.7);
    color: #ffffff;
    display: inline-block;
    font-family: Roboto;
    font-size: 1.7em;
    font-weight: 400;
    margin: 0 0 -2px;
    padding: 12px 23px;
    text-transform: uppercase;
    width: 811px;
}
/*_____________ FRONT PAGE ______________-*/

#block-block-2 {
    float: right;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 10px;
    text-align: right;
    width: 193px;
}

#block-block-1{display:none}
.front .region.region-content  {color: #000000;display: inline-block;margin: 3px 0 5px;width: 850px;}
.block.block-views.msg-block.clearfix {background:rgba(255, 255, 255, 0.8);float: left;margin: 0 1px 0 0;min-height: 341px;padding: 20px 25px;width: 360px;text-align:center}

.views-field-field-event-date{
    color: #700090;
    font-family: roboto;
    font-size: 1rem;
    font-weight: 400;
    margin: 15px 0 0;
    width: 100%;
}
 .views-field-field-event-date .views-label{text-indent:-999px;width:20px;height:20px;margin:0 7px 0 0;position:relative;float:left}
 .views-field-field-event-date .views-label:before{font-family:fontawesome;content:"";position:absolute;left:0;text-indent:0}

.msg-block .field-content > a {
    color: #000000;
    display: block;
    float: left;
    min-height: 300px;
    width: 100%;text-decoration:none
}
.front .msg-block h2, .front .msg-block h1{font-family:Teko;margin: 0;}
.front .msg-block h2{font-size:2.7em;font-weight:400;margin:45px 0 0}
.front .msg-block h1{font-size:3.5em;font-weight:600;margin:0 0 12px}
.msg-block h3 {
    font-family: roboto;
    font-size: 1.4em;
    font-weight: 900;
    margin: 0;
}
.msg-block h4 {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.6);
    display: inline-block;
    font-size: 1.1em;
    font-weight: 400;
    margin: 4px 0;
    padding: 2px 5px;
}

.block.block-views.video-block {background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);display: inline-block;padding: 10px;text-align: center;width: 450px;}
.front .region.region-content .video-block #youtube-field-player{display:inline-block;text-align:center;width:100%}
/*______________ NOT FRONT _________________*/
.not-front .main-container .row > section {background:rgba(255, 255, 255, 0.8);display: inline-block;padding: 20px 30px;width:820px;margin:0}
.main-container.container {min-width: 1026px;width:1400px;max-width:100%}
.main-container .row aside {width: 20%;}

.page-header {border-bottom: 0 none;color: #000000;font-family: asul;margin: 10px 0 30px;}



.views-field-field-upload-image{float:left;margin:0 30px 0 0;width:100%;text-align:center}

.page-upcoming-events .main-container .views-field-title h2{margin-top:0;margin-bottom:10px}

.main-container .field-item.even img {
    float: left;
    margin:0 35px 0px 0 !important;
}
.view-gallery table.views-view-grid td {
    padding: 5px 12px;text-align: center;
}
.view-gallery table.views-view-grid td  a{color:#333}

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

.page-node-42 .block.block-system {
    float: right;
}
.page-node-42 .block.block-webform {
    float: left;
    width: 450px;
}

.webform-client-form-38 .form-item.webform-component {
    float: left;
    width: 50%;
	padding-right:15px
}
.webform-client-form-38 .form-item label{font-weight:400;margin:5px 0 0}
.webform-client-form-38 .form-item .form-text,.webform-client-form-41 .form-text{
    background:#ffffff;
    border: 1px solid #cccccc;
    border-radius: 0;
    box-shadow: none;
    color: #111111;
    font-weight: 300;
    height: 27px;
    padding: 0 5px;
}
.webform-client-form-38 .form-item.webform-component.webform-component-textarea,.webform-client-form-41 .form-item.webform-component.webform-component-textarea{
    width: 100%;
}
.webform-client-form-38 .form-item.webform-component.webform-component-textarea textarea, .webform-client-form-41 textarea{
    background:#ffffff;
    border: 1px solid #cccccc;
    border-radius: 0;
    box-shadow: none;
    color: #111111;
    font-weight: 300;
    height: 90px;
    padding: 0 5px;
}
.webform-client-form-38 .form-item.webform-component.webform-component-textarea .grippie,.webform-client-form-41 .grippie{display:none}
.btn-primary {
    background-color: #428bca;
    border-color: #357ebd;
    border-radius: 1px;
    color: #ffffff;
    margin: 10px 3px 0;
    padding: 2px 10px;display:block
}
.webform-client-form-38 .btn-primary{float:left;margin:0}
/*___________________ Donate Form ______________________________*/


.webform-client-form-41 .webform-container-inline.webform-component--category div.form-item{display: block}
.webform-client-form-41 .webform-container-inline div.form-item {
    display: inline-block;
    margin: 0;
    min-width: 70px;
    vertical-align: top;
}
.webform-client-form-41 .webform-container-inline > label{display:block}
.webform-client-form-41 select{padding:6px 4px}

.webform-client-form-41 .webform-component--donation-card-no {
    display: inline-block;
    width:100%;
}
.webform-client-form-41 .webform-component--donation-card-no .form-text{display: inline-block;
    width: 140px;}
.webform-client-form-41 .webform-component--donationcard-expiry-date {
    display: inline-block;
    width: 100%;
}
.webform-client-form-41 .webform-component--donationcard-cvv-code {
    display: inline-block;
    width: 100%;
}

.webform-client-form-41 .webform-component--donationcard-cvv-code .form-text{width:60px}

.webform-client-form-41 .webform-component--donation-card-no > label,.webform-client-form-41 .webform-component--donationcard-expiry-date > label,.webform-client-form-41 .webform-component--donationcard-cvv-code > label{display:inline-block !important}

.webform-client-form-41 .form-item.webform-component {
    margin: 10px 0;
}

.webform-client-form-41 .form-text,.webform-client-form-41 textarea{max-width:100%;width:503px}

.webform-client-form-41 .form-item.webform-component--email,.webform-client-form-41 .form-item.webform-component--phone-no {
    display: inline-block;
    padding-right: 20px;
    width:260px;vertical-align:top
}

.page-node-3 .block.block-webform.clearfix {
    background:rgba(255, 255, 255, 0.8);
    margin: 10px 0 -20px -30px;
    padding: 10px 30px 30px;
    width: 820px;
}
.captcha .form-control.form-text.required {
    max-width: 240px;
}
.captcha{width:100%;margin:10px 0 0;display:inline-block}

.webform-client-form-41 .radio{padding-left:0}
.webform-client-form-41 .radio .form-radio{display:none}
.webform-client-form-41 .radio label:before {
    content: "";
    display: inline-block;
    font-family: fontawesome;
    font-size: 1.3em;
    position: relative;
    top: 3px;
    width: 25px;
}
.webform-client-form-41 .radio.active label:before{content:""}

.webform-client-form-41 .form-item.webform-component--other{padding-left:26px;display:none}
.webform-client-form-41 .form-item.webform-component--other.active{display:block}
.webform-client-form-41 .form-item.webform-component--other label{display:none}
.webform-client-form-41 .form-item.webform-component.webform-component-textfield.webform-component--other .form-text {
    border: 1px solid #aaaaaa;
    box-shadow: 0 0 5px -3px #008fff;
    width: 155px;
}

@media all and (max-width:1200px){
	
.region-navigation ul.menu li a {
    font-size: 1.4em;
    padding: 8px 7px;
}	
.container{min-width:1026px}
	}