html,
body {
    width: 100%;
    height: 100%;
}

body {
    font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
    background-color: #000000;
}

.text-vertical-center {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.text-vertical-center {
    margin: 0;
    padding: 0;
}

.text-padding-right {
    padding-top: 0px;
    padding-right: 25px;
    padding-left: 25px;
    padding-bottom: 0px;
}

.text-padding-left {
    padding-top: 0px;
    padding-right: 25px;
    padding-left: 25px;
}

.padding {
	padding-top: 15px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 15px;
}

.padding-row {
	padding-top: 15px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 15px;
}

/* Header */

.header {
    display: table;
    position: relative;
    width: 100%;
    height: 100%;
    background: url('../../img/bg.jpg') no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

/* Carousel */

.carousel-item {
  height: 65vh;
  min-height: 300px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/* Content */

.content {
    padding-top: 50px;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 40px;
}

/* Images */

.img-padding {
    margin-top: 15px;
    margin-bottom: 15px;
    margin-right: 0px;
    margin-left: 0px;
}

/* Images-Overlay */

.image-overlay {
  position: relative;
  width: 50%;
}

.image {
	width: 100%;
}

.overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	transition: .5s ease;
	background-color: rgba(0,0,0,0.75);
}

.container:hover .overlay {
	opacity: 1;
}

.text {
  color: white;
  font-size: 15px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

/* bg-img */

.img-shadow { 
  box-shadow: inset 0px 0px 100px rgba(0,0,0,0.5);
}

.bg-img {
    display: table;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.bg-image-full {
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center;
  background-size: cover;
}


.img-shadow { 
  box-shadow: inset 0px 0px 100px rgba(0,0,0,0.5);
}

/* img-hover */

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

/* Callout */

.callout {
    display: table;
    width: 100%;
    height: 400px;
    background: url("../../img/callout.jpg") no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}


/* Portfolio */

.portfolio {
	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 0;
}


/* Colour */

.bg-dark {
    background-color: rgba(0,0,0,0.75) !important;
}

a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: #1d2124 !important;
}

.black {
	color: #000000;
}

.white {
	color: #FFFFFF;
}

/* Images */

.image-fill {
    width: 100%;
    border: 0.5px solid #000000;
}

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

/* parallax */

.parallax { 
    /* The image used */
    background-image: url("../../img/parallax.jpg");

    /* Set a specific height */
    height: 500px; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Nav-Tab */

.tab {
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 50px;
}

.tab-line {
    border-top: thin solid #F8060A;
}


p{
    padding-left: 15px;
    padding-right: 15px;
    font-size: 15px;
    padding-top: 15px;
         }
         h3{
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    margin: 0;
    font-size: 20px;
         }
         .nav-link{
    padding-right: 15px;
    padding-left: 15px;
    font-size: 15px;
         }
         .nav-tabs{
         border-bottom: 0px;
         }
         .nav-tabs .nav-link.active{
         color: #fff !important;
         }
         .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
         color: #182C61;
      
         }
         .tab-content>.active,.nav-tabs .nav-link.active{
    background-color: #C0C0C0;
         }
         .nav-tabs .nav-link{
    font-size: 15px;
         }
         .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{
         }

.portfolio-logo {
	padding-top: 0px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 0px;
}

.portfolio-item {
	margin-bottom: 0px;
}

.portfolio-padding {
    padding-top: 0px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 0px;
}

/* Flip */

.img-hor-vert {
    -moz-transform: scale(-1, -1);
    -o-transform: scale(-1, -1);
    -webkit-transform: scale(-1, -1);
    transform: scale(-1, -1);
}

/* Footer */

footer {
    padding-right: 0;
    padding-left: 0;
}

@media (max-width: 2100px){
}

@media (max-width: 1600px){
}

@media (max-width: 1200px){
}