
/*** icons ***/
/*** icon styles > see style.css ***/
/*.iconRounded{
    border-radius:50%;
    width: 40px;
    height: 40px;
    display: inline-block;
    text-align: center;
    font-size:18px; 
    margin:0 5px 5px 0;
    color:#fff;
}

.iconRounded:before{margin: auto;text-align: center; line-height: 40px; }

.iconBig{
    font-size: 66px;
}

.iconBig.iconRounded{
    width: 130px;
    height: 130px;
}
.iconBig.iconRounded:before{
    line-height: 130px; 
}
.iconMedium {
    font-size: 44px;
}
.iconMedium.iconRounded{
    width: 75px;
    height: 75px;
    font-size:33px;
}
.iconMedium.iconRounded:before{
    line-height: 75px;  
}

.iconSmall {
    font-size: 14px;
}
.iconSmall.iconRounded{
    width: 33px;
    height: 33px;
}
.iconSmall.iconRounded:before{
    line-height: 33px;  
}
*/

/* 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;}
.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{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%;}
   /* feature box */
   .featureBox i, .featureBox a {float:left;}
   .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: left;} 

    /** 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){
    /* feature box */
    .featureBox.posLeft i, .featureBox.posLeft a {float:right;}
    .featureBox.posLeft .boxContent h2, .featureBox.posLeft .boxContent p {text-align: right;} 
}

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

/*** END MEDIA QUERIES ***/
