@charset "UTF-8";
.box-holder:hover .logo,
.box-holder:hover i.fa {
    -webkit-transition: all .3s ease-in 0s;
    -o-transition: all .3s ease-in 0s;
    -moz-transition: all .3s ease-in 0s
}
body,
p:last-child,
ul {
    margin: 0
}
#wrapper,
body,
html {
    height: 100%
}
.box-row:after,
.clearfix:after {
    content: '';
    display: table;
    clear: both
}
html{
    font-size: 20px;
}
body {
    min-width: 320px;
    font: 14px/18px "Titillium Web", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
    background: url(../images/bg-page.jpg) 50% 50%/cover no-repeat fixed;
    color: #fff
}
input[type=button],
input[type=file],
input[type=password],
input[type=submit],
input[type=text],
textarea {
    -webkit-appearance: none
}
textarea {
    resize: vertical
}
*,
:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}
blockquote,
q {
    quotes: none
}
blockquote:after,
blockquote:before,
q:after,
q:before {
    content: '';
    content: none
}
p {
    margin: 0 0 20px
}
p:empty {
    display: none
}
ul {
    list-style: none;
    padding: 0
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
img {
    vertical-align: top;
    border-style: none;
    max-width: 100%;
    height: auto;
    width: 70px
}
.youtube {
    width: 90px
}
a,
a:active,
a:focus,
a:hover {
    color: #fff;
    text-decoration: none
}
.pull-left {
    float: left!important
}
.pull-right {
    float: right!important
}
.text-center {
    text-align: center!important
}
.text-left {
    text-align: left!important
}
.text-right {
    text-align: right!important
}
.mb0 {
    margin-bottom: 0!important
}
.mb5 {
    margin-bottom: 5px!important
}
.mb10 {
    margin-bottom: 10px!important
}
.mb15 {
    margin-bottom: 15px!important
}
.mb20 {
    margin-bottom: 20px!important
}
.ml20 {
    margin-left: 20px!important
}
#wrapper {
    width: 100%;
    display: table;
    padding: 20px 0
}
.w1 {
    display: table-cell;
    vertical-align: middle
}
.site-name {
    font: 300 48px/50px "Titillium Web","Helvetica Neue","Helvetica",Arial,Verdana,sans-serif;
    margin: 0 0 25px
}

/*.box-row.top_row {
    margin-bottom: 116px
}*/
.box-row,
.row{
    margin: 0 -1rem;
}
div[class*='col-']{
    padding-left: 1rem;
    padding-right: 1rem;
}
div.box {
    padding: 1rem;
}
.box-holder {
    background: #002c91;
    position: relative;
    text-align: center;
    overflow: hidden;
    height: 150px;
    padding: 10px 10px 0;
    display: block;
    font-size: 16px;
}
.box-holder.light{
    background: #1a5fff;
}
.box-holder.dark{
    background: #002270;
}
.box-title,
.box-title.anim{
    position: absolute;
}
.box-holder.logo-box {
    padding: 0;
    background: rgba(19,55,112,1);
    background: -moz-linear-gradient(top, rgba(19,55,112,1) 0%, rgba(1,29,60,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(19,55,112,1)), color-stop(100%, rgba(1,29,60,1)));
    background: -webkit-linear-gradient(top, rgba(19,55,112,1) 0%, rgba(1,29,60,1) 100%);
    background: -o-linear-gradient(top, rgba(19,55,112,1) 0%, rgba(1,29,60,1) 100%);
    background: -ms-linear-gradient(top, rgba(19,55,112,1) 0%, rgba(1,29,60,1) 100%);
    background: linear-gradient(to bottom, rgba(19,55,112,1) 0%, rgba(1,29,60,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#133770', endColorstr='#011d3c', GradientType=0 );
}
.logo{
    display: block;
    text-align: center;
    transition: all 0.3s ease;
    margin-top: 20px;
}
.logo img{
    width: 150px;
}
.featured-image {
    display: block;
    height: 96px;
    padding: 12px 0 8px
}
.minutes-img {
    width: 130px
}
.box-title {
    bottom: 14px;
    left: 10px;
    right: 10px;
    text-align: center;
    font: 22px "Titillium Web","Helvetica Neue","Helvetica",Arial,Verdana,sans-serif;
    line-height: 20px;
}
.box-title.anim {
    left: 0;
    right: 0;
    top: 100%;
    background: rgba(0, 0, 0, .4);
    padding: 4px 6px 6px 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 18px;
    line-height: 22px;
    height: 32px;
    transition: all .3s ease;
    z-index: 5
}
.slideshow,
.slideshow .slideset {
    overflow: hidden;
    position: relative
}
.box-holder:hover .box-title.anim,
.slideshow:hover .box-title.anim {
    margin: -32px 0 0;
}
.box-holder i.fa {
    line-height: 64px;
}
.box-holder:hover i.fa {
    font-size: 5em;
    transition: all .3s ease-in 0s;
}
.box-holder:hover img {
    transform: scale(1.15);
    transition: all .3s ease-in 0s;
}
.box-holder.text{
    font-size: 0;
    padding-bottom: 10px;
}
.box-holder.text:before{
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}
.box-holder.text > div{
    display: inline-block;
    vertical-align: middle;
    font: italic 18px/22px "Titillium Web","Helvetica Neue","Helvetica",Arial,Verdana,sans-serif;
}
blockquote{
    border: none;
    margin: 0;
    padding: 0;
    font: italic 14px/22px "Titillium Web","Helvetica Neue","Helvetica",Arial,Verdana,sans-serif;
}
cite {
    text-align: right;
    display: block;
    font-size: 11px;
    line-height: 14px
}
cite:before {
    content: '— '
}
.contact-text {
    display: block;
    padding: 15px 0 0
}
.box-holder blockquote {
    text-align: left
}
.slider-img {
    background-position: 50% 50%;
    background-size: cover;
    width: 100%;
    height: 100%
}
.slideshow .slideset {
    float: left;
    width: 100%
}
.slideshow.image .slideset {
    height: calc(150px * 2 + 2rem);
}
.slideshow.text .slideset {
    height: 140px
}
.slideshow .slide {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;


    bottom: 10px;
    overflow: hidden;



}
.flex-box{
    align-items: center;
    display: flex;
    width: 100%;
    height: 100%;
}
.slideshow .slide.active {
    z-index: 2
}
.btn-next,
.btn-prev {
    position: absolute;
    top: 48%;
    left: 10px;
    margin: 0 0 0 -45px;
    z-index: 5;
    font-size: 30px;
    opacity: 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    text-shadow: 0 0 8px #000
}
.btn-next {
    left: auto;
    right: 10px;
    margin: 0 -45px 0 0
}
.slideshow:hover .btn-next,
.slideshow:hover .btn-prev {
    opacity: 1;
    margin: 0
}
.contact-form{
    margin: 0 auto;
    max-width: 450px;
    background: rgba(0, 44, 145, 0.3);
    padding: 15px;
}
.contact-form h1{
    margin: 0 0 15px;
}
.form-control{
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.code-holder{
    overflow: hidden;
}
.code-image{
    font-size: 0;
    background: #fff;
    height: 34px;
    margin: 0 20px 0 0;
    float: left;
}
.code-image:before{
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}
.code-image img{
    vertical-align: middle;
}
.code-control{
    overflow: hidden;
    max-width: 200px;
}
.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label{
    color: #ec7a77;
}
.has-error .form-control{
    border-color: #ec7a77;
}
.contact-form .btn{
    background: #1a5fff;
    border-color: #1a5fff;
}
.contact-form .btn:hover{
    background: #1250e0;
    border-color: #1250e0;
}
.slideshow.text{
    font: italic 18px/22px "Titillium Web","Helvetica Neue","Helvetica",Arial,Verdana,sans-serif;
}
/*.slide{*/
    /*position: absolute;*/
    /*left: 0;*/
    /*top: 0;*/
    /*width: 100%;*/
    /*height: 100%;*/
/*}*/


.flex-wrap{
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    clear: both;
}
.flex-wrap .box{
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
}



@media (max-width: 447px){
    .slideshow.text .slideset {
        height: 186px;
    }
    blockquote{
        font: italic 16px "Titillium Web","Helvetica Neue","Helvetica",Arial,Verdana,sans-serif;
    }
    .box-holder.text{
        height:auto;
    }
    .contact-form{
        margin: -20px -15px;
        background: rgba(0, 44, 145, 0.65);
    }
}
@media (min-width: 448px) and (max-width: 767px) {
    #wrapper {
        height: auto;
        padding: 10px 0
    }
    #wrapper,
    .w1 {
        display: block
    }
    .site-name {
        margin: 0 0 5px
    }
    .contact-text {
        padding: 0
    }
    blockquote,
    .box-holder.text > div{
        font: italic 18px "Titillium Web","Helvetica Neue","Helvetica",Arial,Verdana,sans-serif;
    }
    .slideshow.text .slideset {
        height: 140px
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    #wrapper{
        padding: 10px 0;
    }
    .contact-text {
        padding: 20px 0 0
    }
    .minutes-img {
        width: auto
    }
    blockquote,
    .box-holder.text > div{
        font: italic 16px "Titillium Web","Helvetica Neue","Helvetica",Arial,Verdana,sans-serif;
    }
    .flex-wrap{
        display: block;
        clear: none;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .contact-text {
        padding: 0;
        font-size: 13px
    }
}
@media (min-width: 1200px) and (max-width: 1439px) {
    .box-title {
        font: 28px "Titillium Web","Helvetica Neue","Helvetica",Arial,Verdana,sans-serif;
        line-height: 24px;
    }
}

.show-xs,
.show-sm,
.show-md{
    display: none;
}
@media (max-width: 767px){
    .show-xs{
        display: block !important;
    }
}
@media (min-width: 768px) and (max-width: 991px){
    .show-sm{
        display: block !important;
    }
}
@media (min-width: 992px){
    .show-md{
        display: block !important;
    }
}