﻿.donthidebreadcrumps {
    margin-top: 20px;/*28px*/
}

@media screen and (min-width: 768px) and (max-width: 990px) {
    .donthidebreadcrumps {
        margin-top: 79px; /*28px*/
    }
}
    /* carousel */
    .media-carousel {
        margin-bottom: 0;
        padding: 0 40px 30px 40px;
        margin-top: 30px;
    }
        /* Previous button  */
        .media-carousel .carousel-control.left {
            left: -12px;
            background-image: none;
            background: none repeat scroll 0 0 #222222;
            border: 4px solid #FFFFFF;
            border-radius: 23px 23px 23px 23px;
            height: 40px;
            width: 40px;
            margin-top: 30px;
        }
        /* Next button  */
        .media-carousel .carousel-control.right {
            right: -12px !important;
            background-image: none;
            background: none repeat scroll 0 0 #222222;
            border: 4px solid #FFFFFF;
            border-radius: 23px 23px 23px 23px;
            height: 40px;
            width: 40px;
            margin-top: 30px;
        }
        /* Changes the position of the indicators */
        .media-carousel .carousel-indicators {
            right: 50%;
            top: auto;
            bottom: 0px;
            margin-right: -19px;
        }
            /* Changes the colour of the indicators */
            .media-carousel .carousel-indicators li {
                background: #c0c0c0;
            }

            .media-carousel .carousel-indicators .active {
                background: #333333;
            }

        .media-carousel img {
            width: 250px;
            height: 100px;
        }
    /* End carousel */
    /* Share Buttons */
    /*=========================
  Icons
 ================= */
    /* footer social icons */
    ul.social-network {
        list-style: none;
        display: inline;
        margin-left: 0 !important;
        padding: 0;
    }

        ul.social-network li {
            display: inline;
            margin: 0 5px;
        }
    /* footer social icons */
    .social-network a.icoRss:hover {
        background-color: #F56505;
    }

    .social-network a.icoFacebook:hover {
        background-color: #3B5998;
    }

    .social-network a.icoTwitter:hover {
        background-color: #33ccff;
    }

    .social-network a.icoGoogle:hover {
        background-color: #BD3518;
    }

    .social-network a.icoVimeo:hover {
        background-color: #0590B8;
    }

    .social-network a.icoLinkedin:hover {
        background-color: #007bb7;
    }

        .social-network a.icoRss:hover i, .social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i,
        .social-network a.icoGoogle:hover i, .social-network a.icoVimeo:hover i, .social-network a.icoLinkedin:hover i {
            color: #fff;
        }

    a.socialIcon:hover, .socialHoverClass {
        color: #44BCDD;
    }

    .social-circle li a {
        display: inline-block;
        position: relative;
        margin: 0 auto 0 auto;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        text-align: center;
        width: 50px;
        height: 50px;
        font-size: 20px;
        background-color: #2c3e50;
        transition: all 0.3s ease-in-out;
    }

    .social-circle li i,.social-circle li span[role=img] {
        margin: 0;
        line-height: 50px;
        text-align: center;
    }

    .social-circle li a:hover i, .triggeredHover {
        /*-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-ms--transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;*/
    }

    .social-circle i, .social-circle li span[role=img] {
        color: #fff;
        /*-webkit-transition: all 0.8s;
	    -moz-transition: all 0.8s;
	    -o-transition: all 0.8s;
	    -ms-transition: all 0.8s;
	    transition: all 0.8s;*/
    }


    .service-icon {
        background-color: #18bc9c;
        border-radius: 50%;
        color: #fff;
        display: inline-block;
        font-size: 36px;
        height: 90px;
        line-height: 90px;
        width: 90px;
        -webkit-transition: background-color 0.2s ease;
        transition: background-color 0.2s ease;
    }

    .our-services .col-sm-4:hover .service-icon {
        background-color: #2c3e50;
    }

    .our-services .col-sm-4 {
        /*border-right:1px solid #f2f2f2;
  border-bottom:1px solid #f2f2f2;*/
        padding-bottom: 50px;
    }

        .our-services .col-sm-4:nth-child(4),
        .our-services .col-sm-4:nth-child(5),
        .our-services .col-sm-4:nth-child(6) {
            border-bottom: 0;
            padding-top: 60px;
        }

        .our-services .col-sm-4:nth-child(3),
        .our-services .col-sm-4:nth-child(6) {
            border-right: 0;
        }

    .service-info h3 {
        margin-top: 35px;
    }
    /*Vertical tabs*/
    .tabs-left, .tabs-right {
        border-bottom: none;
        padding-top: 2px;
    }

    .tabs-left {
        border-right: 1px solid #ddd;
    }

    .tabs-right {
        border-left: 1px solid #ddd;
    }

        .tabs-left > li, .tabs-right > li {
            float: none;
            margin-bottom: 2px;
        }

    .tabs-left > li {
        margin-right: -1px;
    }

    .tabs-right > li {
        margin-left: -1px;
    }

    .tabs-left > li.active > a,
    .tabs-left > li.active > a:hover,
    .tabs-left > li.active > a:focus {
        background-color: #2c3e50;
        color: white;
        border-bottom-color: #ddd;
        border-right-color: transparent;
    }

    .tabs-right > li.active > a,
    .tabs-right > li.active > a:hover,
    .tabs-right > li.active > a:focus {
        border-bottom: 1px solid #ddd;
        border-left-color: transparent;
    }

    .tabs-left > li > a {
        color: #2c3e50;
        font-size: large;
        border-radius: 4px 0 0 4px;
        margin-right: 0;
        display: block;
    }

    .tabs-right > li > a {
        border-radius: 0 4px 4px 0;
        margin-right: 0;
    }

    .test input, textarea {
        border: 1px solid #e2e2e2;
        background: #fff;
        color: #333;
        font-size: 1.2em;
        margin: 5px 0 6px 0;
        padding: 5px;
    }

    #input-hidden > input {
        display: none;
    }

    .test input[type="submit"],
    input[type="button"],
    button {
        background-color: #d3dce0;
        border: 1px solid #787878;
        cursor: pointer;
        font-size: 1.2em;
        font-weight: 600;
        padding: 7px;
        margin-right: 8px;
        width: auto;
    }

    td input[type="submit"],
    td input[type="button"],
    td button {
        font-size: 1em;
        padding: 4px;
        margin-right: 4px;
    }



    #customform > option:first-child {
        display: none;
    }

    .browse {
        border: 1px solid #e2e2e2;
        background: #fff;
        color: #333;
        padding: 5px;
        width: 300px;
        border-radius: 4px;
    }

    .pict {
        display: block;
        max-width: 100%;
        max-height: 100%;
        width: auto;
        height: auto;
    }

    #BlankReference td {
        text-align: left;
    }

    .siteLink {
        color: green;
        text-decoration: underline;
    }

    #delSelected {
        border-radius: 4px;
    }

    #sub-content {
        padding-left: 20px;
    }

    .carousel-inner > .item > img {
        /*max-width:1200px;*/
        max-width: none; /*100%;*/
        width: 100%;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    header {
        background: none !important;
    }

    #pictureDescriptionTextBox {
        width: 100%;
        height: 20vh;
    }