/*!
 * Start Bootstrap - Modern Business (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

/* Global Styles */
@import 'https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300';
html,
body { height: 100%; background: #fff; color: #080808; font-size: 15pt; line-height: 1.85em; font-family: 'Open Sans Condensed', sans-serif; font-weight: 300; }

body { padding-top: 5%; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */ }
.par { text-align: justify; }
.page-wraper { margin-top: 2%; }
.well { background-color: white; border: none; padding: 0px; }
.navbar-brand > img { display: block; max-width: 270px; margin-top: -7px; }
.navbar { min-height: 100px; }
.navbar-inverse .navbar-nav > li > a { color: #fff; }
    .navbar-inverse .navbar-nav > li > a :hover { color: #818285; }
.navbar-inverse { background-color: #818285; border-color: #080808; margin-bottom: 2%; }
.navbar-nav > li > a { padding-top: 33px; padding-bottom: 15px; }
.navbar-fixed-top { top: 0; border-width: 0 0 0px; box-shadow: 0 6px 12px rgba(0,0,0,.175);}
.dropdown-menu > li > a { background-color: #818285; display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.42857143; color: #fff; white-space: nowrap; }
.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #818285; -webkit-background-clip: padding-box; background-clip: padding-box; }
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover { color: #fff; background-color: #818285; }
.carousel-caption p { margin: 0 0 -15px 0; width: 110%; background-color:rgba(0, 0, 0, 0.5);}
.img-portfolio { margin-bottom: 30px; }
.img-hover:hover { opacity: 0.8; }
.bg { margin-top: 2%; height: 109%; width: 100%;}
.footer-main { background-color: #818285; position: absolute; left: 0; right: 0; width: 100%; }
.footer-one { padding: 0 10px; text-align: center; }
    .footer-one i { padding: 17px 17px; background: #8FD4D7; font-size: 18px; border-radius: 100%; margin-bottom: 35px; }

.footer-grids { margin-top: 55px; color: #fff; }
.footer-one p { line-height: 2.2em; color: #fff; font-size: 15px; }
    .footer-one p span { display: block; }
    .footer-one p a { color: #fff; text-decoration: none; }
        .footer-one p a:hover { color: #8FD4D7; }


/* Home Page Carousel */
#myCarousel { margin-top: 2%; height: 75%; }
header.carousel { height: 100%; }

    header.carousel .item,
    header.carousel .item.active,
    header.carousel .carousel-inner { height: 100%; }

    header.carousel .fill { width: 100%; height: 100%; background-position: center; background-size: cover; }

/* 404 Page Styles */

.error-404 { font-size: 100px; }

/* Pricing Page Styles */

.price { display: block; font-size: 50px; line-height: 50px; }

    .price sup { top: -20px; left: 2px; font-size: 20px; }

.period { display: block; font-style: italic; }

/* Footer Styles */

footer { margin: 50px 0; }

/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related { margin-bottom: 30px; }
    .navbar-nav > li > a { padding-top: 33px; padding-bottom: 15px; }
    .page-wraper { }
    .navbar-brand > img { display: block; max-width: 230px; margin-top: -55px; }
}

@media(max-width:767px) {
    .img-portfolio { margin-bottom: 15px; }

    header.carousel .carousel { height: 70%; }
    .navbar-nav > li > a { padding-top: 33px; padding-bottom: 15px; }
    .page-wraper { margin-top: 15%; }
    .well { padding: 15px; }
    .navbar-brand > img { display: block; max-width: 230px; margin-top: -4px; }
}

@media (min-width: 768px) {
    .navbar-nav > li > a { padding-top: 30px; padding-bottom: 15px; }
    .page-wraper { margin-top: 6%; }
    .navbar-brand > img { display: block; width: 274px; margin-top: -9px; }
}




/*--contact--*/
.contact{
	background: #ecf0f1;
}
.contact-left iframe {
    width: 100%;
    min-height: 32.5em;
    border: none;
}
.contact-form h5 {
    font-size: 2em;
    color: #333;
}
.welcome.contact h4 {
    margin: 0 0 .5em;
    color: #FF5722;
}
.address-left {
    float: left;
    width: 45%;
	position: relative;
}
.address-right {
    float: right;
    width: 46%;
}
.address-left:after {
    content: '';
    width: 1px;
    height: 100%;
    background: #ccc;
    position: absolute;
    top: 0;
    right: -17px;
}
.contact p a {
    color: #00cae4;
}
.contact p a:hover{
    color: #999;
}
.info {
    margin-top: 3em;
}
.info ul {
    padding: 0;
    list-style: none;
}
.faq li {
    margin-top: 0.5em;
}
.faq li:nth-child(1) {
    margin: 0;
}
.faq li a {
    padding: 0.5em 1em;
    width: 85%;
    display: block;
    position: relative;
    color: #999;
    font-size: 1.1em;
    text-decoration: none;
    border: 1px solid #ccc;
}
.faq li a:hover,.faq li a.active{
	color: #fff;
	background:#00cae4;
}
.faq span.glyphicon {
    margin-right: .5em;
    vertical-align: middle;
    font-size: 1em;
}
.faq li a.active span.glyphicon {
	-webkit-transform: rotatex(180deg);
	transform: rotatex(180deg);
	-moz-transform: rotatex(180deg);
	-o-transform: rotatex(180deg);
	-ms-transform: rotatex(180deg);
}
.faq li ul {
    width: 85%;
    border: 1px solid #DEDEDE;
    padding: 10px 20px;
    margin-top: .5em;
}
.faq li ul li p {
    font-size: 1em;
}
/*-- //faq --*/
.contact-form {
    background: url(../images/a1.jpg)no-repeat 0px 0px fixed;
    -webkit-background-size: cover;
    background-size: cover;
    -moz-background-size: cover;
    padding: 6em 15em;
    text-align: center;
    margin-top: 6em;
}
.contact-form h3.title {
    margin-bottom: 0.1em;
}
.contact-form p {
    color: #fff;
    margin-bottom: 4em;
}
.contact-form input[type="text"] {
    width: 100%;
    color: #fff;
    background: none;
    outline: none;
    font-size: 1em;
    padding: .8em 1em;
    margin: .5em 0;
    border: solid 1px #fff;
    -webkit-appearance: none;
    display: inline-block;
}
.contact-form textarea {
    resize: none;
    width: 100%;
    background: none;
    color: #fff;
    font-size: 1em;
    outline: none;
    padding: .6em .8em;
    border: solid 1px #fff;
    min-height: 12em;
    -webkit-appearance: none;
    margin-top: .5em;
}
.contact-form input[type="submit"] {
    border: none;
    outline: none;
    color: #fff;
    padding: 0.8em 6em;
    font-size: 1.1em;
    margin: 1em 0 0 0;
    -webkit-appearance: none;
    background: #00cae4;
    transition: 0.5s all;
    border: 2px solid #00cae4;
    -webkit-transition: 0.5s all;
	transition: 0.5s all;
    -moz-transition: 0.5s all;
}
.contact-form input[type="submit"]:hover {
    background: none;
    color: #00cae4;
}
::-webkit-input-placeholder{
	color:#fff !important;
}
/*-- //contact --*/