.navbar {
    margin: 0 0 5px 0;
}

.navbar-inverse .navbar-nav > li > a {
    color: #FFF;
}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    color: #777777;
}

textarea.form-control, input.form-control, select.form-control {
    width: auto;
}

/*** accordion ***/
#accordion .panel-title {
    font-family: tahoma;
    font-size: 12px;
    font-weight: bold;
}

#accordion .panel-body {
    padding: 5px;
}

#accordion .panel-body ul {
    margin: 0;
    padding: 0 15px 0 0;
}

/*** dropdown-submenus **/
.nav.vertical {
    width: 100% !important;
}

.nav.vertical > li {
    display: block;
    float: none;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: -6px;
    margin-right: -1px;
    margin-left: 0;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu.vertical > .dropdown-menu {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}

.dropdown-submenu > a:after {
    display: block;
    content: " ";
    float: left;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 5px 5px 0;
    border-right-color: #cccccc;
    margin-top: 5px;
    margin-left: -10px;
}

.dropdown-submenu:hover > a:after {
    border-right-color: #ffffff;
}

.dropdown-submenu .pull-left {
    float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
    right: -100%;
    left: auto;
    margin-right: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

/*** vertical dropdown ***/
.navbar-nav.vertical li a {
    width: 100%;
}

.navbar-nav.vertical > li {
    border-bottom: 1px solid #EEE;
    display: block;
    float: none;
}

.navbar-nav.vertical > li > a {
    color: #000;
    display: block;
    float: none;
}

.b-notification-bar .info-box>.link:active>.inner:after, .b-notification-bar .info-box>.link:focus>.inner:after, .b-notification-bar .info-box>.link:hover>.inner:after {
    opacity: 0;
}

.b-notification-bar .info-box>.link:after {
    background-position: 10px 0;
    position: absolute;
    display: block;
    content: "";
    top: 10px;
    right: 60px;
    width: 20px;
    height: 28px;
    opacity: 0;
    background-color: transparent;
    transition: all .4s cubic-bezier(0.15,.8,.5,1)
}

.b-notification-bar .info-box>.link:before {
    position: absolute;
    display: block;
    content: "";
    top: 19px;
    right: 60px;
    width: 14px;
    height: 1px;
    opacity: 0;
    background-color: #fff;
    transition: all .4s cubic-bezier(0.15,.8,.5,1)
}

.b-notification-bar .info-box>.link>.inner {
    display: inline-block;
    padding-right: 36px;
    transition: padding .4s cubic-bezier(0.15,.8,.5,1);
}

.b-notification-bar .info-box>.link>.inner:after {
    background-position: 0 0;
    position: absolute;
    display: block;
    content: "";
    top: 9px;
    left: 0;
    width: 40px;
    height: 28px;
    opacity: 1;
    transition: opacity .2s cubic-bezier(0.15,.8,.5,1)
}

.b-notification-bar .info-box>.link .inner:after, .b-notification-bar .info-box>.link:after, .b-notification-bar .info-box>.link>.inner:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%2219%22%20viewBox%3D%220%200%2010%2019%22%3E%3Cpath%20fill%3D%22%2335679A%22%20d%3D%22M.5%2019c-.128%200-.256-.05-.354-.146-.195-.195-.195-.512%200-.707L8.793%209.5.146.854C-.05.66-.05.342.146.147s.512-.195.707%200l9%209c.195.195.195.512%200%20.707l-9%209C.756%2018.95.628%2019%20.5%2019z%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat
}

.b-notification-bar .btn.newsletter {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M15.226%2015.932c-.61%200-1.225-.187-1.704-.562l-9.19-7.304c-.27-.212-.284-.57-.03-.796.25-.228.67-.238.94-.025l9.186%207.3c.445.348%201.14.35%201.58%200l9.202-7.3c.27-.213.69-.202.942.025.25.227.237.584-.03.798l-9.2%207.3c-.473.376-1.083.564-1.696.564zM4.787%2020.787c-.187%200-.372-.066-.504-.194-.242-.236-.21-.59.068-.796l6.16-4.513c.277-.204.7-.18.94.058.24.234.21.592-.068.795l-6.16%204.513c-.124.092-.28.137-.435.137zM26.6%2025.04c-.27%200-.524-.14-.626-.366-.13-.293.05-.617.394-.726.79-.25%201.3-.908%201.3-1.684V6.91c0-1-.9-1.78-2.054-1.78H4.387c-1.152%200-2.053.782-2.053%201.78v13.37c0%20.994.9%201.772%202.053%201.772h7.947c.368%200%20.667.253.667.563V23c0%20.31-.298.562-.666.562-.294%200-.543-.16-.632-.383H4.387c-1.9%200-3.387-1.274-3.387-2.9V6.91C1%205.28%202.488%204%204.387%204h21.227C27.48%204%2029%205.306%2029%206.91v15.355c0%201.25-.852%202.326-2.167%202.74-.078.025-.156.036-.232.036zM21.667%2022.288c-.367%200-.667-.252-.667-.564v-1.218c.003-.052.042-.634-.352-.883-.356-.227-1.073-.19-2.02.104-.345.11-.73-.042-.856-.335s.05-.617.396-.724c1.437-.446%202.544-.425%203.296.062.783.507.914%201.386.865%201.824l.003%201.17c0%20.312-.3.564-.666.564zM19.987%2026c-3.17%200-5.748-2.248-5.748-5.01%200-2.762%202.577-5.008%205.747-5.008%202.916%200%205.367%201.908%205.703%204.44.106.98-.203%201.887-.854%202.484-.485.452-1.117.69-1.825.69-.71%200-1.14-.257-1.375-.477-.04-.038-.08-.077-.115-.12-.575.367-1.336.592-2.03.597-1.217-.048-2.02-.626-2.142-1.648-.094-.764.28-1.202.612-1.436%201.175-.83%203.538-.305%204-.19.354.088.555.4.453.7-.038.11-.112.202-.206.27.156.114.25.288.23.477-.012.126.022.44.184.588.052.047.15.11.395.11.327%200%20.61-.11.84-.322.39-.36.58-.965.51-1.61-.257-1.95-2.14-3.426-4.376-3.426-2.435%200-4.415%201.74-4.415%203.88s1.98%203.88%204.414%203.88c.937%200%201.827-.257%202.583-.74.294-.19.71-.14.932.106.225.248.167.602-.125.79-.99.637-2.16.974-3.393.974zm-.172-4.812c-.43%200-.805.053-1%20.19-.05.036-.18.13-.14.455.054.448.32.63.806.636.8-.005%201.598-.5%201.63-.796.014-.13.08-.245.175-.333-.45-.086-.995-.152-1.47-.152z%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat
}

.b-notification-bar .btn.contact {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M21.85%2030c-3.403%200-7.53-2.75-12.984-8.657C-2.958%208.55%201.173%204.403%204.494%201.07%204.72.845%204.94.62%205.156.4c.53-.54%201.44-.526%201.93.007l6.49%207.033c.495.535.488%201.41-.015%201.954l-1.995%202.07c-.004.087.114.865%201.24%202.456%201.703%202.406%204.384%204.766%205.41%204.764.06-.01.4-.343%201.86-1.86l.133-.137c.517-.53%201.43-.51%201.91.042l6.503%206.957c.495.535.507%201.38.028%201.928l-.35.402C26.675%2027.884%2024.833%2030%2021.85%2030zM6.068%201.388c-.135.24-.363.47-.596.704C2.44%205.136-1%208.587%209.882%2020.362c5.1%205.523%209.015%208.21%2011.967%208.21%202.358%200%203.836-1.7%205.403-3.504l.354-.406L21.09%2017.7l-.018.128c-1.94%202.02-2.003%202.05-2.14%202.12-.205.107-.448.166-.717.166-2.236.002-6.538-4.672-7.673-7.283-.454-1.04-.452-1.832.004-2.35l2.01-2.08-6.488-7.012z%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat
}

.b-notification-bar .info-box>.link {
    display: inline-block;
    box-sizing: border-box;
    padding: 8px 0 8px 24px;
    transition: all .4s cubic-bezier(0.15,.8,.5,1)
}

.b-notification-bar .info-box>.link:active, .b-notification-bar .info-box>.link:focus, .b-notification-bar .info-box>.link:hover {
    padding: 8px 0;
    color: #fff
}

.b-notification-bar .info-box>.link:active:after, .b-notification-bar .info-box>.link:focus:after, .b-notification-bar .info-box>.link:hover:after {
    right: 0;
    opacity: 1
}

.b-notification-bar .info-box>.link:active:before, .b-notification-bar .info-box>.link:focus:before, .b-notification-bar .info-box>.link:hover:before {
    width: 50px;
    right: 0;
    opacity: 1
}

.b-notification-bar .info-box>.link:active>.inner, .b-notification-bar .info-box>.link:focus>.inner, .b-notification-bar .info-box>.link:hover>.inner {
    padding-right: 60px
}

.b-notification-bar .info-box>.link:after {
    background-position: 10px 0;
    position: absolute;
    display: block;
    content: "";
    top: 10px;
    right: 60px;
    width: 20px;
    height: 28px;
    opacity: 0;
    background-color: transparent;
    transition: all .4s cubic-bezier(0.15,.8,.5,1)
}

.b-notification-bar .info-box>.link:before {
    position: absolute;
    display: block;
    content: "";
    top: 19px;
    right: 60px;
    width: 14px;
    height: 1px;
    opacity: 0;
    background-color: #fff;
    transition: all .4s cubic-bezier(0.15,.8,.5,1)
}

.b-notification-bar .info-box>.link>.inner {
    display: inline-block;
    padding-top: 9px;
    font-size: 15px;
    color: #303030;
    padding-right: 36px;
    transition: padding .4s cubic-bezier(0.15,.8,.5,1);
}

.b-notification-bar .info-box>.link>.inner:after {
    background-position: 0 0;
    position: absolute;
    display: block;
    content: "";
    top: 9px;
    left: 0;
    width: 40px;
    height: 28px;
    opacity: 1;
    transition: opacity .2s cubic-bezier(0.15,.8,.5,1)
}

.b-notification-bar .btn.contact {
    background-image: url(images/phone.png);
    background-repeat: no-repeat
}

.b-notification-bar {
    position: fixed;
    right: 0;
    top: 425px;
    transform: translateZ(0);
    z-index: 99;
}

.b-notification-bar.is-hidden {
    display: none
}

.b-notification-bar .item {
    line-height: 0;
    position: relative;
    cursor: pointer;
    list-style: none;
}

.b-notification-bar .item:first-child {
    border-bottom: 1px solid #013E93
}

.b-notification-bar .item:first-child .info-box {
    top: 0
}

.b-notification-bar .btn-bar {
    display: block;
    width: 80px;
    height: 80px;
    background-color: #5783B4;
    background-position: 25px 14px;
    transition: background-color .4s ease-out;
}
.b-notification-bar .btn-bar a{
color:#fff !important;
}
.b-notification-bar .btn-bar.contact:after {
    position: absolute;
    top: 30px;
    left: 0;
    content: "";
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 0 solid transparent;
    transition: border .2s ease-out, left .2s ease-out
}

.b-notification-bar .btn-bar:active, .b-notification-bar .btn-bar:focus, .b-notification-bar .btn-bar:hover {
    background-color: #013e93
}

.b-notification-bar .btn-bar:active:after, .b-notification-bar .btn-bar:focus:after, .b-notification-bar .btn-bar:hover:after {
    left: -10px;
    border-right: 10px solid #013e93
}

.b-notification-bar .btn-bar:active .info-box, .b-notification-bar .btn-bar:focus .info-box, .b-notification-bar .btn-bar:hover .info-box {
    transform: perspective(400px) rotateY(0deg);
    visibility: visible;
    opacity: 1;
    display: block
}

.b-notification-bar .btn-bar.contact {
    /* background-position: 25px 11px */
}

.b-notification-bar .btn-inner {
    display: inline-block;
    right: 0;
    width: 100%;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 42%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.b-notification-bar .info-box {
    position: absolute;
    border: 1px solid #EBEBEB;
    visibility: hidden;
    display: none;
    padding: 20px;
    top: -81px;
    min-height: 161px;
    right: 80px;
    width: 280px;
    color: #323232;
    background-color: #fff;
    text-indent: 0;
    text-align: left
}

.b-notification-bar .info-box>.link {
    position: relative;
    display: block;
}

.b-notification-bar .info-box>.link:active, .b-notification-bar .info-box>.link:focus, .b-notification-bar .info-box>.link:hover {
    color: #369
}

.b-notification-bar .info-box>.link:before {
    background-color: #369
}

.b-notification-bar .title {
    display: block;
    margin-bottom: 15px;
    color: #323232;
    font-size: 18px;
    line-height: 2rem;
}

.btn-inner img {
    display: block;
    margin: 0 auto 14px;
}

.layout-switch .ip-header {
    z-index: 9999999999999999999999 !important;
}

.ip-container.loaded .ip-inner {
    display: none;
}

/* new */
.wrapper_content {
    min-height: 500px;
}

.wrapper_content .pull-right.icon {
    margin-left: 15px;
}

.wrapper_content .list .thumbnail {
    border: none;
    background-color: #f2f5f6;
    padding: 0;
    overflow: hidden;
}

.wrapper_content .list .caption {
    padding: 10px 15px;
}

.wrapper_content .list .caption .wrap-btn {
    text-align: left;
    margin-bottom: 0;
}

.wrapper_content .list .caption .wrap-btn .btn {
    color: #000;
}

.wrapper_content .list .caption h3 {
    margin-top: 0;
    font-size: 15px;
    font-weight: bold;
}

.wrapper_content .list .caption p {
    text-align: justify;
    font-size: 12px;
}

.wrapper_content .wrapper-pic {
    position: relative;
}

.wrapper_content .wrapper-pic:after {
    content: "";
    height: 0;
    position: absolute;
    left: 48%;
    bottom: 0;
    width: 0;
    border-style: solid;
    border-width: 0 8px 8px 8px;
    border-color: transparent transparent #f2f5f6 transparent;
}

.wrapper_content .wrapper-pic img {
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

.wrapper_content .thumbnail:hover .wrapper-pic img, .wrapper_content .thumbnail:focus .wrapper-pic img, .wrapper_content .thumbnail:active .wrapper-pic img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
#accordion .panel-body ul li a.active,#accordion .panel-title .active{
padding:5px;
width:100%;
border-radius:5px;
background-color:#1675A5 !important;
color:#fff !important;
margin:2px 0;
}

#top-image img,#bottom-images img{
 margin:0 auto;
cursor:pointer;
}
.slick-slide{margin:0 5px;}
.thumbnail {
    position: relative;
    min-height: 330px;
}
.wrapper_content .list .caption .wrap-btn {
    position: absolute;
    bottom: 5px;
}