/*=============================================================
    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: 'Open Sans', sans-serif;
   
}
.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:  #122355;
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: 900;
}
.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: #7eb9f8;
}
#menu-logo {
   
    float: left;
	/* width: 100%;
	max-height:30px;*/
	padding-top:-5px;	
	display:block;
	position:relative;
}
/*========================================
    HOME SECTION
    ======================================*/
#home {
min-height:820px;
/*background-color:#7eb9f8;*/
background:url(../img/bg-header.jpg);
background-size: cover;

}
    #home h1,#home h3 {
		
        color:#fff;
        text-transform:uppercase;
    }
    #home a i {
        display:table;
        font-size:150px;
    
}
/*========================================
    ABOUT SECTION
    ======================================*/
#about {
/*background-color: #66B8F0;
color: #fff;*/
min-height:1000px;
background:url(../img/bg-about.jpg);
background-size: cover;
}
.panel > .panel-heading {
position: relative;
padding: 15px;
}
.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;
	background-color:#e4e6e7;
    
}

.portfolio-modal .modal-content {
    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;
}


.portfolio-modal .modal-content img {
    margin-bottom: 30px;
}

.modal-body span {
    cursor:pointer;
    color:#66B8F0;
}

/*=======================================
CEO section
========================================*/

#ceo {
background-color: #58595d;
color: #fff;
min-height:400px;

}
.panel > .panel-heading {
position: relative;
padding: 15px;
}
.panel-title > a.collapsed:after {
content: '+';
position: absolute;
right: 24px;
}

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

}
.panel {
color:#000;
}

 /*========================================
    GALLERY SECTION
    ======================================*/
 

#portfolio2 {
	min-height:1960px;
    z-index: 2;
	/*background-color:#e4e6e7;*/
    background:url(../img/gallery.jpg);
	background-size:cover;
}

.portfolio2-modal .modal-content {
    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;
}


.portfolio2-modal .modal-content img {
    margin-bottom: 30px;
}

.modal-body span {
    cursor:pointer;
    color:#66B8F0;
}





/*========================================
    CONTACT SECTION
    ======================================*/
#contact {
    min-height:960px;
	background: url(../img/contactus.jpg);
	background-size:cover;
    }
#contact .form-control {
    height:60px;
}
.cnt {
width: 100%;
min-height: 350px;
border: 1px solid #e1e1e1;
}
.add {
font-size:20px;
padding:20px;
}
/*========================================
    FOOTER SECTION
    ======================================*/
#footer {

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

background: #222222;
	color: #ffffff;
	text-align: center;
}


.thumbnail {
    position:relative;
    overflow:hidden;
}
.thumbnail .caption {
    position:absolute;
    top:0;
    left:0;
   background:rgba(238, 238, 238, 0.90);
    width:100%;
    height:100%;
	/*width:260px;
height:240px;*/
-webkit-transform: scale(0);
transform: scale(0);
border-radius:5px;
/*background-color: rgba(0,0,0,0.75);*/
-webkit-box-shadow: 0px 0px 15px 2px rgba(255,255,255,.75) inset;
box-shadow: 0px 0px 15px 2px rgba(255,255,255,.75) inset;


 /*  padding:2%;
    display: none;
    text-align:center;
    color:#777777 !important;
    font-weight: bold;
    z-index:2;*/
	
    
	 -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.thumbnail:hover .caption {
-webkit-transform: scale(1);
transform: scale(1);
}

.caption {
padding-top: 50px;
}
.caption {
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
}
/***********************
PLANT SECTION
*************************/
#plant {
background-color:#B4C1C7;
color: #fff;
min-height:400px;

}

/****
FLASH
****/
.blinking{
    animation:blinkingText 1.2s infinite;
}
@keyframes blinkingText{
    0%{     color: #1345eb;    }
    49%{    color: #1345eb; }
    60%{    color: transparent; }
    99%{    color:transparent;  }
    100%{   color: #1345eb;    }
}