/*!
 * 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: "Myriad Pro Light";
}

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

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

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

/* Home Page Carousel */

header.carousel {
    height: 50%;
}

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

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


/* My custom codes starts here */
/*custom fonts and colors */
@font-face {
    font-family: "Myriad Pro Light";
    src: url(../fonts/MyriadPro-Light.otf)
}

@font-face {
    font-family: "Myriad Pro Semibold";
    src: url(../fonts/MyriadPro-Semibold.otf)
}

@font-face {
    font-family: "Bebas Neue";
    src: url(../fonts/BebasNeue.otf)
}

.bold {
    font-family: "Myriad Pro Semibold"
}

.services {
    font-family: "Bebas Neue";
}

/*Adida Blue */
.blue {
    color: #174785;
}

.lblue {
    color: #2AC3D3;
}

.dblue {
    color: #242a33;
}

/*white text*/
.wht {
    color: #fff;
}

/* accordion- useful for revealing stuff */
.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
}

.active,
.accordion:hover {
    background-color: #fff;
}


/*supplimenting accordion class */
.panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.pbig {
    font-size: 18px;
}

.img-services {
    margin: 0 10px 0 10px
}

.section {
    padding-top: 50px;
    padding-bottom: 50px;
}

.carousel-inside {
    color: #fff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    transform: translateY(-30%);
    margin: 50% 0;
}

/*header no line (modified page-header class) */
.headernoline {
    padding-bottom: 9px;
    margin: 40px 0 20px;
}

/* cookies message */
.cooke-wrapper span {
    position: absolute;
    right: 6px;
    top: 6px;
    cursor: pointer;
    -webkit-animation: all 2s;
    animation: all 2s;
}

.cooke-wrapper {
    position: fixed;
    bottom: 0;
    z-index: 260;
    left: 0;
    width: 100%;
    background-color: #07793f;
    opacity: .8;
    padding: 15px 0;
    color: #fff;
}

#panel {
    display: block;
}

.border-top {
    border-top: 5px solid #174785;
}


@media (min-width: 1000px) {
    .navbar {
        background-image: url(../img/BG/navbarbg-01.jpg);
        min-height: 50px;
        margin-bottom: 20px;
        background-position: center top;
    }
}

.full {
    display: block;
}

.mobile {
    display: none;
}

@media (max-width:999px) {
    .full {
        display: none;
    }

    .mobile {
        display: block;
    }

    .navbar-inverse .navbar-collapse,
    .navbar-inverse .navbar-form {
        border-color: transparent;
        background-color: #4d4d4d;
    }
}


/*animations */
#fadein {
    -webkit-animation-name: fadein;
    /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 1s;
    /* Safari 4.0 - 8.0 */
    animation-name: fadein;
    animation-duration: 1s;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes fadein {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

/* Standard syntax */
@keyframes fadein {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.short-line {
    width: 30%;
    height: 3px;
    margin: 10px auto;
    border-color: #194784 !important;
    background: #194784 !important;
}

.accent {
    padding: 0;
    margin: 0;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    height: 80px;
    width: 80px;
}



a {
    color: #337ab7;
    text-decoration: none;
}

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -1px;
}

.menufix>li>a {
    display: block;
    padding: 10px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #fff;
    white-space: normal;
}

.carousel-caption {
    bottom: auto;
    top: 50%;
    transform: translateY(-50%);
}

.white-line {
    width: 30%;
    height: 3px;
    margin-top: 4px;
    margin-bottom: 20px;
    border: 0;
    border-top: 4px solid #eee;
  
}

blockquote.coachblk {

    font-size: 35.5px;
    color: #1c4489;
}