/*!
 * 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 */

html,
body {
    height: 100%;
	font-family:Helvetica World, arial;
	
}

.panel-heading{
text-align:justify;
}


p{
text-align:justify;
}

body {
    padding-top: 85px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

a, a:hover, a:focus {
	color:inherit;
	text-decoration:none;
}
a:hover{
	opacity:0.7;
}
.navbar{
		height:85px;
		box-shadow: 0px 5px 5px grey;

}

.navbar .nav li{
	background:#00c0f3;
	margin-left:2px;
}

.navbar .nav li:hover{
	background:#f598a4;
}

.navbar .nav .lactive{
	background:#f598a4;
}

.navbar .nav li a{
	color:#000;
}

.navbar .nav li a:hover{
	color:#000;
}


.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus{
	background:#f598a4
}

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

.img-hover:hover {
    opacity: 0.8;
}

/* Home Page Carousel */

header.carousel {
    height: 80%;
}

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;
}


@keyframes slideInFromLeft {
  0% {
    transform: translateX(-100%);
	opacity:0;
  }
  100% {
    transform: translateX(0);
	opacity:1;
  }
}

.slogan {  
  /* This section calls the slideInFromLeft animation we defined above */
  animation: 1s ease-out 0s 1 slideInFromLeft;
}


.slogan{
	width:100%;
	padding:10px;
	text-align:center;
	font-size:200%;
	position:absolute;
	bottom:0px;
	background:#00c0f3;
	color:#FFF;
	
	letter-spacing: 1px;
}




.pro-slog{
	width:100%;
	padding:10px;
	text-align:center;
	font-size:150%;
	background:#f598a4;
	color:#FFF;
	letter-spacing: 2px;
	margin-top:10px;
	margin-bottom:20px;
}





.colp-2{
	width:19%;
	margin:10px 0.5%;
	background:#FFF;
	padding:2px;
	float:left;
}
.colp-2 img{
	width:100%;
}

.lin-btn{
	width:100%;
	padding:5px;
	color:#FFF;
	text-align:center;
	font-size:120%;
	bottom:0px;
}


.page-header{
	color:#1b3769;
	font-weight:bold;
}

.tab-content img{
	width:100%;
}

/* 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;
}

.panel{
	background-color:inherit;
	border-color:#FFF;
}

.panel-default>.panel-heading{
	background-color:inherit;
	color:#FFF;
	border-color:#FFF;
	padding:10px 10px;
}
/* Footer Styles */



.events img{
	width:100%;
	margin-bottom:5px;
	max-height:300px;
}

footer {
    margin: 50px 0;
}

.btn-social {
    font-size: 20px;
    line-height: 45px;
    display: inline-block;
    width: 50px;
    height: 50px;
    text-align: center;
    border: 2px solid #002a6d;
    border-radius: 100%;
}
/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
	.colp-2{
	width:31%;
	margin:10px 1%;
}

}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }
		.colp-2{
	width:48%;
	margin:10px 1%;
}

    header.carousel .carousel {
        height: 70%;
    }
	
	.slogan{
	font-size:120%;
}
}


body {
    user-select: none;
     -moz-user-select: none; /* Firefox */
      -ms-user-select: none; /* Internet Explorer */
   -khtml-user-select: none; /* KHTML browsers (e.g. Konqueror) */
  -webkit-user-select: none; /* Chrome, Safari, and Opera */
  -webkit-touch-callout: none; /* Disable Android and iOS callouts*/
}