/*
You can add your own CSS here.

Click the help icon above to learn more.
*/

/*
Responsive Mobile
*/


@media (min-width: 767px){
	#jumbolon-mob {
	display : none;
	}
}

@media (min-width: 1024px){
	#jumbolon-mob {
	display : none;
	}
}

@media (max-width: 1024px){
	#jumbolon-desktop {
	display : none;
	}
}

@media (max-width: 767px){
	#jumbolon-desktop {
	display : none;
	}
	#footer h3 {
	margin-top: 30px !important;
    font-size: 1em;
    line-height: 1px;
    font-weight: 800;
}
	#footer .bluefooter td {
	border:none;
	padding-left: 0px;
}

#footer aside#text-6 {
    text-align: center !important;
    font-weight: 600;
}

}



@media (max-width: 1024px){
.header-center.show-menu-search.search-popup {
    right: -35%;
	}

#jumbolon-desktop {
	display : none;
	}
	#footer h3 {
	margin-top: 30px !important;
    font-size: 1em;
    line-height: 1px;
    font-weight: 800;
}
	#footer .bluefooter td {
	border:none;
	padding-left: 0px;
}

#footer aside#text-6 {
    text-align: center !important;
    font-weight: 600;
}


}

/*
Mobile menu responsive
*/
#header .mobile-toggle {
    color: #f7f7f7;
    border: 1px solid #e10833;
    background-color: #e10833;
    -webkit-border-radius: 5px;
            border-radius: 5px;
}

#nav-panel {
    background-color: #920521;
    color: #fff;
}
#nav-panel .accordion-menu li.menu-item.active > a, #nav-panel .accordion-menu li.menu-item:hover > a, #nav-panel .accordion-menu li.menu-item.active > h5, #nav-panel .accordion-menu li.menu-item:hover > h5 {
    background-color: #66071a;
    color: #fff;
}

#nav-panel-close {
    background-color: #66071a;
    color: #fff;
	top: 0px;
	left: 200px !important;
}


#nav-panel {
    width: 200px;
}

.accordion-menu li.menu-item > a, .accordion-menu li.menu-item > h5{

    margin: 10px 0 0;
    font-size: 1.4em;
}


/*
Main CSS
*/

.page-top .page-title {
    color: #fff;
    font-family: Open Sans !important;
}

.tparrows:before {
    color: #e10833;
    text-shadow: 0 0 3px #fff;
}

.page-top .page-title {
    color: #fff !important;
    font-family: playfair;
	  font-weight: 450;
    text-transform: initial;
}

.page-top .page-sub-title {
    color: #fff !important;
}



#header.sticky-header .header-main.sticky
{
-webkit-box-shadow: 0 3px 0 0 #e10934;
        box-shadow: 0 3px 0 0 #e10934;
}

.fixed-header #header .header-main {
    background-color: #f7f7f76b;
}

#header .header-main
{
background-color:#f7f7f76b;
}

#header.sticky-header .header-main, .fixed-header #header.sticky-header .header-main
{
	background-color:#ffffff;
}

#footer .footer-bottom {
    padding-bottom: 0px !important;
}

#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6, #footer .widgettitle, #footer .widget-title {
    color: #191919;
}

#footer {
    color: #191919;
}

.bluefooter h3 {
    padding-bottom: 15px;
}

.bluefooter th, .bluefooter td {
    padding-bottom: 0;
    padding-top: 0;
}

.footer-bottom .container {
    border-top: 1px solid #fff;
    padding-top: 7px;
}

#footer .footer-main > .container {
    padding-top: 14px;
}

#footer .footer-bottom a, #footer .footer-bottom a:hover {
    color: #1d2127;
}

body {
color: #282828;
}

.owl-carousel .owl-dots .owl-dot.active span, .owl-carousel .owl-dots .owl-dot:hover span {
    background-color: #e10934;
}

.owl-carousel .owl-nav [class*="owl-"] {
    background-color: #e10934;
    border-color: #e10934;
}

.owl-carousel .owl-nav [class*="owl-"]:hover, .owl-carousel .owl-nav [class*="owl-"]:active, .owl-carousel .owl-nav [class*="owl-"]:focus {
    background-color: #e10934;
    border-color: #e10934;
}

.btn-primary, .button, input.submit, input[type="submit"].btn-primary, input[type="submit"].button, input[type="submit"].submit {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
    background-color: #e10833;
    border-color: #e10833;
}

.btn-primary:hover, .button:hover, input.submit:hover, input[type="submit"].btn-primary:hover, input[type="submit"].button:hover, input[type="submit"].submit:hover, .btn-primary:active, .button:active, input.submit:active, input[type="submit"].btn-primary:active, input[type="submit"].button:active, input[type="submit"].submit:active, .btn-primary:focus, .button:focus, input.submit:focus, input[type="submit"].btn-primary:focus, input[type="submit"].button:focus, input[type="submit"].submit:focus {
    border-color: #282828;
    background-color: #282828;
}

#main.boxed .porto-container
{
border-style: solid;
}


/*
Page Header
*/

.page-top .text-center, p.page-sub-title {
    text-align: left !important;
    margin-left: 0px !important;
	text-shadow: 1px 1px #000;
}

p.page-sub-title {
    margin-top: 0px !important;
}


/*
Footer
*/
.bluefooter h3 {
    margin-bottom: 2px !important;
}

.footer-main {
    border: 1px solid #d60830;
    border-right: none;
    border-left: none;
    border-bottom: none;
}

#footer .footer-main > .container {
    padding-top: 50px;
}

#footer .footer-main {
    background-repeat: no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
    background-attachment: scroll;
    background-position: initial;
    background-image: url(//jumbolonwebbing.com/wp-content/uploads/2018/02/bottom-BG.jpg);
    background-color: transparent;
}

.bluefooter td {
    border: 1px solid #d40830;
    border-top: none;
    border-bottom: none;
    border-right: none;
    padding-left: 20px;
}

@media (min-width: 992px){.col-md-9 {
    width: 50%;
	}}

@media (min-width: 992px)
{
.col-md-3 {
    width: 50%;
	}}

/*
Footer Table
*/

table.bluefooter {
  width: 100%;
  text-align: left;
  border-collapse: collapse;
}
table.blueTable td, table.blueTable th {
  padding: 3px 2px;
}
table.blueTable tbody td {
  font-size: 13px;
}
table.blueTable tfoot td {
  font-size: 14px;
}
table.blueTable tfoot .links {
  text-align: right;
}
table.blueTable tfoot .links a{
  display: inline-block;
  background: #1C6EA4;
  color: #FFFFFF;
  padding: 2px 8px;
  -webkit-border-radius: 5px;
          border-radius: 5px;
}