/*!
 * Start Bootstrap - Modern Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');
html,
body {background: #e9f5ef;
    height: 100%;
}

body {font-family: 'Open Sans', sans-serif; font-size:15px; font-weight:500; line-height:22px;

}
.white{background:#fff;}
.img-portfolio {
    margin-bottom: 30px;
}
a:hover{text-decoration:none;}
.img-hover:hover {
    opacity: 0.8;
}
p{line-height:24px; font-size:16px;}


/* 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 {* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#205d70+0,1c4a63+45,245d7c+100 */
background: #205d70; /* Old browsers */
background: -moz-linear-gradient(-45deg, #205d70 0%, #1c4a63 45%, #245d7c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #205d70 0%,#1c4a63 45%,#245d7c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #205d70 0%,#1c4a63 45%,#245d7c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#205d70', endColorstr='#245d7c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */padding-top:30px; color:#fff;
}
/*** 

====================================================================
	Main Footer
====================================================================

***/

.main-footer{
	position:relative;
	border-top:3px solid #00a3c8;
	color:#dddddd;
}

.main-footer .go-up{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:30px;
	text-align:center;
	color:#ffffff;	
}

.main-footer .go-up .icon{
	position:absolute;
	width:100%;
	left:-5px;
	top:-32px;
	height:30px;
	line-height:30px;
	font-size:12px;	
}

.main-footer .go-up .curve{
	position:relative;
	display:inline-block;
	width:0px;
	top:0px;
	border:30px solid transparent;
	border-top:30px solid #00a3c8;
	cursor:pointer;	
}

.main-footer .footer-upper{
	position:relative;
	
}

.main-footer .footer-upper .column{
	position:relative;
	margin-bottom:20px;	
}

.footer-upper .column h2{
	position:relative;
	display:inline-block;
	font-weight:800;
	font-size:16px;
	line-height:26px;
	padding:0px 0px 16px 0px;
	margin-bottom:15px;
	text-transform:uppercase;
	color:#ffffff;
}

.footer-upper .column h2:after{
	content:'';
	position:absolute;
	left:0px;
	bottom:0px;
	width:100px;
	height:4px;
	background:#1c88ca;
	border-radius:3px;
	-webkit-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	-moz-border-radius:3px;	
}

.footer-upper .column h2 strong{
	font-weight:400;	
}
.main-footer .footer-upper .links ul{padding:0px; list-style:none;}
.main-footer .footer-upper .links ul li{
    line-height: 24px; font-size:16px;
    margin-bottom: 8px;
    position: relative;
}

.main-footer .footer-upper .links ul li:before {
	content:'\f0da';
	font-family:'FontAwesome';
    color: #999999;
    font-size: 12px;
    left: 0;
    line-height: 18px;
    position: absolute;
    top: 3px;
}

.main-footer .footer-upper .links ul li:hover:before{
	color:#00a3c8;	
}

.main-footer .footer-upper .links ul li a {
    color: #dddddd;
    display: block;
    padding-left: 15px; font-weight:600;
}

.main-footer .footer-upper .links ul li a:hover {
    color: #1c88ca;
}

.main-footer .social-links{
	position:relative;
	padding-top:5px;
}

.main-footer .social-links a{
	position:relative;
	display:inline-block;
	margin:0px 5px 3px 0px;
	width:32px;
	height:32px;
	line-height:30px;
	color:#dddddd;
	border:1px solid #999999;
	background:#1b1b1b;
	font-size:13px;
	text-align:center;
	transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
}

.main-footer .social-links a:hover{
	border-color:#ffffff;
	background:#00a3c8;
	color:#ffffff;
}
.main-footer .social-links a:hover.fa-google-plus{background:#F00;}
.social-links a:hover.fa-facebook-f, .social-links a:hover.fa-linkedin{ background:#069;}
.footer-upper .form-box{
	position:relative;	
}

.footer-upper .form-group{
	position:relative;
	margin-bottom:20px;	
}

.footer-upper .form-group input{
	position:relative;
	display:block;
	width:100%;
	padding:9px 40px 9px 15px;
	line-height:22px;
	background:#1e1e1e;
	color:#ffffff;	
}

.footer-upper .form-box button{
	position:absolute;
	right:0px;
	top:0px;
	width:40px;
	height:40px;
	color:#00a3c8;
	font-size:14px;
	text-align:center;
	background:none;
}

.footer-upper .form-box input:focus{
	background:#000000;	
}

.footer-upper .form-box input:focus + button{
	color:#ffffff;	
}

.footer-upper .contact-info li{
	margin-bottom:7px;	
}

.footer-bottom{
	position:relative;
	background:#062e3c;
	border-top:1px solid #235a78;
	padding:5px 0px;
	font-size:13px;
	text-align:center;
}
.footer-widget.about-widget .text p a{color:#5fd8f9;}
.footer-bottom .copyright{
	position:relative;
	line-height:30px; font-size:16px;
}

.footer-bottom .copyright a{
	position:relative;
	color:#1c88ca;	
}

.footer-bottom .copyright strong{
	font-weight:400;
	color:#ffffff;	
}

.footer-bottom .copyright .fa{
	color:#00a3c8;	
}

.main-footer .contact-info{
	position:relative;
	margin:30px 0px 0px;
	color:#666666;
	text-align:center;	
}

.main-footer .contact-info li{
	position:relative;
	display:inline-block;
	padding:0px 20px;	
}

.main-footer .contact-info li .fa{
	padding-right:5px;
	color:#999999;
}

.main-footer .contact-info .info{
	font-size:18px;
	color:#999999;	
}

.career-form{border: 10px solid #2c8c98;padding: 20px; background: #e9f5ef; margin: 15px 0px;}
.career-form p.red{ color:#F00;border-bottom: 1px dotted #ff012c; padding-bottom: 5px;}
.career-form label.control-label{ font-weight:normal;}
.career-form label.control-label span{color:#F00; font-size:12px;}


/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

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

    header.carousel .carousel {
        height: 70%;
    }
}