/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

/*** box icon ***/
.boxIcon {
    display:block;
    text-align: center;
    padding: 2.5em 1.5em;
   /*** position: relative;***/
    min-height: 280px;
    -webkit-backface-visibility:hidden;
        -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

a.boxIcon:hover{
    text-decoration: none;
}

.boxIcon h2 {
    margin-top: 22px;
    margin-bottom: 11px;
}
.boxIcon h2, .boxIcon p {
    text-align: center;
}

.boxIcon h2:after {
    content:none;
}
 .boxIcon p {
    opacity:0.5;
}

 .boxIcon.hoverFx p {
    opacity:0;
}

.boxIcon.hover p{
    opacity:1;
}

/*** End box icon ***/

/*** Call to action ***/

.ctaBox {padding:15px; background:yellow!important;}
.ctaBox h1,.ctaBox h2, .ctaBox h3, .ctaBox p, .ctaBox blockquote{
    text-align: center;
    margin-bottom:0 !important;
}
.ctaBox p{margin-bottom: 0; margin-top: 0.5em;}
.ctaBox .ctaBoxBtn {text-align: center; margin-top: 1.5em; margin-bottom: 0;}
.ctaBox .ctaBoxBtn a {margin-bottom: 0;}

@media(min-width:768px){
	.ctaBox {padding:44px;}
}

@media(min-width:992px){}

@media(min-width:1024px){}

@media(min-width:1200px){}

/*** End Call to action ***/

/*** feature boxes ***/
.featureBox {text-align: center;}
.featureBox i { display:inline-block; }
.featureBox h2 { margin-bottom: 0.5em; }
.featureBox .boxContent {
    background:none;
    font-weight:300;
}

/*** End Feature Box ***/

/*** spacer ***/
hr.blank {border:none;}
hr.line{border-bottom:1px solid #eee;}
hr.dotted{border-bottom-style:dotted;}
hr.dashed{border-bottom-style:dashed;}
hr.small {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}

hr.medium {
    margin-top: 3em;
    margin-bottom: 3em;
}

hr.large {
    margin-top: 4em;
    margin-bottom: 4em;
}


/*** caption style ***/
.homeTextLayoutboxedCaption {
    padding:3em;
    display:inline-block;
    width:100%;
}
.slidecaption h1.boxedCaptionHeading {
    padding:0.25em;
    margin-bottom: 0;
}
.slidecaption h2.boxedCaptionHeading {
    text-transform: uppercase;
    padding:0.25em;
    margin-bottom: 0;
}
.slidecaption h3.boxedCaptionHeading {
    text-transform: uppercase;
    padding:0.25em;
    margin-bottom: 0;
    text-transform: uppercase;
}

/*** Accordion ***/
.panel-default {border:none;}
.panel-default>.panel-heading {background:none;}
.panel-title>a {font-size: 18px;}
.panel-title>a:hover{text-decoration: none;}
.panel-body {color:#555;}

/*** alerts ***/
.alert-success, .alert-info, .alert-warning, .alert-danger {border:none;}
.alert-success {background:#B2DBA1;}
.alert-info {background:#9ACFEA;}
.alert-warning {background:#F5E79E;}
.alert-danger {background:#DCA7A7;}

/*** progress bars***/
.progress-bar {background-image: none;}
.progress-bar.progress-bar-success{background-color:#5CB85C;}
.progress-bar.progress-bar-info {background-color:#5BC0DE;}
.progress-bar.progress-bar-warning {background-color:#F0AD4E;}
.progress-bar.progress-bar-danger {background-color:#D9534F;}


/*** responsive embed frame ***/

.iframeWrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
 
.iframeWrapper iframe,   
.iframeWrapper object,  
.iframeWrapper embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*** MEDIA QUERIES ***/

@media(max-width:767px){}

@media(min-width:768px){
	.homeTextLayoutboxedCaption {width:75%;}
	.container .homeTextLayoutboxedCaption {width:100%;}

    /*** call to action 2 columns ***/

    .ctaBox h1, .ctaBox h2, .ctaBox h3, .ctaBox h4, .ctaBox h5 {
        font-size: 2em;
    }    

    .ctaBox.ctaBox2Cols {
        display: table;
        width: 100%;
    }

    /*** 2 columns ***/
    .ctaBox.ctaBox2Cols .ctaBoxText, .ctaBox.ctaBox2Cols .ctaBoxBtn {
        display: table-cell;
        vertical-align: middle;
    }

    .ctaBox.ctaBox2Cols .ctaBoxBtn {margin-top: 0;}
    .ctaBox.ctaBox2Cols h1,.ctaBox.ctaBox2Cols h2, .ctaBox.ctaBox2Cols h3, .ctaBox.ctaBox2Cols p, .ctaBox .ctaBox2Cols blockquote{text-align: left;}

    .ctaBox.ctaBox2Cols .ctaBoxBtn { text-align: right; padding-left: 22px}

    /*** call to action full width ***/
    .ctaBoxFullwidth {padding:44px 0;}


}

@media(min-width:992px){
}

@media(min-width:1025px){
	/*** feature box ***/
	.featureBox i, .featureBox a {float:left;}
	.featureBox.posLeft i, .featureBox.posLeft a {float:right;}
	.featureBox .boxContent {overflow:hidden; padding-top:0; margin-bottom:22px;}
	.featureBox .boxContent h2, .featureBox .boxContent p {text-align: left;}
	.featureBox.posLeft .boxContent h2, .featureBox.posLeft .boxContent p {text-align: right;} 
	.featureBox.posLeft .boxContent h2, .featureBox.posLeft .boxContent p {text-align: left;} 
}

@media(min-width:1200px){}

/*** END MEDIA QUERIES ***/