* { outline: none; }
a { color: #333; }
a:hover { text-decoration: none; }
a:hover, a:focus {
    color: #223380;
    text-decoration: none;
}
@media screen and (max-width:1600px) {
  body { overflow-x: hidden; }
}
img{max-width: 100%;}
ul, ol, li { margin: 0; padding: 0; list-style: none; }
.tr { text-align: right; }
.tl { text-align: left; }
.tc { text-align: center; }
.hide { display: none; }
ol { margin-left:2em; }
/* == clearfix == */
.clearfix:after {
    content:'.';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
.gutter-26.row { margin-right: -13px; margin-left: -13px; }
.gutter-26 > [class^='col-'], .gutter-26 > [class^=' col-'] { padding-right: 13px; padding-left: 13px; }

.gutter-22.row { margin-right: -11px; margin-left: -11px; }
.gutter-22 > [class^='col-'], .gutter-22 > [class^=' col-'] { padding-right: 11px; padding-left: 11px; }
.gutter-4.row {
margin-right: -2px;
margin-left: -2px;
}
.gutter-4 > [class^="col-"], .gutter-4 > [class^=" col-"] {
padding-right: 2px;
padding-left: 2px;
}
.gutter-8.row {
margin-right: -4px;
margin-left: -4px;
}
.gutter-8 > [class^="col-"], .gutter-8 > [class^=" col-"] {
padding-right: 4px;
padding-left: 4px;
}

.gutter-18.row {
margin-right: -9px;
margin-left: -9px;
}
.gutter-18 > [class^="col-"], .gutter-18 > [class^=" col-"] {
padding-right: 9px;
padding-left: 9px;
}
.gutter-32.row {
margin-right: -16px;
margin-left: -16px;
}
.gutter-32 > [class^="col-"], .gutter-32 > [class^=" col-"] {
padding-right: 16px;
padding-left: 16px;
}
.gutter-48.row {
margin-right: -24px;
margin-left: -24px;
}
.gutter-48 > [class^="col-"], .gutter-48 > [class^=" col-"] {
padding-right: 24px;
padding-left: 24px;
}
.gutter-60.row {
margin-right: -30px;
margin-left: -30px;
}
.gutter-60 > [class^="col-"], .gutter-60 > [class^=" col-"] {
padding-right: 30px;
padding-left: 30px;
}
.gutter-38.row {
margin-right: -19px;
margin-left: -19px;
}
.gutter-38 > [class^="col-"], .gutter-38 > [class^=" col-"] {
padding-right: 19px;
padding-left: 19px;
}

.w100 { width: 100%; }
.text-center { text-align: center; }

.gutter-0.row {
margin-right: -0px;
margin-left: -0px;
}
.gutter-0 > [class^="col-"], .gutter-0 > [class^=" col-"] {
padding-right: 0px;
padding-left: 0px;
}

.fancybox-title{    text-align: center;
    font-size: 18px;
    line-height: 3;}

.f18{font-size: 18px !important}
.f24{font-size: 24px !important}
.f30{font-size: 30px !important}
.f36{font-size: 36px !important}
.hide{display: none !important}
.h2{font-size: 40px;line-height: 1;margin-bottom: 20px;color: #333;text-align: center;}
.h3{font-size:12px;line-height: 1;margin:0px;color: #999;text-align: center;}
.cblue{color: #132677 !important;}
.corange{color: #FF7918 !important;}
.bgorange{background: #FF7918 !important;color: #fff !important;}
.uline{display: inline-block;}
.uline:after{content: "";display: none;width: 100%;height: 2px;background: #132677;}

.uline_hover:hover{display: inline-block;}
.uline_hover:hover:after{content: "";display: block;width: 100%;height: 2px;background: #132677}
.cblue_hover:hover{color: #132677 !important;}
.corange_hover:hover{color: #FF7918 !important;}
.bgorange_hover:hover{background: #FF7918 !important;color: #fff !important;}

.bggray{background-color: #F3F3F3 !important}
.bgletter{z-index: 0}
.bgletter:before{z-index: -1;font-size: 40px;font-weight: bold;color:#E8E8E8;text-align: center;}
.a_img{display: block;overflow: hidden;}
.p_img{display: block;overflow: hidden;}


.col-xs-c5,
.col-sm-c5,
.col-md-c5,
.col-lg-c5 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}
.col-xs-c5 {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
.col-sm-c5 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-c5 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-c5 {
        width: 20%;
        float: left;
    }
}