/* swipestyle styles */

.container-class {
	max-width: 1100px;
	margin: 0 auto
}

div#sidebaroverlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	background: rgba(255, 255, 255, 0.75);
	-webkit-transition: all 0.6s cubic-bezier(0.075, 0.82, 0.165, 1);
	transition: all 0.6s cubic-bezier(0.075, 0.82, 0.165, 1);
	visibility: hidden;
	opacity: 0
}

div#sidebaroverlay.menu-active {
	visibility: visible;
	opacity: 1
}

ul#menu-main-menu ul.sub-menu,
ul#menu-main-menu-1 ul.sub-menu {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	max-height: 0px;
	transition: all .7s ease-in-out;
}

ul#menu-main-menu li.menu-item-has-children.active > ul.sub-menu,
ul#menu-main-menu-1 li.menu-item-has-children.active > ul.sub-menu {
	max-height: 1000px;
}

ul#menu-main-menu li.menu-item-has-children.active > ul.sub-menu,
ul#menu-main-menu-1 li.menu-item-has-children.active > ul.sub-menu {
	position: relative;
}

ul#menu-main-menu li.menu-item-has-children.active > ul.sub-menu::after {	
	content: close-quote;
	position: absolute;
	height: 100%;
	right: 14px;
	top: 0;
	width: 4px;
	background-color: #fff;
}

ul#menu-main-menu ul.sub-menu a {
	font-size: 28px;
	padding: 10px 0;
	line-height: 30px
}

section#mobile-menu {
	display: none
}

div#floatbar {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 99999
}

div#swipemenu {
	/*display: none;*/
	position: fixed;
	bottom: -606px;
	left: 0;
	-webkit-transition: all .3s;
	transition: all .3s;
	right: 0;
	background: rgba(210, 0, 40, .85);
	max-height: 100vh;
	-webkit-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
	transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
	overflow: hidden;
	height: 100%;
	max-height: 600px;
	box-shadow: 0px -5px 0px 0px rgba(0, 0, 0, 0.15)
}

div#swipemenu img.logo-heading {
	max-width: 100%
}

#swipemenu {
	width: 100%
}

.grabmenubar {
	position: relative;
	padding: 0 10px;
	background: white
}

div#swipeflo * {
	box-sizing: border-box
}

#swipemenu ul.mainmenu {
	height: auto;
	background: white;
	max-width: 100%;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	flex-direction: row;
	display: grid;
	grid-template-columns: 1fr 84px;
}

#swipemenu ul {
	position: relative;
	margin: 0;
	padding: 0
}

#swipemenu ul {
	-webkit-transform: translate3d(0%, 0, 0) scale3d(1, 1, 1);
	transform: translate3d(0%, 0, 0) scale3d(1, 1, 1);
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d
}

#swipemenu ul.mainmenu li.menubar {
	max-width: calc(100% - 70px)
}

#swipemenu ul.mainmenu li {
	display: block;
	float: left;
	margin: 0;
	text-align: center
}

#swipemenu li {
	display: -webkit-box;
	display: flex;
	float: left;
	width: 100%;
	height: 100%;
	overflow: hidden;
	-webkit-transform-style: preserve-3d;
	-webkit-transform: translate3d(0, 0, 0);
	box-sizing: border-box
}

#swipemenu ul.mainmenu li.iconmenu {
	float: right;
	width: auto
}

#swipemenu ul.mainmenu li:nth-child(2) {
	margin: 0
}

#swipemenu ul.mainmenu li.searchbar {
	float: right;
	width: auto;
	padding: 0px 20px;
	background: #e3d6ca
}

a.titlepage {
	font-size: 30px;
	display: none;
	-webkit-transition: all .5s;
	transition: all .5s
}

div#grabhand {
	position: fixed;
	left: 0;
	right: 0;
	text-align: center;
	background: white;
	z-index: 9999;
	display: block;
	top: 10px;
	display: block;
	color: #fff;
	width: 50px;
	height: 50px;
	font-size: 30px;
	line-height: 45px;
	border-radius: 10px;
	margin: 0 auto;
	display: none
}

span#menum {
	cursor: pointer;
	width: 82px;
	height: 94px;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column
}

span#menum span.menutext {
	display: block;
	font-size: 13px;
	word-spacing: 0.15em;
	color: inherit;
	font-weight: 100;
	letter-spacing: 1px;
	line-height: 20px;
	text-decoration: none;
	text-transform: uppercase;
	-webkit-transition: all .2s;
	transition: all .2s;
	margin: 0 auto
}

span.callnow {
	display: block;
	width: 100%
}

span.callnow a {
	font-size: 18px;
	color: #841827;
	line-height: 70px;
	word-spacing: 0.15em;
	text-transform: uppercase
}

#swipemenu ul.lccont {
	display: block;
	position: fixed;
	bottom: 0;
	z-index: 999999;
	left: 0;
	right: 0;
	width: 100%
}

#swipemenu ul {
	position: relative;
	margin: 0;
	padding: 0
}

#swipemenu ul {
	-webkit-transform: translate3d(0%, 0, 0) scale3d(1, 1, 1);
	transform: translate3d(0%, 0, 0) scale3d(1, 1, 1);
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d
}

#swipemenu ul.lccont li.locitem {
	display: block;
	float: left;
	background: #ab230d;
	width: 25%;
	text-align: center;
	color: #fff
}

#swipemenu li {
	display: -webkit-box;
	display: flex;
	float: left;
	width: 100%;
	height: 100%;
	overflow: auto;
	-webkit-transform-style: preserve-3d;
	-webkit-transform: translate3d(0, 0, 0);
	box-sizing: border-box
}

#swipemenu ul.lccont li.locitem a {
	color: #fff
}

#swipemenu ul.lccont li.locitem a {
	font-size: 32px;
	display: block;
	color: #fff;
	padding: 6px 5px;
	cursor: pointer;
	line-height: 21px;
	text-decoration: none
}

div#panels {
	float: left;
	width: 100%;
	overflow: hidden;
	height: 470px
}

#swipemenu #panels ul {
	position: relative;
	margin: 0;
	padding: 0 0;
	-webkit-transition: all .3s;
	transition: all .3s;
	overflow: auto;
	height: 100%
}

#swipemenu #panels ul.sub-menu {
    padding-right: 20px;
    position: relative;
}

#swipemenu #panels ul.sub-menu::before {
    content: close-quote;
    width: 10px;
    position: absolute;
    height: 100%;
    background-color: #fff;
    top: 0;
    right: 0;
}

#swipemenu ul {
	position: relative;
	margin: 0;
	padding: 0
}

#swipemenu ul {
	-webkit-transform: translate3d(0%, 0, 0) scale3d(1, 1, 1);
	transform: translate3d(0%, 0, 0) scale3d(1, 1, 1);
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d
}

ul#mainpanels>li.footerlink {
	overflow: auto;
	padding: 0;
	display: block;
	height: 100%;
	min-width: 100vw;
	max-width: 100vw
}

#swipemenu li.page {
	position: relative;
	-webkit-transition: all .3s;
	transition: all .3s
}

#swipemenu #panels ul ul.barmenu {
	text-align: center;
	display: block
}

#swipemenu #panels ul ul.barmenu li {
	display: block
}

#swipemenu #panels ul ul.mediasocial {
	/*max-width: 260px;*/
	margin: 0 auto;
	text-align: center;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center
}

#swipemenu #panels ul ul.mediasocial li {
	display: block
}

.flex {
	display: block;
	width: 100%;
	height: 100%;
	overflow: auto;
	padding: 15px 0;
	max-width: 100%;
	margin: 0 auto
}

div#footer {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 9999999999;
	background: rgba(255, 255, 255, 0.84);
	overflow: auto;
	padding: 0
}

#swipemenu ul ul.sidebar {
	width: 100%;
	display: block
}

#swipemenu ul ul.sidebar .mwnubvar {
	text-align: center;
	float: left;
	display: inline-block;
	width: auto
}

#swipemenu ul ul.sidebar .mwnubvar a {
	display: block;
	font-size: 12px;
	color: #226B96;
	display: block;
	padding: 0
}

span#menum i {
	color: #fff;
	width: 82px
}

#swipemenu ul.lccont li.locitem.active a i {
	color: #fff
}

#swipemenu ul.lccont li.locitem a i {
	color: #fff;
	font-size: 18px;
	margin: 0 0 3px
}

.coprightletter {
	float: left;
	width: 50%;
	font-size: 9px;
	line-height: 20px
}

span.vc_credit {
	float: right;
	width: 50%
}

div#logo {
	position: fixed;
	top: 0;
	left: 0
}

h1.sitemain a {
	background-image: url(/wp-content/uploads/2015/12/ParadiseG01_03.jpg);
	background-position: 10px 7px;
	background-repeat: no-repeat;
	background-size: 195px auto;
	margin: 0;
	font-size: 0px;
	height: 100px;
	width: 100px;
	width: 220px;
	height: 70px;
	padding: 1px;
	display: block;
	float: left
}

h1.sitemain {
	margin: 0;
	display: block
}

#swipemenu ul ul.sidebar .mwnubvar a span.menutext {
	padding: 10px 10px;
	font-size: 12px;
	font-weight: 900;
	color: #fff
}

ul#primary-menued li a {
	color: #0d7fbd;
	font-weight: 900;
	display: block;
	border-bottom: 2px solid #d8f0fd;
	padding: 5px 10px;
	width: 100%;
	font-size: 16px;
	text-transform: uppercase;
	margin: 0 auto
}

#swipemenu ul.mainmenu li#ellgoo {
	margin: 0 auto
}

#swipemenu #panels ul li.pointlo a {
	display: block;
	width: 100%;
	min-height: 200px;
	background: #d6d6d6;
	position: relative;
	margin: 0 0 10px;
	background-size: cover;
	background-position: 50%
}

#swipemenu #panels ul li.pointlo a span {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #3099d3;
	color: #fff;
	padding: 5px 10px
}

#swipemenu #panels ul li.pointlo.pnt-first a {
	background-image: url(http://www.paradisecovemalibu.com/wp-content/uploads/2016/03/Patio4LR.jpg);
	background-size: cover;
	background-position: 50%
}

#swipemenu #panels ul li.pointlo.pnt-second a {
	background: url(http://www.paradisecovemalibu.com/wp-content/uploads/2016/03/securedownload.jpeg);
	background-size: cover;
	background-position: 50%
}

h2.fe {
	color: #0d7fbd;
	font-weight: 900;
	margin: 5px 0
}

.infok {
	padding: 10px
}

ul#primary-menued li a i {
	padding: 0 10px 0 0
}

div#linkslocator {
	float: left;
	width: 100%
}

#swipemenu ul.lccont li.locitem.active span.menutext {
	box-shadow: 0 0 0 0px #fff
}

ul#mainpanels {
	min-width: 400vw
}

#swipemenu ul.lccont li.locitem a:hover {
	background: #f7f6f4;
	color: black
}

#swipemenu ul.lccont li.locitem.active {
	background: #f7f6f4;
	color: black
}

#swipemenu ul.lccont li.locitem.active a span {
	font-weight: 400
}

.menu-lines {
	display: block;
	height: 3px;
	background: #0167b0;
	width: 40px;
	margin: 5px 0
}

span#sdki {
	display: -webkit-inline-box;
	display: inline-flex;
	width: 50px;
	height: 50px;
	background: #d20028;
	border-radius: 50%;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column
}


.menu-lines {
	display: block;
	width: 24px;
	height: 2px;
	margin: 3px 0;
	background: #fff
}

/* swipestyle end */

@media screen and (min-width: 992px) {
	div#floatbar {
	    display: none;
	}


}

@media screen and (max-width: 992px) {
	span#menum span.menutext {
		font-size: 10px
	}

	footer.main {
		padding: 50px 0 100px;
		text-align: center;
	}
	
}