/*=============================================================
    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:20px;
}
.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:10px;
}
/*========================================
    NAV BAR
    ======================================*/
.navbar-inverse .navbar-nav > li > a {
color: #000;
}
.navbar-inverse {
background-color: #FFF;
border-color: #7eb9f8;
font-size: 20px;
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
color: #000000;
background-color: transparent;
}
.navbar-inverse navbar-pad-original {
color: #000;
font-size: 22px;
font-weight: 900;
}

.navbar-brand {
    color: #000;
    font-size: 22px;
    font-weight: 900;
    float: left;
    height: 20px;
    padding: 0px 15px;
    line-height: 20px;
    margin-top: -10px;
}

.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;
}
/*========================================
    HOME SECTION
    ======================================*/
#home {
min-height:550px;
background-color:#7eb9f8;
}
    #home h1,#home h3 {
        color:#fff;
        text-transform:uppercase;
    }
    #home a i {
        display:table;
        font-size:120px;
    
}
/*========================================
    ABOUT SECTION
    ======================================*/
#about {
background-color: #66B8F0;
color: #fff;
min-height:700px;
}
.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;
    
}

.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;
}
/*========================================
    CONTACT SECTION
    ======================================*/

/*========================================
    HOME SECTION
    ======================================*/
#contact-home {
min-height:300px;
background-color:#7eb9f8;
}
    #contact-home h1,#contact-home h3 {
        color:#fff;
        text-transform:uppercase;
    }
    #contact-home a i {
        display:table;
        font-size:120px;

}

#contact {
    min-height:400px;
    }
#contact .form-control {
    height:60px;
}

#contact .form-control-large {
    height:180px;
}


.cnt {
width: 100%;
min-height: 350px;
border: 1px solid #e1e1e1;
}
.add {
font-size:16px;
padding:20px;
}

.add-no-padding {
    font-size:16px;
}
/*========================================
    FOOTER SECTION
    ======================================*/
#footer {

background-color: #136ac6;
color: #fff;
padding: 20px 50px 20px 50px;
text-align: left;
border-top: 1px solid #136ac6;
}

#footer > a {
    color: #f6c9c9;
}

#footer > a:hover {
    color: #f78d8d;
}
table, th, td {
    border: 1px solid black;
    border-collapse: collapse;
}
th, td {
    padding-top: 10px;
    padding-bottom: 20px;
    padding-left: 30px;
    padding-right: 40px;
}

.image-border {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px;

    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

.back_to_toc {
    font-size: 10px;
    font-style: italic;
    outline-style: double;
    outline-offset: 3px;
}

.pre {
    background: #f4f4f4;
    border: 1px solid #ddd;
    border-left: 3px solid #f36d33;
    color: #666;
    page-break-inside: avoid;
    font-family: monospace;
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1em 1.5em;
    display: block;
    word-wrap: break-word;
}



.modal-header .close{
	position: absolute;
	right: 10px;
	top: 20px;
	margin: 0;
}
.modal-header h3{
	display: block;
    margin-bottom: 0.5em;
}

.modal-body .submit-button {
    margin-bottom: 1em;
}
.form-control {
    width: 100%;
    margin-bottom: 10px;
    padding: 14px;
    border-color: #bee2ef;
    border-radius: 0px;
    color: #bee2ef;
	/*font-family: 'Rubik', sans-serif;*/
    background: transparent;
    /*font-size: 14px;*/
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.form-control:focus {
    box-shadow: none;
    color: #016385;
    border-color: #016385;
    background: transparent;
    outline: none;
}

.with-errors ul li{
	color: red;
}


.grecaptcha-badge {
    transform:scale(0.8);
    -webkit-transform:scale(0.8);
    margin-right: 11px;
    opacity: 0.6;
}

.breadcrumbs {
    z-index:2
}

@media screen and (min-width: 768px) {
    .breadcrumbs {

    }
}

.breadcrumbs p {
    font-size:16px
}

.breadcrumbs p a:hover, .breadcrumbs p a:focus {
    text-decoration:none
}