@charset "utf-8";
/* CSS Document */
a:active,
a:hover { text-decoration:none !important;}
header{}
.header_row{ margin:20px 0px; padding:0px;}
.header_logo{ float:left; width:60%;}.header_logo img{ float:left; margin-right:10px; margin-top:15px;}
.header_login{ float:right; width:39%; text-align:right; margin-top:40px;}
.txt-topic{font: bold 24px "Trebuchet MS",Arial,Helvetica,sans-serif;color: #4687CA;}
body {position: relative; }
  #section1 {padding:10px !important; height:auto !important; margin-top:165px;}
  #section2 {padding:10px;}
  #section3 {padding-top:50px;height:500px;color: #fff; background-color: #ff9800;}
  #section41 {padding-top:50px;height:500px;color: #fff; background-color: #00bcd4;}
  #section42 {padding-top:50px;height:500px;color: #fff; background-color: #009688;}
.navbar-brand{ color:#FFF !important;}
.logo_top{ background:#FFF; padding:10px;}
/**********social************/
.social{ padding:0px;}
.social a{ background:#FFF; color:#000; font-size:10px;margin:15px 1px; border-radius:14px; display:inline-block; width:18px; height:18px;padding: 2px 5px;}
.social a:hover{ background:#000; color:#FFF;}

/**********slider************/
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
      width: 100%;
      margin: auto;
}
.carousel-control{ opacity:0.0;}
.carousel-control:hover{ opacity:1;}
.carousel-control .fa-angle-left{left:30%; }
.carousel-control .fa-angle-left, .carousel-control .fa-angle-right{
    position: absolute; 
    top: 45%;
    z-index: 5;
    display: inline-block;
    margin-top: -10px;
}
.text-white{ color:#FFF; text-shadow:1px 1px 2px #000000;}
.caption{ display:block;left: 10% !important; position:absolute; top:10%;}
.text-red {color:#F00;}
#thumbcarousel{ background:#000; padding:20px 0px; margin-top:10px;}
#thumbcarousel .carousel-control{ width:5%;}
#thumbcarousel .list-inline > li{ padding:0px;}
#thumbcarousel img{ width:224px; height:180px;}
#thumbcarousel .item .thumb a{ opacity:0.4;}
#thumbcarousel .selected, #thumbcarousel .item .thumb a:hover{ opacity:1.0;}
.item .thumb {cursor: pointer;float: left;}
.item .thumb h3{ position:absolute; top:0px; padding:50px; color:#FFF; text-shadow:1px 1px 4px #333333;}
/*************footer****************/
footer{ border-top:2px #23527C solid;text-align:center; padding:10px; position: relative; left:0px; bottom:0px;}
#foott{ width:100%; margin:0px; padding:0px; text-align: left !important;}
#foott #foo_t{ width:33%; float:left; border-right:1px #CCCCCC dotted; min-height::280px;} 
#foott #foo_t h1{ font: 18px/1.3em "open sans",sans-serif;color: #0A4495;line-height: 1.3em; display:block; margin:0px 10px; padding:10px 0px;border-bottom:1px #CCCCCC solid;}#foott #foo_t h1 img{ float:left; position:relative; margin-right:10px; border:0px; width:40px; height:36px; top:-8px;}
#foott #foo_t h1 span{ float:right; color:#F00;}#foott #foo_t h1 span a{ color:#F00;}
#foo_t #foo_t11 { margin:10px; }
#foo_t #foo_t11 ul{ margin:10px; padding-left:40px;list-style:none;}#foo_t #foo_t11 ul li{ width:48%; float:left;}
#foo_t #foo_t1 { margin:10px 0px; border-bottom:1px #CCCCCC dotted;} #foo_t #foo_t1 h3{ font: 20px/1.2em "open sans",sans-serif;color: #0abeff; text-align:center; padding:5px;}
#foo_t #foo_t1 p, #foo_t p{line-height: normal;letter-spacing: normal;font: 14px/1.3em "open sans",sans-serif;color: #848282;}
#foo_t11 h2{font: 16px/1.2em "open sans",sans-serif;color: #848282; padding:9px 0px;border-top:1px #CCCCCC dotted;border-bottom:1px #CCCCCC dotted;}#foo_t11 img{ margin-right:5px;}
.hr{border-bottom:1px #CCCCCC dotted;padding:10px 0px; clear:both; }

/******************************/
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top:0;
    left:100%;
    margin-top:-6px;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
}
.dropdown-submenu:hover>.dropdown-menu {
    display:block;
}
.dropdown-submenu>a:after {
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:5px;
    margin-right:-10px;
}
.dropdown-submenu:hover>a:after {
    border-left-color:#ffffff;
}
.dropdown-submenu.pull-left {
    float:none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
}