﻿body {
    font-family: "Segoe UI","Helvetica Neue","Arial,sans-serif";
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Caslon540 BT W00 Roman","Segoe UI","Helvetica Neue","Arial,sans-serif";
    margin-top: 15px;
    margin-bottom: 5px;
}

a {
    cursor: pointer;
}

hr{
    margin-top:10px;
    margin-bottom:10px;
}
.body-content {
    background-color: white;
}

.main-menu .navbar-nav li a {
    color: white;
}

.hr-small {
    width: 50%;
}
/*
    magnific-popup
    http://dimsemenov.com/plugins/magnific-popup/documentation.html#iframe-type*/
.white-popup {
    position: relative;
    background: #FFF;
    padding: 20px;
    width: auto;
    max-width: 500px;
    margin: 20px auto;
}

.hover-red:hover {
    color: red;
}

.hover-blue > a:hover,
.hover-blue:hover {
    background-color: #1AADE4 !important;
    color:white !important;
}

.hover-yellow > a:hover,
.hover-yellow:hover {
    background-color: #ccb04e !important;
    color:white !important;
}

.hover-black > a:hover,
.hover-black:hover {
    background-color: #808080 !important;
    color:white !important;
}

.hover-green > a:hover,
.hover-green:hover {
    background-color: #8bc643 !important;
    color:white !important;
}


/*Icon on top of image*/
.profile-img-container {
    position: relative;
    display: inline-block; /* added */
    overflow: hidden; /* added */
}

    .profile-img-container img {
        width: 100%;
    }
        /* remove if using in grid system */


        .profile-img-container img:hover {
            opacity: 0.5;
        }

    .profile-img-container:hover a {
        opacity: 1; /* added */
        top: 0; /* added */
        z-index: 500;
    }
        /* added */
        .profile-img-container:hover a span {
            top: 50%;
            position: absolute;
            left: 0;
            right: 0;
            transform: translateY(-50%);
        }
    /* added */
    .profile-img-container a {
        display: block;
        position: absolute;
        top: -100%;
        opacity: 0;
        left: 0;
        bottom: 0;
        right: 0;
        text-align: center;
        color: inherit;
    }

.margin-top {
    margin-top: 15px;
}

.margin-bottom {
    margin-bottom: 15px;
}

.list-style-none {
    list-style-type: none;
}

/* hide on desktop */
.hide-desktop {
    visibility: hidden !important;
    display: none !important;
    width: 0;
    height: 0;
}

/* Over write bootstrap minimum width for dropdown*/
.dropdown-menu {
    min-width: 50px;
    position:absolute;
    right:0;
}

.work-img-height-medium {
    height: 75px;
    padding: 5px;
    vertical-align: middle;
}

.work-img-height-large {
    height: 175px;
    padding: 10px;
    vertical-align: middle;
}

.work-img-height-larger {
    height: 350px;
    padding: 0 10px 10px 10px;
    vertical-align: middle;
}

.modal-content {
    /*min-width: 900px;*/
    /*width:200px;*/
}



/*home page slider*/
.alert-slide0 {
    top: 50px;
    max-width: 600px;
    margin: 15px;
    background-image: -webkit-linear-gradient(top, #31acda 0%, #188fb1 100%);
    background-image: -o-linear-gradient(top, #31acda 0%, #188fb1 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#31acda), to(#188fb1));
    background-image: linear-gradient(to bottom, #31acda 0%, #188fb1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#31acda', endColorstr='#188fb1', GradientType=0);
    background-repeat: repeat-x;
    opacity: 0.7;
    border-color: #188fb1;
    color: white;
}

.alert-slide1 {
    max-width: 450px;
    margin: 15px;
    background-image: -webkit-linear-gradient(top, #6d4b9f 0%, #4f347f 100%);
    background-image: -o-linear-gradient(top, #6d4b9f 0%, #4f347f 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#6d4b9f), to(#4f347f));
    background-image: linear-gradient(to bottom, #6d4b9f 0%, #4f347f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6d4b9f', endColorstr='#4f347f', GradientType=0);
    background-repeat: repeat-x;
    opacity: 0.7;
    border-color: #4f347f;
    color: white;
}

.alert-slide2 {
    max-width: 500px;
    top: 35px;
    margin: 15px;
    vertical-align: top;
    background-image: -webkit-linear-gradient(top, #31acda 0%, #188fb1 100%);
    background-image: -o-linear-gradient(top, #31acda 0%, #188fb1 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#31acda), to(#188fb1));
    background-image: linear-gradient(to bottom, #31acda 0%, #188fb1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#31acda', endColorstr='#188fb1', GradientType=0);
    background-repeat: repeat-x;
    opacity: 0.7;
    border-color: #188fb1;
    color: white;
}

.alert-slide3 {
    max-width: 650px;
    bottom: 35px;
    right: 30px;
    margin: 15px;
    background-image: -webkit-linear-gradient(top, #dac274 0%, #ccb04e 100%);
    background-image: -o-linear-gradient(top, #dac274 0%, #ccb04e 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#dac274), to(#ccb04e));
    background-image: linear-gradient(to bottom, #dac274 0%, #ccb04e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dac274', endColorstr='#ccb04e', GradientType=0);
    background-repeat: repeat-x;
    opacity: 0.7;
    border-color: #ccb04e;
    color: white;
}

.alert-slide4 {
    max-width: 450px;
    margin: 15px;
    background-image: -webkit-linear-gradient(top, #6d4b9f 0%, #4f347f 100%);
    background-image: -o-linear-gradient(top, #6d4b9f 0%, #4f347f 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#6d4b9f), to(#4f347f));
    background-image: linear-gradient(to bottom, #6d4b9f 0%, #4f347f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6d4b9f', endColorstr='#4f347f', GradientType=0);
    background-repeat: repeat-x;
    opacity: 0.7;
    border-color: #4f347f;
    color: white;
}

.slide-content-wrap label, .slide-content-wrap p {
    color: white;
    font-family: Calibri;
    line-height: normal;
}

.slider-area {
    padding-top: 121px;
}

.slide-content-wrap label {
    font-size: 35px;
}

.slide-content-wrap p {
    font-size: 21px;
}

@media only screen and (max-width: 767px) {

    .slide-content-wrap label {
        font-size: 25px;
    }
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.label-large
{
    line-height:20px;
    font-size:14px;
}

/* MOBILE */
@media only screen and (max-width: 767px) {

    .modal-content {
        min-width: 250px;
    }

    /* hide on mobile */
    .hide-mobile {
        visibility: hidden !important;
        display: none !important;
    }

    /* hide on desktop */
    .hide-desktop {
        visibility: visible !important;
        display: inline !important;
    }

    /* Move Menu Button below logo*/
    .navbar-toggle {
        margin-top: -0px !important;
    }

    /* Logo full row */
    /*.logo img {
        width: 100%;
    }*/

    .preloader {
        margin: -100px 0 0 -175px;
    }
}
