@charset "utf-8";
/* CSS Document */


@font-face {
    font-family: 'cartogothic_stdbold_italic';
    src:url('../font/cartogothicstd-bolditalic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'cartogothic_stdregular';
    src: url('../font/cartogothicstd-book-webfont.ttf') format('truetype'),
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'bebasregular';
    src: url('../font/bebas___-webfont.eot');
    src: url('../font/bebas___-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/bebas___-webfont.woff') format('woff'),
         url('../font/bebas___-webfont.ttf') format('truetype'),
         url('../font/bebas___-webfont.svg#bebasregular') format('svg');
    font-weight: normal;
    font-style: normal;
	

}

@font-face {
    font-family: 'architects_daughterregular';
    src: url('../font/architectsdaughter-webfont.eot');
    src: url('../font/architectsdaughter-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/architectsdaughter-webfont.woff') format('woff'),
         url('../font/architectsdaughter-webfont.ttf') format('truetype'),
         url('../font/architectsdaughter-webfont.svg#architects_daughterregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'hand_of_seanregular';
    src: url('../font/handsean-webfont.eot');
    src: url('../font/handsean-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/handsean-webfont.woff') format('woff'),
         url('../font/handsean-webfont.ttf') format('truetype'),
         url('../font/handsean-webfont.svg#hand_of_seanregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.navbar-header{
	width:100%;
}

.main{ width:100%; clear:both;}
.title-thumblow{ font-size:24px; font-weight:bold; color:#005fa3; padding:5px 0; width:100%;}
.logo-footer{color:#fff799; font-size:24px; padding:10px 0; margin-bottom:10px; }
.logo-footer img {display:block; height:auto; margin-bottom:10px;}
.footer {padding:10px 0px; color:#003; font-size:12px;}
.footer a {text-decoration:none; color:#003; padding:0px;}


@media (min-width: 1200px) {
/*================================= Header ===============================*/
.bg_header{ background: url(../images/bg-header.png) repeat-x; padding:3px 0;}
.logo{float:left; width:33.33334%;}
.logo img {display:block; max-width:100%; height:auto; border:none;}
.right_header{float:right;  width:100%;}
.font-tel{font-size:16px; color:#fff; padding:8px 0; width:30%; float:right; background:#e77715; text-align:center;}
.font-tel a{text-decoration:none; color:#fff;}
.font-tel a:hover{text-decoration:none; color:blue;}
.bg_menu{background:#fff;}


/*================================ Slider ============================== */
.wrapper-slider { width:100%; clear:both; }
.shape-slider {box-shadow: 0 0 8px #898989; width:100%; padding:10px; background:#ffff; }
.title-header{ font-size:45px; text-align:left; font-weight:bold; color:#069; padding:30px 0; line-height:1em;}
.banner-header {box-shadow: 0 0 8px #898989;  }


/*================================ Main ============================== */


.title-main{width:100%; padding:5px 0; margin-bottom:10px; border-bottom:3px #1b5184 solid;font-family: 'bebasregular'; font-size:26px; letter-spacing:1.5px;}
.desc-main{ text-align:justify; line-height:1.5em; width:100%;}
.title-main2 {width:100%;  font-size:24px; padding:5px 0; background:#1b5184; color:#fff; margin-bottom:10px;}



/*_Thumb_*/
.thumb-blue{width:100%; background:#1b5184; color:#fff; border-radius:10px; border:1px solid #464646; padding:10px;}
.thumb-grey{width:100%; background-image:url(../images/bg-thumb2.png); background-repeat:repeat-x; background-color:#ebebeb; color:#fff; border-radius:10px; border:1px solid #464646; padding:10px;}
#title-thumb{color:#fff99d; font-size:18px; padding:5px 0;  text-transform:uppercase; font-weight:bold; clear:both;}
#title-thumb2{color:#1b5184; font-size:18px; padding:5px 0;  text-transform:uppercase; font-weight:bold; clear:both;}
#line{border-bottom:1px solid #fff; margin:10px 0; clear:both; width:100%; padding-top:5px;}
#line2{border-bottom:1px solid #333333; margin:10px 0; clear:both; width:100%; padding-top:5px;}
#title-thumb a{text-decoration:none; border-radius:5px; background:#e1e1e1; border:1px solid #333333; padding:3px; color:#333333; font-size:12px; font-weight:normal; text-transform:none; }
#title-thumb2 a{text-decoration:none; border-radius:5px; background:#e1e1e1; border:1px solid #333333; padding:3px; color:#333333; font-size:12px; font-weight:normal; text-transform:none; }
#title-thumb a:hover{text-decoration:none; border-radius:5px; background:#ed1c24; border:1px solid #333333; padding:3px; color:#fff; font-size:12px; font-weight:normal; text-transform:none; }
#title-thumb2 a:hover{text-decoration:none; border-radius:5px; background:#ed1c24; border:1px solid #333333; padding:3px; color:#fff; font-size:12px; font-weight:normal; text-transform:none; }
.photo-img img{display:block; max-width:100%; height:auto; clear:both;}
.banner img {display:block; max-width:100%; height:auto; border:1px solid #464646; border-radius:10px; position:relative;}

.thumb-branch{width:100%; border:1px solid #898989;}
.thumb-branch img {display:block; max-width:100%; height:auto;}
.thumb-brachdesc {width:100%; padding:5px; font-size:13px; text-align:left;}

.title-thumblow{ font-size:24px; font-weight:bold; color:#005fa3; padding:5px 0; width:100%;}

/*_List_*/
.modul{width:100%; background:#f2f2f2;}
.title-modul{padding:0 10px; background:#1b5184; color:#fff; text-transform:uppercase; font-size:20px;}
.list-modul{ margin:0; padding:0;  list-style:none; display:block; position:relative;}
.list-modul li{ padding:5px; clear:both; margin:5px 0;}
.dotted-bottom{border-bottom:1px dotted #464646; clear:both; width:100%; margin:5px 0;}
.list-modul2 {margin:0; padding:0;  list-style:url(../images/arrows-3.png); display:block; position:relative; line-height:2em; font-size:14px; margin-left:50px;}
.list-modul2 a{ text-decoration:none; color:#464646;}
.list-modul2 a:hover{ text-decoration:none; color:#1b5184;}

.date{width:100%; font-size:12px; color:#2e3192; }
.title-new a{width:100%; font-size:14px; color:#9e0b0f; font-weight:bold; text-decoration:none;}
.title-new a:hover{width:100%; font-size:14px; color:#2e3192; font-weight:bold; text-decoration:none;}
.desc-new{font-size:12px; width:100%;}
#img-new {float:left; width:25%; margin-right:10px; padding:3px; border:1px solid #464646; border-radius:5px;}
#new{width:72%; float:left;}
.view-more{clear:both; text-align:center; width:50%;  background:#898989; margin:0 22%; padding:2px;}
.view-more a{text-decoration:none; color:#fff; font-size:14px;}

/*_Form*/
.form td{padding:5px;}
.field_text {
    border: 1px solid rgb(137, 137, 137);
    width: 100%;
    padding: 5px;
    background-color: rgb(235, 235, 235);
    font-size: 13px;
}
.field_contact {
    padding: 3px 5px;
    border: 1px solid rgb(137, 137, 137);
	 width: 100%;
}
.bt_contact {
    font-size: 12px;
    padding: 3px 5px;
    background-color: rgb(0, 102, 204);
    width: 60px;
    border: 1px solid rgb(0, 51, 153);
    color: rgb(255, 255, 255);
    border-radius: 5px;
    cursor: pointer;
}


/*================================= Footer ===============================*/

.top-footer  {width:100%; background:#f4f2f1; padding:10px 0;}
.list-footer {position:relative; float:left; width:18%; margin-right:10px;}
.list-footer {line-height:1.2em; padding:0; list-style:none;}
.sublist-footer {line-height:1.2em; padding:0; list-style:none; margin:0;}
.list-footer a{text-decoration:none; font-size:14px; color:#464646;}
.list-footer a:hover{text-decoration:none; font-size:14px; color:#036;}
.bottom-footer{width:100%; padding:10px 0; text-align:center; font-size:12px;} 

.logo-footer{color:#fff799; font-size:24px; padding:10px 0; margin-bottom:10px; }
.logo-footer img {display:block; height:auto; margin-bottom:10px;}

/*_Footer*/
.footer {padding:10px 0; color:#003; font-size:12px;}
.footer a {text-decoration:none; color:#003; padding:0px;}
}

@media (min-width: 992px){
.title-thumblow{ font-size:24px; font-weight:bold; color:#005fa3; padding:5px 0; width:100%;}
.logo-footer{color:#fff799; font-size:24px; padding:10px 0; margin-bottom:10px; }
.logo-footer img {display:block; height:auto; margin-bottom:10px;}
.footer {padding:10px 0; color:#003; font-size:12px;}
.footer a {text-decoration:none; color:#003; padding:0px;}
}

@media (min-width: 768px) {
.title-thumblow{ font-size:24px; font-weight:bold; color:#005fa3; padding:5px 0; width:100%;}
.logo-footer{color:#fff799; font-size:24px; padding:10px 0; margin-bottom:10px; }
.logo-footer img {display:block; height:auto; margin-bottom:10px;}
.footer {padding:10px 0; color:#003; font-size:12px;}
.footer a {text-decoration:none; color:#003; padding:0px;}
}