/*=============================================================
    Authour URI: www.binarytheme.com
    License: Commons Attribution 3.0

    http://creativecommons.org/licenses/by/3.0/

    100% To use For Personal And Commercial Use.
    IN EXCHANGE JUST GIVE US CREDITS AND TELL YOUR FRIENDS ABOUT US
   
    ========================================================  */
/* =============================================================
   GENERAL STYLES
 ============================================================ */
body {
    font-family: 'Microsoft YaHei';
   
}
.pad-top {
    padding-top:60px;
}
.pad-top-more {
    padding-top:90px;
}
.text-center {
    text-align:center;
}
/*JUST ADDED PADDING IN SECTIONS OF TEMPLATE */
section {
    padding-top:50px;
}
/* ADDED PADDING IN NAVBAR */
.navbar {
    padding:25px;
     -webkit-transition: background .8s ease-out,padding .8s ease-out;
        -moz-transition: background .8s ease-out,padding .8s ease-out;
        transition: background .8s ease-out,padding .8s ease-out;
}
/* CLASS FOR REMOVING PADDING IN NAVBAR*/
.navbar-pad-original {
      padding:5px;
}
/*========================================
    NAV BAR
    ======================================*/
.navbar-inverse .navbar-nav > li > a {
color: #000;
}
.navbar-inverse {
background-color: #FFF;
border-color: #7eb9f8;
font-size: 25px;
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
color: #000000;
background-color: transparent;
}
.navbar-inverse .navbar-brand {
color: #000;
font-size: 27px;
font-weight: 550;
}
.navbar-inverse:hover .navbar-brand:hover {
color: #000;
}
.navbar-toggle {
    background-color: black;
}
/*CHANGING COLOR  SCROLLSPY ON LINK ACTIVE  */
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
color: #fff;
background-color: #0D9FD7;
}
/*========================================
    HOME SECTION
    ======================================*/

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
      width: auto;
      margin: auto;
      position: relative;
      padding:100px;
} 
.carousel {
    background-color: #00164A
}
/*========================================
    ABOUT SECTION
    ======================================*/
#about {
	width: auto;
      margin: auto;
background-color: #00164A;
color: #fff;
min-height:200px;
}
.panel > .panel-heading {
position: relative;
padding: 10px;
}
.panel-title > a.collapsed:after {
content: '+';
position: absolute;
right: 24px;
}

.panel-title > a:after {
 content: '-';
position: absolute;
right: 24px;

}
.panel {
color:#000;
}

 /*========================================
    PORTFOLIO SECTION
    ======================================*/
 

#portfolio {
    z-index: 2;
    padding-bottom: 40px;
    background-color: #00164A;
}

.display{
padding: 100px 0;
    min-height: 100%;
    border: 0;
    border-radius: 0;
    text-align: center;
    background-clip: border-box;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.modal-body span {
    cursor:pointer;
    color:#66B8F0;
}
.product-intro{
    background-color: #f2f2f2;
}
/*========================================
    CONTACT SECTION
    ======================================*/
#contact {
    min-height:350px;
    }
.contact-title{
        border-bottom: 1px solid #7eb9f8;
}


.cnt {
width: 100%;
min-height: 350px;
border: 1px solid #e1e1e1;
}
.add {
font-size:20px;
padding:20px;
}
.contact-details{
    font-size: 20px;
    padding-bottom: 5px;
}
.contact-details img{
    width:30px;
    height:30px
}
/*========================================
    FOOTER SECTION
    ======================================*/
#footer {

background-color:#00164A;
color: #fff;
padding: 20px 50px 20px 50px;
text-align: right;
border-top: 1px solid #7eb9f8;
}