/* ========================== SYS jQuery UI Style CSS Document ======================== */ 
/* Copyright 2015. All Rights Reserved.
/* #UI Styles
============================================================================= */

/* ===== ACCORDIONS ===== */

    .accordion {
        visibility: hidden;
    }
    html.loaded .accordion {
        visibility: visible;
    }
    .accordion h3, .ui-accordion-header-icon {
        -webkit-transition: all 0.3s ease-in-out;  
        -moz-transition: all 0.3s ease-in-out;  
        -ms-transition: all 0.3s ease-in-out;  
        -o-transition: all 0.3s ease-in-out;  
        transition: all 0.3s ease-in-out;
	}
    .accordion h3 {
        outline: 0;
        position: relative;
        cursor: pointer;
        margin-bottom: 0;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    .cta .accordion h3 {
        background: #72B626;
        color: #FFF !important;
        box-shadow: 0 8px 10px -8px #666, inset 0 50px 0 rgba(255, 255, 255, 0);
        padding: 8px 50px 8px 15px;
        font-size: 20px;
    }
	.cta .accordion h3:hover {
		box-shadow: 0 8px 10px -8px #666, inset 0 50px 0 rgba(255, 255, 255, 0.15);
	}
    .accordion divide {
        display: block;
        height: 12px;
    }
    .cta .ui-accordion-header-icon {
        position: absolute;
        top: calc(50% - 13px);
        right: 10px;
        display: block;
        font-size: 26px;
    }
    .cta .ui-state-hover .ui-accordion-header-icon {
		top: calc(50% - 8px);
    }
    .cta .ui-state-active.ui-state-hover .ui-accordion-header-icon {
		top: calc(50% - 18px);
    }
    .ui-accordion-header.ui-state-active {
  		box-shadow: none;
	}
    .ui-accordion-header-active .ui-accordion-header-icon {
      -webkit-transform: rotate(-180deg);  
      -moz-transform: rotate(-180deg);  
      -o-transform: rotate(-180deg);    
      -ms-transform: rotate(-180deg);
    }
    .cta .accordion > div {
        background: #F1F1F1;
        padding: 10px;
    }
    .ui-accordion-content select {
        width: 120px;  
        padding: 6px 2%;
        margin-bottom: 15px;
        font-size: 14px;
    }
    .accordion div input[type="submit"] {
  		width: 140px;
	}
    .accordion div input,
    .accordion div textarea {
        box-sizing: border-box;
        width: 100%;
        padding: 7px 3%;
        margin-bottom: 15px;
        font-size: 14px;
        border-radius: 5px;
        border: 2px solid #CCC;
    }
    .g-recaptcha {
        transform: scale(0.86);
        -webkit-transform: scale(0.86);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
	}

/* ===== TOOLTIPS ===== */

    .ui-tooltip {
        position: absolute;
        z-index: 9999;
        max-width: 300px;
        background: #333;
        -webkit-box-shadow: 0 0 5px #aaa;
        box-shadow: 0 0 5px #aaa;
        color: #FFF;
        background-color: #1176D0 !important;
        padding: 6px;
        margin-bottom: 0;
        line-height: 20px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        border: 2px solid #054883;
    }

/* Tablet Portrait Size to Wide 1280 (devices and browsers) ========== */
@media only screen and (min-width: 768px) and (max-width: 1279px) {

    .g-recaptcha {
        transform: scale(0.66);
        -webkit-transform: scale(0.66);
	}
	
}


/* Above Mobile Sizes (devices and browser) ============================= */
@media only screen and (min-width: 768px) {}


/* Tablet Portrait size to standard 960 (devices and browsers) ========== */
@media only screen and (min-width: 768px) and (max-width: 959px) {}


/* All Mobile Sizes (devices and browser) =============================== */
@media only screen and (max-width: 767px) {}

/* All Mobile Sizes (devices and browser) =============================== */
@media only screen and (max-width: 338px) {

    .g-recaptcha {
        transform: scale(0.75);
        -webkit-transform: scale(0.75);
	}

}


/* All Mobile Sizes (devices and browser) =============================== */
@media only screen and (max-width: 305px) {

    .g-recaptcha {
        transform: scale(0.66);
        -webkit-transform: scale(0.66);
	}

}