﻿

    .cls-1{
    fill: #fff;
}

.cls-2, .cls-3, .cls-4 {
    fill: none;
    stroke: #fff;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.cls-2 {
    stroke-width: 0.57px;
}

.cls-3 {
    stroke-width: 0.56px;
}

.cls-4 {
    stroke-width: 0.56px;
}

.jbsForm {
    font-size: inherit;
    
}
footer ul.contact {
    margin-top: 15px;
    margin-bottom: 15px;
}

/*.jbsForm {
    max-width: 800px;
    margin:auto;
    padding:3rem;   
}*/

a.jbsButton.aspNetDisabled, a.jbsButton:hover, a.jbsButton.aspNetDisabled:hover, a.jbsButton[disabled], a.jbsButton[disabled]:hover, a.jbsButton[disabled]:active {
    color: #181818 !important;
    background: #fff !important ;
    opacity: 1;
    border: 3px solid #000 !important;
    padding: .7rem 1rem;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold !important;
    letter-spacing: 0.10em;
    font-family: "montserrat" !important;
}
a.jbsButton, a.jbsAddtoCart {
    background: #000;
}
.filterwrapper {
    border-bottom: 1px solid #efefef;
    background-image: url(../images/bg-pattern-light.png) !important;
}
    .filterwrapper h1 {
        margin: 30px auto 40px auto;
        font-size: 46px !important;
        font-family: "Ariata Display", sans-serif !important;
    }

body main {
    margin-top: 0;
    padding-top: 30px;
    padding-bottom: 90px;
}
.container.typography.cl form{
    width:80%;
}
#Body_bodyContent_JBSPage1_UpdatePanel1 {
    width: 100%;
}

a.jbsButton {
    padding: .75rem 1rem;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold !important;
    letter-spacing: 0.10em;
    font-family: "montserrat" !important;
}
   
    .jbscalTitle, .jbsRowGroupHeaderPackages {
        background-color: #181818;
    }
/*#Body_bodyContent_JBSPage1_ctl01_lnkbtnAddToCart {
    margin-top: 30px;
}*/
.ui-dialog-titlebar.ui-widget-header, .ui-widget-header, .ui-dialog-titlebar-close, .ui-state-hover, .ui-dialog-titlebar-close.ui-state-hover, .ui-dialog-titlebar-close:hover {
    background-color: #181818 !important;
}
.ui-state-hover {
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #181818), color-stop(1, #181818) ) !important;
    background: -moz-linear-gradient( center top, #181818 5%, #181818 100% ) !important;
    background: -ms-linear-gradient( top, #181818, #181818 ) !important;
}
button.navbar-toggler .far{
    font-weight:900!important ;
}
.far.fa-globe-americas {
    font-weight: 600 !important;
}

@media only screen and (max-width:600px) {
    body{
        width:100%;
    }
    nav.menu a{
		font-size:1.3rem;
	}
    .filterwrapper h1{
        font-size:35px !important;
    }
    #Body_bodyContent_JBSPage1_ctl01_lnkbtnAddToCart {
        float: left;
        margin-bottom: 20px;
    }
    #jbsMobileLogo {
        background: #181818;
    }
    .jbscalSelected {
        background-color: #003399;
        color: #fff;
    }
    a.jbsButton.aspNetDisabled, a.jbsButton.aspNetDisabled:hover, a.jbsButton[disabled], a.jbsButton[disabled]:hover, a.jbsButton[disabled]:active {
        background-color: #181818;
        color:#fff;
    }
	.jbsForm select, .jbsForm select option{
		font-size:11px;
	}
	main.container.cl div.row{
		margin-left:15px;
	}
	.jbsErrorBox, .jbsAlert{
		font-size:13px;
	}
	span.jbseoCalendar{
		width:100%;		
	}
	.jbseoCalendar table{
		width:100%;
	}	
	.jbsUpdateMessage{
		top:48%;
		font-size:20px;
	}
	.jbsUpdateMessageImage{
		margin-right:10px;
		margin-top:0px;
	}
	a.jbsButton{
		12px;
	}
	.jbsPanel legend{
		font-size:1.3rem;
		padding-left:10px;
	}
	#PaymentColumn1{
		width:100%;
	}
	#PaymentRadioButtons tbody tr td img{
		max-width:100%;
	}
	#priceTable .table th, .table td{
		padding:.75rem 0;
	}
	#PXPayMessage{
		margin-left:-30px!important;
	}
	#PXPayMessage .externalPaymentText{
		display:block;
	}
	#PXPayMessage img, #DpsFooterLogoDps{
		max-width:70%;
	}
	
	.typography img, .textblock img{
		max-width:70%;
	}
	.jbsPanel[name=pnlCustDetails] input, .jbsPanel[name=pnlCustDetails] textarea, .jbsPanel[name=pnlCustDetails] select, #PaymentOptions, #txtCardNumber, #priceTable, #txtCardholderName, #commissionTable{
		width:100%
	}
	footer .contact a{
		font-size:16px;
	}
	footer p.lead{
		font-size:25px;
	}
	footer p.sub, footer .contact button a{
		font-size:13px;
	}
}