/* CSS Document */
/* Primary styles for LisaLupari.com 2022-12-01 */

/* CSS utilized from turnpikeinfo.com */
html, body{margin: 0px; padding: 0px;}
body{font-family: 'Century Gothic', "Helvetica", sans-serif; font-size: 14px; color: rgba(32,32,32,1.0); background-color: rgba(248,248,246,1.00);}
section{margin: 0px; padding: 0px;}

#header{position: fixed; width: 100%; max-width: 100%; background-color: rgba(250,250,248,1.0); padding: 5px 0px; box-shadow: 0px 2px 10px rgba(50,50,50,0.1); z-index: 10000;}
#subhead{height: 96px; padding-bottom: 32px;}

/* new main menu styling */
.menu{position: fixed; display: none; top: 0px; right: 5px; text-align: right; width: 48px; height: 48px; font-size: 36px; overflow: hidden; z-index: 59999 !important;}
.menu_opts{position: relative; top: 5px; margin: 0px auto; display: block; text-align: center; max-width: 100%; padding: 0px; vertical-align: middle; z-index: 49999 !important; background-color: rgba(150,184,204,0.7); border-top: 1px solid rgba(164,178,179,0.8); border-bottom: 1px solid rgba(164,178,179,0.8);}
.menu_opts ul{list-style: none; padding: 0px !important; margin: 0px !important;}
.menu_opts ul li{margin: 3px 0px 0px; padding: 0px 3px; display: inline-block; border-right: 1px solid rgba(189,206,206,1.0);}
.menu_opts ul li:last-child{margin-right: 0px;}
.menu_opts ul li:first-child{border-left: 1px solid rgba(189,206,206,1.0);}
.menu a{width: 36px; height: 36px;}
.menu_opts ul li, .menu_opts ul li a{padding: 0px !important; overflow: hidden;}
.menu a,.menu_opts a,.menu a:link,.menu_opts a:link,.menu a:hover,.menu a:focus,.menu a:active,.menu a:visited,.menu_opts a:visited{display: block; color: rgba(255,255,255,1.0); cursor: pointer; background: none !important; transition: all ease-in-out 0.4s;}
.button_container{margin: 0px auto; width: 84px; display: flex;}
.main_buttons{width: 100%; font-size: 15px; padding: 0px;}
.menu_opts a{height: 40px; vertical-align: middle !important; text-shadow: 0px 1px 1px rgba(50,50,50,0.7);}
.menu_opts a:hover{background-color: rgba(164,178,179,0.5) !important;}
/*,video_demos,clients_services,contact,home',*/
/* end of menu */

#quotes{margin-top: -24px; z-index: 5000;}

.content_container{display: block; width: 92%; margin: 0px auto;}
.content_pad{padding: 32px 0px 48px;}

.col_content{width: 96%; margin: 0px auto;}
.col_content_wide{width: 100%;}
.col_container{width: 96%; padding: 1% 2% 0%;}

.columns{width: 100%; margin: 0px auto; padding: 0px; display: block;}
.column_padding{padding: 14px 9px;}
.box_shadow{box-shadow: 0px 0px 10px rgba(50,50,50,0.1);}

.one_quarter{width: 25%; display: inline-block;}
.one_third{width: 33.3%; display: inline-block;}
.one_half{width: 50%; display: inline-block;}
.two_thirds{width: 66.7%; display: inline-block;}
.full_width{width: 100% !important; display: block;}
.one_quarter,.one_third,.one_half,.two_thirds,.full_width{vertical-align: top !important;}
.col_content,.col_content_wide{margin: 0px auto; padding: 5px 15px 20px; vertical-align: top !important;}

.hidden {display: none;}
.block{display: block;}

.center_text{text-align: center;}
.left_text{text-align: left;}
.right_text{text-align: right;}
.justify_text{text-align: justify;}

.italic{font-style: italic;}
.bold{font-weight: bold;}
.uppercase{text-transform: uppercase;}

/* H styling */
.headline_container{position: relative; max-width: 100%; margin: 0px auto 0px 0px; top: 0px; left: 0px;}
h1.page_title,h2.section_headline{text-align: left; text-indent: 0px; font-size: 42px;}
h2.h2_title,.nomobi{display: block;}
.section_headline{margin: 0px 0px 18px !important;}
.headline_bullet,.demo_bullet,.std_bullet{float: left; clear: right; margin: 0px 9px 0px 0px; vertical-align: middle;}
.gold_background{background-color: rgba(247,172,47,0.8); color: rgba(255,255,255,1.0);}
.light_gold_background{background-color: rgba(254,200,49,0.8); color: rgba(255,255,255,1.0); border-right: 12px solid rgba(247,172,47,1.0);}
.silver_background{background-color: rgba(164,178,179,0.8); color: rgba(255,255,255,1.0);}
.light_silver_background{background-color: rgba(189,206,206,0.8); color: rgba(255,255,255,1.0); border-right: 12px solid rgba(164,178,179,1.0);}
.demo_bullet{width: 30px; height: 30px;}
.headline_bullet{margin-top: 0px; width: 50px; height: 50px;}
.std_bullet{width: 18px; height: 18px;}
.gold_bullet{background-image: url(/graphics/assets/2023-bullet-gold.png); background-size: contain;}
.silver_bullet{background-image: url(/graphics/assets/2023-bullet-silver.png); background-size: contain;}
.red_bullet{background-image: url(/graphics/assets/2023-bullet-red.png); background-size: contain;}
.blue_bullet{background-image: url(/graphics/assets/2023-bullet-blue.png); background-size: contain;}
.green_bullet{background-image: url(/graphics/assets/2023-bullet-green.png); background-size: contain;}

.gold_text{color: rgba(247,172,47,1.0);}
.silver_text{color: rgba(164,178,179,1.0);}
.gray_text{color: rgba(82,89,90,1.0);}
.red_text{color: rgba(206,71,90,1.0);}
.green_text{color: rgba(132,179,69,1.0);}
.blue_text{color: rgba(84,155,194,1.0);}

a,a:link,a:visited{text-decoration: none;color: rgba(84,155,194,1.0);}
a:hover,a:focus{color: rgba(132,179,69,1.0);}

.marbot-0{margin-bottom: 0px !important}
.marbot-5{margin-bottom: 5px !important;}
.marbot-10{margin-bottom: 10px !important;}
.marbot-12{margin-bottom: 12px !important;}
.marbot-16{margin-bottom: 16px !important;}
.marbot-24{margin-bottom: 24px !important;}
.marbot-32{margin-bottom: 32px !important;}
.marbot-48{margin-bottom: 48px !important;}
.marbot-64{margin-bottom: 64px !important;}
.martop-0{margin-top: 0px !important}
.martop-6{margin-top: 6px !important}
.martop-8{margin-top: 8px !important}
.martop-12{margin-top: 12px !important;}
.martop-16{margin-top: 16px !important;}
.martop-24{margin-top: 24px !important;}
.martop-32{margin-top: 32px !important;}
.martop-48{margin-top: 48px !important;}
.martop--8{margin-top: -8px !important;}
.martop--12{margin-top: -12px !important;}
.martop--16{margin-top: -16px !important;}
.martop--24{margin-top: -24px !important;}
.martop--32{margin-top: -32px !important;}
.martop--48{margin-top: -48px !important;}
.martop--64{margin-top: -64px !important;}
.no_pad{padding: 0px 0px !important;}

/* video containers */
.video_container{width: 96%; max-width: 100%; margin: 0px auto;}
.poster_box{position: relative; width: 100%; height:inherit;}
.poster_box img{max-width: 100%; height: inherit; padding: 0px; margin: 0px auto;}
.video_box{position: relative; overflow: hidden; height: 0px; padding-bottom: 56.25%;}
.video_box iframe,.video_box embed{position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; max-width: 100%;}

/* grids */
.trio_grid{display: grid; grid-gap: 0px; margin: 0px auto 24px;}
.trio_grid{grid-template-columns: 33% 33% 33%; grid-template-areas: 'div div div' 'div div div'; text-align: center;}
.trio_grid img{width: 88%; max-width: 88%; height: inherit; margin: 0px auto; text-align: center; box-shadow: 1px 1px 3px rgba(50,50,50,0.2);}

/* CSS FROM LEGACY LISALUPARI.COM SITE FOR MENU AND OTHER ANIMATION */

#logo {width:314px; height:72px; background:url("/graphics/logo/2023-logo-lupari.png") top center no-repeat; background-size: contain; margin:7px auto 9px auto;display:block;}

/* DEMO ARCHIVE/DEMO PAGE COLUMNAR LAYOUT */	 
	 
.demodiv {width:410px; float:left; height:150px;} 
.download {background:#ededed;width:110px; height:24px;position: relative; top: 23px; left: 236px;}
.download p {padding: 5px 0 0 0px; text-align: center;}
.download a {font:10px "Century Gothic"; color:#666; text-shadow:0 1px #fff; text-transform:uppercase;}
.download a:hover {color:#FF9933;}

/* end of legacy css */

@font-face {
    font-family: 'champagne__limousinesregular';
    src: url('champagne__limousines-webfont.woff2') format('woff2'),
         url('champagne__limousines-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.content {padding-top: 35px;}

.demos,.demos_lib,.demos_vid {position: relative; width: 100%; z-index:4; color: #231f20; text-align: left; font-family: 'champagne__limousinesregular', 'Century Gothic', "Helvetica", sans-serif; font-weight: 400; line-height: 1.0em; letter-spacing: 1px;}
.demos{font-size: 36px;}
.demos_lib{font-size: 30px;}
.demos_vid{font-size: 32px;}
.demos{height: 240px;}
.demos_lib{height: 48px;}
.demos_vid{heigh: 108px;}
 ul.demos,ul.demos_lib,ul.demos_vid {margin: 0px !important; padding: 0px !important; list-style-type: none;}
.demos li {float: none; margin: 18px 0px;}
.demos_lib li{float: none; margin: 0px;}
.demos a:link,.demos_lib a:link {color: #231f20; text-decoration: none;}
.demos a:visited,.demos_lib a:visited {color: #231f20;text-decoration: none;}
.demos a:hover,.demos_lib a:hover {color: #fec831;	text-decoration: none;}
.demos a:active,.demos_lib a:active {}
.demos li,.demos_lib li {list-style:none;}
.video_bullet{float: left; clear: both; margin: 0px 7px 0px 0px; padding: 0px; width: 60px; height: inherit;}
.video_bullet img{max-width: 100%; height: inherit;}
.demos_vid a,.demos_vid a:link,.demos_vid a:visited{color: rgba(206,71,90,1.0);}
.demos_vid a:hover,.demos_vid a:focus{color: rgba(247,172,47,1.0);}

.contacts {position: relative; width:100%; font-family: 'champagne__limousinesregular', 'Century Gothic', "Helvetica", sans-serif; font-size: 18px;	font-weight: 400; color: #231f20; line-height:1.4em; letter-spacing: 2px;}

.contacts a:link {color: #231f20; text-decoration: none;}
.contacts a:visited{text-decoration: none;	color: #231f20;}
.contacts a:hover{text-decoration: none; color: #fbad18;}
.contacts a:active{text-decoration: none;}

.footer{position: relative;	font-size: .80em; margin-left: auto; margin-right: auto; width: 100%; text-align: center; font-family: Arial, Helvetica, sans-serif; color: #5e5e5e; font-weight: normal;}

.footer a:link{color: #fbad18; text-decoration: none;}
.footer a:visited{text-decoration: none; color: #fbad18;}
.footer a:hover{text-decoration: none;	color: #e1514a;}
.footer a:active{text-decoration: none;}

@media(max-width: 960px){
	.one_third,.one_quarter{width: 50%; display: inline-block;}
}

@media(max-width:840px){
	.one_quarter{width: 50%; display: inline-block;}
	.one_third,.one_half{width: 90%; display: block; margin: 0px auto;}
}

@media(max-width:720px){
	.one_third,.one_half{width: 100%;}
}

@media(max-width:560px){
	.headline_container{margin: 0px auto 0px;}
	h2.h2_title,.nomobi{display: none;}
	.content_container{display: block; width: 94%; margin: 0px auto;}
	.one_quarter{width: 100%; display: block; margin: 0px auto;}
}

@media(max-width:480px){
	.subhead{height: 72px; padding: 12px;}
	.button_container{margin: 0px auto; width: 72px; display: flex;}
	.main_buttons{width: 100%; font-size: 12px; padding: 0px; text-transform: uppercase;}
	.menu_opts{background-color: rgba(189,206,206,1.0);}
	.menu_opts a{height: 32px; vertical-align: middle !important; text-shadow: 0px 1px 1px rgba(50,50,50,0.7);}
	.demo_bullet{width: 26px; height: 26px;}
	.headline_bullet{width: 44px; height: 44px;}
	h2.section_headline{font-size: 36px;}
	.demos{font-size: 30px;}
}

@media(max-width:420px){
	.button_container{width: 66px;}
	.main_buttons{font-size: 11px;}
	.menu_opts a{height: 30px;}
	.demo_bullet{width: 24px; height: 24px;}
	.headline_bullet{width: 38px; height: 38px;}
	h2.section_headline{font-size: 30px;}
	.demos{font-size: 28px;}
}