@import url(https://fonts.googleapis.com/css?family=Open+Sans:600&display=swap);
@font-face {
    font-family: 'OpenSansBold';
    src: url('fonts/OpenSans-SemiBold.eot');
    src: url('fonts/OpenSans-SemiBold.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-SemiBold.woff2') format('woff2'), url('fonts/OpenSans-SemiBold.woff') format('woff'), url('fonts/OpenSans-SemiBold.svg#OpenSans-SemiBold') format('svg');
    font-weight: 400;
    font-style: normal;
}

body {
    /*font-family: Arial, Verdana, Helvetica, sans-serif;*/
    background: #FFFFFF;
    font-family: 'Open Sans', sans-serif;
}

.show-print {
	display:none;
}

.container {
    width: 1120px;
}
@media (max-width: 979px) {
    .container {
        width: 100%;
        margin: 0;
    }
}

.inline {
    display:inline-block;
}

article.container {
	background:#fff;
	margin-bottom:15px;
	min-height:750px;
}
@media (max-width: 979px) {
	article.container {
		margin:0;
	}
}

.row {
	margin-left:-10px;
}

@media (max-width: 767px) {
	.row {
		margin-left:10px;
	}
}

/*HEADER--------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------*/
header {
	background:#FFFFFF;
	border:0px;
	box-shadow:none;
	height:128px;
	padding:0;
}
    header .logo {
        background-image: url(https://www.diamondparking.com/wp-content/uploads/2019/05/logo-site.svg);
        background-size:contain !important;
        /*background-position:7px 50%;*/
        height: 140px;
        width: 218px;
        display: inline-block;
    }

.logo {
    background-image: url(images/Logo.jpg);
    /*background-position:7px 50%;*/
    height: 80px;
    width: 128px;
    display: inline-block;
    /*visibility: hidden;*/
}

header .logo2 {
	background:url(images/logo2.png) no-repeat -1px 50%;
	height:98px;
	width:154px;
	display:block;
	overflow:hidden;
	text-indent:-999px;
}

header .logo2-ca {
	background:url(images/logo2-ca.png) no-repeat -1px 50%;
	height:98px;
	width:154px;
	display:block;
	overflow:hidden;
	text-indent:-999px;
}

header .icons {
	display:inline-block;
	text-decoration: none;
	margin:0 0 0 21px;
	font-size: 13px;
	font-weight: bold;
	/*border-left:solid 1px #787777;
	border-right:solid 1px #787777;*/
	width:205px;
	height:61px;
	padding:20px 0 0 11px;
}

header .icons a {
    display: block;
    color: #FFF;
    font-size: 13px;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
    padding-left: 30px;
    margin-bottom: 6px;
}

header .icons a:hover,
header .icons a:focus {
    text-decoration:none;
	color: #F2C63F;
}

header .icons a.parking {
    background: url('images/icon_parking.gif') no-repeat scroll left center transparent;
}

header .icons a.storage {
    background: url('images/icon_storage.gif') no-repeat scroll left center transparent;
}

.container.img {
   /* border-top: solid 4px #f2c63f;*/
    object-fit:cover;
}

#content {
    position: absolute;
    top: 153px;
    right: 0;
    left: 0;
}

.logo-padding {
    padding-top:10px;
}

.logo-bottom {
    position: relative;
    top:-80px;
}

.main-slider .image-banner-parking {
    position: relative;
    height: 300px;
    overflow: hidden;
    background-color: #000;
    max-height: 300px;
    background-repeat: repeat-y;
    background-image: url(images/header_large.jpg);
    position: relative;
    top: -30px;
}

.img-responsive {
    width: 100%;
    height: auto;
    background-repeat: repeat-y;
}

@media (max-width: 979px) {
    header {
        display: inline-block;
        height: 60px;
    }

        header .logo {
            /*height: 60px;
            width: 100px;*/
            /*background-image: url(images/logo_small.png);*/
            background-position: 0px 50%;
        }

        header .logo2 {
            display: none;
        }

        header .icons {
            display: none;
        }

    .main-slider .image-banner-parking {
        /*visibility: hidden;*/
        top: 80px;
    }

    .logo-bottom {
        position: relative;
        top: -80px;
    }
}

@media (max-width: 760px) {
    .main-slider .image-banner-parking {
        /*visibility: hidden;*/
        top: 80px;
        height: 260px;
        max-height: 260px;
    }
    .logo-bottom {
        visibility:hidden;
    }
}

@media (max-width: 475px) {
    .main-slider .image-banner-parking {
        visibility: hidden;
    }
}




/*NAV--------------------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------------*/
#nav .container {
    /*border-top: 1px solid #787777;*/
	padding:0;
}

#nav .container .row {
	margin-left:-24px;
}

#nav li {
    float: left;
    display: inline;
    margin: 0px;
    padding: 0px;
    list-style: none outside none;
    text-transform: uppercase;
    position: relative;
    left: 0px;
    top: -35px;
    font-weight: bold;
    font-weight: 600;
    /*border-left: 1px solid #787777;*/
}

#nav li:first-child {
    /*border-left: medium none;*/
}

    #nav li a {
        color: #00529b;
        font-size: 0.96rem;
        font-family: 'OpenSansBold', sans-serif;
        font-weight: 800;
        display: block;
        padding: 0px 10px;
        height: 40px;
        line-height: 40px;
        background: rgba(255, 255, 255, 0);
    }
#nav li:first-child a {
	/*padding-right:29px;*/
}
    #nav li a:hover,
    #nav li a:focus {
        text-decoration: none;
        color: #90949c;
    }

    #nav li.current a,
    #nav li.current a:hover {
        color: #90949c;
        /*background: none repeat scroll 0% 0% #F2C63F;*/
    }

@media (max-width: 979px) {
	#nav {
		display:none;
	}
}



/*FOOTER--------------------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------------*/
#footer .container {
    /*border-top: 1px solid #787777;*/
    padding: 0;
}

.footer {
    position: relative;
    right: 0;
    top: 405px;
    left: 0;
    width: 100%;
    background-color: #ebebeb;
    color: #4a4a4a;
    padding-top: 40px;
    height: 100px;
    color: #4a4a4a;
    font-size: 11px;
    /*text-align: center;*/
}

    #footer .container .row {
        margin-left: -24px;
    }

#footer li {
    float: left;
    display: inline;
    margin: 0px;
    padding: 0px;
    list-style: none outside none;
    text-transform: uppercase;
    font-weight: bold;
    font-weight: 800;
    /*border-left: 1px solid #787777;*/
}

    #footer li:first-child {
        /*border-left: medium none;*/
    }

    #footer li a {
        color: #00529b;
        font-size: 14px;
        font-family: 'Open Sans', sans-serif;
        font-weight: 800;
        display: block;
        padding: 0px 10px;
        height: 20px;
        line-height: 20px;
        background: rgba(255, 255, 255, 0);
    }

    #footer li:first-child a {
        /*padding-right:29px;*/
    }

    #footer li a:hover,
    #footer li a:focus {
        text-decoration: none;
        color: #ed174b;
    }

    #footer li.current a,
    #footer li.current a:hover {
        color: #90949c;
        /*background: none repeat scroll 0% 0% #F2C63F;*/
    }

#copyright {
    position: relative;
    left: 35px;
}


.footer {
    display: none;
}


@media (max-width: 979px) {
    .footer {
        display: none;
    }
    #footer {
        display: none;
    }
}


/*Wizard-------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------*/
.wizard li.selected {
    background-color: #00428b;
    color: #FFFFFF;
}
.wizard li.complete { 
	background-color:#ffdd75;
	color:rgba(0, 0, 0, 0.45);
}
.wizard li.last.active { 
	color:#fff;
}



/*Button-------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------*/



.btn-primary {
    border: 0px solid;
    overflow: hidden;
    position: relative;
    background-color: #ea1740; /*#00529b;*/
    background-image: -khtml-gradient(linear, left top, left bottom, from(#f7cf55), to(#eaaf26));
    background-image: -moz-linear-gradient(top, #ea1740, #ea1740);
    background-image: -ms-linear-gradient(top, #ea1740, #eaaf26);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7cf55), color-stop(100%, #eaaf26));
    background-image: -webkit-linear-gradient(top, #ea1740, #ea1740);
    background-image: -o-linear-gradient(top, #ea1740, #ea1740);
    background-image: linear-gradient(#ea1740, #ea1740);
}

    .btn-primary span {
        z-index: 20;
    }

    .btn-primary:after {
        background: #fff;
        content: "";
        height: 155px;
        right: -95px;
        opacity: .2;
        position: absolute;
        top: -50px;
        width: 50px;
        -webkit-transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1);
        transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1);
        -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        transform: rotate(135deg);
        z-index: 100;
    }

    .btn-primary:hover {
        background-color: #00428b;
    }

        .btn-primary:hover:after {
            right: 120%;
            color: #FFFFFF;
            background-color: #FFFFFF;
            -webkit-transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1);
            transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1);
        }

/* hide the finish button link */
#finish-btn {
    display: none;
}

div#payment
{
    background-color:#fff;
}

div#confirmPayment {
    background-color: #ffffff;
}

div#receipt {
    background-color: #ffffff;
}

/*NOTICE SEARCH---------------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------------------*/
#openNotices, #closedNotices, #noticeSearch {
    margin-left: 20px;
    margin-right: 20px;
}
@media (max-width: 767px) {
	#openNotices, #closedNotices, #noticeSearch {
		margin-left:5px;
		margin-right:5px;
	}
}

/*Rename the Notice Number label and placeholder (Search page input only) to Reference # 
-----------------------------------------------------------------------------------------------------------------------*/ 
#homeNoticeSearch .control-label[for="NoticeNumber"]::before {
    content: "Reference #";
    visibility: visible;
    width: 120px;
    float: left;
}
#homeNoticeSearch .control-label[for="NoticeNumber"] {
    visibility:hidden;
}
#Number::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    visibility: hidden;
}

#Number::-moz-placeholder { /* Firefox 19+ */
    color: white;
}

#Number:-ms-input-placeholder { /* IE 10+ */
    visibility: hidden;
}

#Number:-moz-placeholder { /* Firefox 18- */
    color: white;
}

#Plate::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    visibility: hidden;
}

#Plate::-moz-placeholder { /* Firefox 19+ */
    color: white;
}

#Plate:-ms-input-placeholder { /* IE 10+ */
    visibility: hidden;
}

#Plate:-moz-placeholder { /* Firefox 18- */
    color: white;
}


/*Print-------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------*/
@media print {
    header .container, .container.img
	{
		display:none;
	}

	.show-print {
		display:block;
	}
	img.show-print {
		margin-top:1.0em;
	}


}

/* Redirect Message */
#formDispute::before {
    vertical-align: middle;
    position: relative;
    top: -15px;
    height: 100px;
}

@media (max-width: 980px) {
    #formDispute::before {
        vertical-align: middle;
        font-size: 10px;
        position: relative;
        height: 100px;
    }
}