.top-header {
    background:#e08862;
    padding:2px;
}
.blue {
    background: #4d86ac url(../images/header-abstract.jpg) left top no-repeat;
    background-size: cover;
}
.header {
    min-height:80px;
    margin-bottom:15px;
   
}
html {
       position: relative;
    min-height: 100%;
}
body {}
#wrap {margin-bottom:130px}
footer {    height: 100px;
    width: 100%;
    position: absolute;
    bottom: 0;}
.header-item a {margin:0px 10px; color:#d9d9d9}
.topsearch input{height:30px;}
.mtop20{margin-top:20px;}
.m25 { margin:25px;}
.presentation{height:150px;}
.album img {height:100px;}
.PhotoImage img { max-height:100px; padding:0; margin:15px 0px}
.loading-bar {text-align:center; padding:10px; margin:10px 0px 80px 0px; background:#f0efee; border-radius:5px; }
.loading-bar::before{clear:both;}
.topOfPage {position:relative; z-index:1050; }
.mainlink {font-size:16px; font-weight:bold}
.presenttion {position:relative; height:130px;}
.download {position:absolute; opacity:0.7; color:#fff; font-size:32px; top:40px; left:60px}
.download:hover {opacity:1; transform:scale(1.2); transition:all 500ms ease;}

.mainlink a{text-decoration:none; font-weight:normal;}
.subhead {
   
}

h1 {  padding:20px; 
   
    background:#e08862;
    border-bottom:4px solid  #818285;
  color:#fff; 
  width:100%;
  display:block;
  margin-bottom:20px;
}
/*footer*/
#inner-footer {
width: 100%;
background-color: #3A3A3A;

}

footer {
font-size: 12px;
color: #777;

}
#copyright-container
{
    height: 40px;
    width: 100%;
    background-color: #303030;
}
    #copyright-container p
    {
        font-size: 11px;
        line-height: 40px;
        vertical-align: baseline;
        margin: 0;
    }
   
    #footer-right-side {
float: right;
}
#footer-container-info div {
float: left;
margin-right: 20px;
}

#footer-container-info div {
float: left;
margin-right: 20px;
}
#footer-menu, #stay-connected {
text-transform: uppercase;
border-bottom: 1px solid #484848;
padding: 30px 0 0 0;
margin-bottom:5px;
}
#footer-menu .nav {
margin: 0;
}
#footer-menu .nav li {
padding-bottom: 10px;
line-height: 20px;
margin: 0;
}
#footer-menu > .nav > li > a {
font-size: 12px;
border-left: 1px solid #484848;
padding: 0 10px;
background-color: inherit;
}

#footer-menu a, #footer-container-info a  {
color: #777;
}
#footer-menu a:hover, #footer-container-info a:hover {
color: #f0efee;
}

#search {
    float: right;
    margin-top: 9px;
    width: 250px;
}

.searchbox{
    position:relative;
    min-width:40px;
    width:0%;
    height:40px;
    float:right;
    overflow:hidden;
    top:-40px;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    -ms-transition: width 0.3s;
    -o-transition: width 0.3s;
    transition: width 0.3s;
}

.searchbox-input{
    top:0;
    right:0;
    border:0;
    outline:0;
    background:#ececec;
    width:100%;
    height:40px;
    margin:0;
    padding:0px 55px 0px 20px;
    font-size:16px;
    color:#ccc;
}
.searchbox-input::-webkit-input-placeholder {
    color: #ccc;
}
.searchbox-input:-moz-placeholder {
    color: #ccc;
}
.searchbox-input::-moz-placeholder {
    color: #ccc;
}
.searchbox-input:-ms-input-placeholder {
    color: #ccc;
}

.searchbox-icon,
.searchbox-submit{
    width:40px;
    height:40px;
    display:block;
    position:absolute;
    top:0;
    font-family:verdana;
    font-size:22px;
    right:0;
    padding:8px 0 0;
    margin:0;
    border:0;
    outline:0;
    line-height:50px;
    text-align:center;
    cursor:pointer;
    color:#fff;
    background:#818285;
    border-radius:4px;
}



.searchbox-open{
    width:100%;
}

.byline{
  position:absolute;
  top:150px;
  left:30%;
  text-align:center;
  font-size:18px;
}
.byline a{
  text-decoration:none;
  color: #d74b4b;
}
.section {background:#f3f3f3; padding:25px;}
.features .icon {
    width:80px;
    height:80px;
    text-align:center;
    background:#cccfd5;
    color:#fff;
    font-size:28px;
    line-height:80px;
    border-radius:50%;
    box-shadow:0 3px rgba(0,0,0,0.05);
    -webkit-transition:background .3s ease-out;
    transition:background .3s ease-out;
    padding-top: 25px;
}

.features .media:hover .icon {
    background:#158cba;
}

.features .icon .icon-1 {
    width:80px;
    opacity:1;
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transition:all .3s ease-out .2s;
    transition:all .3s ease-out .2s;
}

.features .icon .icon-2 {
    width:80px;
    position:relative;
    top:-80px;
    opacity:0;
    -webkit-transform:scale(2);
    transform:scale(2);
    -webkit-transition:all .3s ease-out 0s;
    transition:all .3s ease-out 0s;
    padding-top: 55px;
}

.features .media:hover .icon .icon-1 {
    opacity:0;
    -webkit-transform:scale(0);
    transform:scale(0);
    -webkit-transition:all .3s ease-out 0s;
    transition:all .3s ease-out 0s;
}

.features .media:hover .icon .icon-2 {
    opacity:1;
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transition:all .3s ease-out .2s;
    transition:all .3s ease-out .2s;
}

.features .media {
    margin-bottom:40px;
}

.features .media-body p{
    font-size:16px;
}

.features .media h4 {
    -webkit-transition:color .3s ease-out;
    transition:color .3s ease-out;
}

.features .media:hover h4 {
    color:#158cba;
}
.features .media-body p {
font-size: 16px;
line-height: 24px;
font-weight: 300;
}
.section-title {
position: relative;
margin-bottom: 40px;
font-size: 42px;
line-height: 64px;
font-weight: 700;
letter-spacing: 0.03em;
text-align: center;
text-transform: uppercase;
}
.section-title:after {
display: block;
content: "";
width: 100px;
height: 4px;
position: absolute;
left: 50%;
bottom: -15px;
margin-left: -50px;
background: #e08862;
border-radius: 3px;
box-shadow: 0 2px 0 rgba(0,0,0,0.08);
}

.section-2 {background:#e08862; padding:30px; margin-bottom:-30px; color:#fff; font-size:20px; margin-top:50px;}
.section-2 h2 {color:#fff; font-size:26px; text-transform:uppercase}
.section-2 h2 span{text-transform:lowercase; font-size:20px;}
a.social-icon {font-size:24px; margin-right:5px; color:#d9d9d9;}
.vcenter{margin-top:50%}
.carousel-caption h4, .carousel-caption h4 a{ color:#fff; font-weight:700; text-transform:uppercase; }
.carousel-caption{ padding:20px;color:#fff; margin:10px 0px;text-align:left; font-size:16px; line-height:18px; }

.sm_img{margin:0 10px;}
@media (max-width: 768px) {
    .presentation {height:auto !important;}


}
.carousel-inner  .item {height:350px; overflow:hidden}

.album .panel-footer{ height:90px; overflow:hidden;
}
.lang {padding-top:5px; text-align:right;}
.btn-circle {width: 27px;
    height: 27px;
    background: #d9d9d9;
    border-radius:4px;
    display: inline-block;
    padding: 5px;
    font-size: 10px;
    margin: 5px 0 0 0; text-align:center}