/*
ACTIONEVENTSLA
MOBILE RESPONSIVE
2015
*/


/* RESET
-------------------------------*/
html {margin: 0;padding: 0;font-size: 100%;overflow-y: scroll;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;height: 100%;}
body {margin: 0;padding: 0;font:14px/1.3 Arial, sans-serif;background: #002953 !important;}
h1,h2,h3,h4,h5,h6,p,div,img,hr,br,ul,ol,form,fieldset,label,fieldset,legend,table,td,button,input,select,textarea,button::-moz-focus-inner,input::-moz-focus-inner {margin: 0;padding: 0;border: 0;}
body,button,input,select,textarea {font-family: Arial, Helvetica, sans-serif;color: #333;}

a:link,a:visited {color: #009BD4;text-decoration: underline;}
a:hover {text-decoration: none;color: #B51E25;}
a:focus {outline: thin dotted;}
a:hover,a:active {outline: 0;}

b, strong {font-weight: bold;}
blockquote {margin: 1em 0;position: relative;}
hr {margin: 1em 0;display:block;height: 1px;border-top: 1px solid #ccc;}
pre,code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre {white-space: pre; white-space: pre-wrap; word-wrap: break-word;}
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup {top: -0.5em; }
sub {bottom: -0.25em; }
ul, ol {margin: 10px 0 20px 35px;padding: 0;}
li {list-style: disc;}
ol li {margin: 0 0 0 10px;list-style: decimal;}
img {-ms-interpolation-mode: bicubic; vertical-align: middle;}
form {height: 100%; }
label {cursor: pointer;line-height: 1em;}
legend {*margin-left: -7px;}
button,.contentBoxWrapper input,select, textarea {font-size: 100%;vertical-align: baseline;*vertical-align: middle; }
button,.contentBoxWrapper input {line-height: normal;*overflow: visible; }
table button,table input {*overflow: auto;}
button, input[type="button"], input[type="reset"],input[type="submit"] {cursor: pointer;-webkit-appearance: button;}
input[type="checkbox"],input[type="radio"] { box-sizing: border-box;}
textarea {overflow: auto;vertical-align: top;resize: vertical;}
table {width: 100%;border-collapse: collapse;border-spacing: 0;}
td {padding: 5px;vertical-align: top;}
object {display: inline-block;}
.show {display: block;}
.hide {display: none;}
em {font-style: italic;}

.contentBox p {margin: 0 0 20px 20px;padding: 0;font-style: normal;color: #444;font:17px/1.4 Arial, sans-serif;}
.themes .contentBox p {padding: 0;}
.contentBox li {margin: 0 20px 2px;font-style: normal;color: #444;font:17px/1.4 Arial, sans-serif;}

/* WRAPPERS HOME
--------------------------------*/
.wrapper {margin:0 auto;overflow:hidden;min-height:100%;width: 100%;max-width:1000px;}
.header {background:none;position:relative;z-index:3000;}
.contentBox {padding: 15px 20px 10px;background:#fff;overflow:hidden;}
.pContent {float: left;width: 440px;text-align:left;background:none;zoom:1;}
.sContent {background: #fff;float:right;width:560px;overflow: auto;}
.footer {padding: 20px 0 10px;border-top: 20px solid #000;background: #e6e6e6;}

/* THEMES WRAPPERS
--------------------------------*/
.themes .pContent {padding: 0 90px;float: none;width: auto;}
.themes .sContent {display: none;}

.themes .pContent .image-shrink {margin: 0 0 20px;text-align: center;}
.themes .pContent .image-shrink img {margin: 0 auto;width: 100%;max-width: 638px;height: auto;}

.themes .pContent table.image-shrink {margin: 0 auto 20px;width: auto;}
.themes .pContent table.image-shrink img {margin: 0;}
.themes .pContent table.image-shrink td {}

.themes .pContent table.image-shrink td:first-child {float: none;text-align: right;}
.themes .pContent table.image-shrink td:last-child {float: none;text-align: left;}

.themes .pContent .image-stack {margin: 0 0 20px;text-align: center;}
.themes .pContent .image-stack img {margin: 0 auto 15px;padding: 0 7px 0 0;display: inline;}
.themes .pContent .image-stack img:last-child {padding: 0;}

.themes .pContent table.flexible-images {margin: 0 auto;width: auto;}
.themes .pContent table.flexible-images td {padding: 0;width: auto;border: 1px solid #333;}
.themes .pContent table.flexible-images img {margin: 0 auto;width: 100%;}

/* THEMES INFO
--------------------------------*/
.info {
	margin: 15px;
	padding: 15px 10px 0;
	border: 2px solid #FDC135;
	background-color: #FFF0B9;
	}
.info p {
	font-size: 18px;
	}

.info2 {
	margin: 15px;
	padding: 15px 10px 0;
	border: 2px solid #B20000;
	}


.info3 {
    margin: 15px;
    padding: 15px 10px 0;
    border: 2px solid #85CAE6;
	}
.info3 h5 {
	font-size: 18px;
	color: #401E92;
}
.info3 h6 {
    font-size: 16px;
    color: #B367ED;
    letter-spacing: 12px;
    text-align: center;
}


/* HEADERS
--------------------------------*/

h2,h3,h4,h5 {padding: 0;}
h2{margin: 0 20px 10px;font-size: 26px;color:#000000;}
h3{margin: 0 20px 10px;font-size: 24px;color:#780001;}
h4{margin: 0 20px 10px;font-size: 20px;color:#DF8327;}
h4 span {margin: 0;display: block;font-size: 17px;font-style: italic;font-weight: normal;color:#000;}
h5{margin: 0 20px 10px;font-size: 18px;color:#555555;}
h6{margin: 0 20px 10px;font-size: 16px;color:#888888;}

/* UTILITIES
--------------------------------*/
.center {text-align: center;}
.clear {clear: both;}

/* IMAGES
--------------------------------*/
.themes .pContent img {max-width: auto;}
.left {margin: 0 15px 10px 0;float: left;}
.right {margin: 0 0 10px 15px;float: right;}

/* HEADER
--------------------------------*/
.header img {width: 100%; max-width: 1000px;}

/* NAV
--------------------------------*/
.navwrapper {padding: 5px 0;width: 100%;background: #000;}
.nav {margin:0 !important;padding: 0;display: block;position: relative;width: 100%;text-align: left;line-height:19px !important;background: #000;}
.nav * {-webkit-tap-highlight-color: transparent !important;font-family: Arial;}
.nav a {color: #ebebeb;text-decoration: none;}
.nav .nav-main-list, .nav .nav-main-list li {margin: 0;padding: 0;font-size: 16px;}
.nav ul {margin: 0 auto !important;display: block;width: auto !important;overflow: hidden;list-style: none;}
.nav .nav-main-list li {margin: 0 !important;padding: 0;display: inline;}
.nav-toggled {margin: 0 auto !important;display: none;width: 100%;position: relative;overflow: hidden;}
.nav-button:hover {cursor: pointer;}
.nav .nav-toggled ul {margin: 0 !important;padding: 0 !important;display: none;}
.nav .nav-toggled ul li {margin: 0 auto !important;display: block;}

/* MINIMAL STYLE */
.nav.minimal a {color: #fff;}
.nav.minimal a:hover {opacity: 0.7;}
.nav.minimal .nav-main-list li a {margin: 0 -3px 0 -3px;padding: 8px 25px 8px 25px;display: inline-block;font-size: 16px;}
.nav.minimal .nav-toggled {width: 95%;min-height: 36px;}
.nav.minimal .nav-toggled-controls {display: block;height: 36px;color: #fff;text-align: left;position: relative;}
.nav.minimal .nav-toggled-title {position: relative;top: 9px;left: 9px;font-size: 16px;color: #33333;}
.nav.minimal .nav-button {display: block;position: absolute;right: 9px;top: 7px;}
.nav.minimal .nav-button span {margin: 4px 0 4px 0;display: block;height: 2px;background: #fff;width: 25px;}
.nav.minimal .nav-toggled ul li a {padding: 10px 0px 10px 0px;display: block;width: 100%;text-align: center;border-bottom: 1px solid #dedede;color: #fff;font-size: 16px;}
.nav.minimal .nav-toggled ul li:last-child a {border-bottom: 0;}
.nav.minimal .nav-toggled ul li:first-child a {border-top:1px solid #dedede;}

/* NAV CONTACT BUTTON */
.nav li.contact {margin-left: 11px !important;padding-left: 5px !important;}
.nav .contact a {background: #01A2D9;border: 2px solid #FFFF00;color:#ebebeb;text-decoration:none;}
.nav .contact a:hover {background: #0AC1FE;opacity:1.0;}

/* THEMES
--------------------------------*/
.contentBox .themes {
	margin: 0;
	padding: 0;
	text-align: center;
	}
.contentBox .themes h3 {
	margin: 0 15px 25px;
	padding: 0;
	display: block;
	color: #B30101;
	font-size: 20px;
	text-align: center;
	}
.contentBox .themes ul {
	margin: 0;
	padding: 0;
	}
.contentBox .themes li {
	margin: 0 auto 35px;
	padding: 0;
	display: inline-block;
	width: 262px;
	text-align: center;
	border: 1px solid #000;
	}
.contentBox .themes li.double {
	margin: 0 auto 30px;
	}
.contentBox .themes li a {
	margin: 0 auto;
	padding: 0;
	display: block;
	position: relative;
	z-index: 3000;
	width: 250px;
	border: 6px solid #000;
	}
.contentBox .themes li span {
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 2000;
	bottom: -20px;
	left: -6px;
	background: #000;
	color: #fff;
	width: 262px;
	height: 25px;
	}
.contentBox .themes li.double span {
	height: 50px;
	bottom: -50px;
	}
.contentBox .themes li img {
	width: 100%;
	max-width: 250px;
	}

/* TESTIMONIALS
--------------------------------*/
.testimonials {
	margin: 15px;
	height: 200px;
	border: 2px solid #FDC135;
	position: relative;
	z-index: 2000;
	}
.testimonials p {
	font-size: 18px;
	}
.testimonials li p.date {
	font-size: 18px;
	color: #888;
	}
.testimonials li p.author {
	font-size: 16px;
	color: #888;
	}
.testimonials p.viewall{
	position: absolute;
	bottom: -13px;
	right: 10px;
	z-index: 3000;
	}

/* IMAGE CAPTIONS
--------------------------------*/
.imagecaption {color: #AAAAAA; font-size: 13px; text-align: center; padding-top: 3px;}

/* TEXT SIZES
--------------------------------*/
/*.textsmall p {color: #555555; font-size: 11px;}


/* SEAL
--------------------------------*/
.seal {
	margin: 20px 0;
	padding: 0;
	text-align: center;
	}

/* SOCIAL TOP
--------------------------------*/
.contentBox .social {
	margin: 0 0 25px;
	}
.contentBox .social ul {
	margin: 0;
	padding: 0;
	}
.contentBox .social li {
	margin: 0 16px 10px 0;
	padding: 0;
	display: inline;
	}
.footer .social li:last-child,
.contentBox .social li:last-child {
	margin: 0;
	}
.footer .social li img,
.contentBox .social li img {
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}

/* SOCIAL BOTTOM
--------------------------------*/
.footer .social {
	margin: 0 0 15px;
	padding: 0;
	text-align: center;
	}
.footer .social ul {
	margin: 0;
	padding: 0;
	}
.footer .social li {
	margin: 0 16px 0 0;
	padding: 0 0 10px 0;
	display: inline;
	}



/* MOBILE ROUTINES
-------------------------------*/
@media (min-width: 300px) { 
body {background: #fff !important;}
.wrapper { width: auto;}
.contentBox {padding: 15px 10px 10px;background:#fff;overflow:hidden;}
.pContent {padding: 20px 0 10px;float: none;width: auto;clear: both;}
.sContent {margin-top: 0;padding: 20px 0 0;float:none;width:auto;}

h2,h3,h4,h5,h6 {margin-left: 5px;}

.footer p {margin: 0 0 10px;font-style: normal;color: #000;font-size: 14px;text-align: center;}
.contentBox p {margin: 0 0 20px 5px;}

/* THEMES WRAPPERS
--------------------------------*/
.themes .pContent {padding: 0 0px;}

/* IMAGES
--------------------------------*/
.themes .pContent img {max-width: 295px;display: block;}
.left {margin: 0 auto 10px;float: none;}
.right {margin: 0 auto 10px;float: none;}

/* NAV CONTACT BUTTON
--------------------------------*/
/* NAV CONTACT BUTTON */
.nav li.contact {
	padding-left: 0!important;
	}
.nav .contact a {
	border: 0;
	border-top: 4px solid #FFFF00;
	}

	
/* THEMES
--------------------------------*/
.contentBox .themes li {
	width: 150px;
	border: 0px solid #333;
	}
.contentBox .themes li span {
	width: 100%;
	}
.contentBox .themes li.double {
	margin-bottom: 65px;
	}
.contentBox .themes li.double span {
	height: 50px;
	bottom: -50px;
	}
.contentBox .themes li a {
	width: 130px;
	}
.contentBox .themes li span {
	width: 142px;
	}

/* THEMES OVERLAY
--------------------------------*/

/* Container needed to position the overlay. Adjust the width as needed */
.overlaycontainer {
  position: relative;
}

/* The overlay effect - lays on top of the container and over the image */
.overlay {
  position: absolute; 
  bottom: 0; 
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.5); /* Black see-through */
  color: #f1f1f1; 
  width: 100%;
  transition: .5s ease;
  opacity:0;
  color: white;
  font-size: 20px;
  padding-top: 15px;
  padding-bottom: 15px; 
  text-align: center;
}

/* When you mouse over the container, fade in the overlay title */
.overlaycontainer:hover .overlay {
  opacity: 1;
}
	
	

/* SOCIAL FOOTER
--------------------------------*/
.footer .social li {
	margin: 0 10px 0 0;
	padding: 0;
	display: inline;
	}
.footer .social li img,
.contentBox .social li img {
	width: 37px;
	}
.contentBox .social {
	margin: 0 auto 15px;
	border: 0px solid #333;
	text-align: center;
	}
.contentBox .social ul {
	text-align: center;
	}
.contentBox .social li {
	margin: 0 10px 0 0;
	text-align: center;
	}
}

@media (min-width: 400px) {	
/* THEMES
--------------------------------*/
.contentBox .themes li {
	width: 190px;
	border: 0px solid #333;
	}
.contentBox .themes li.double span {
	height: 50px;
	bottom: -50px;
	}
.contentBox .themes li a {
	width: 170px;
	}
.contentBox .themes li span {
	width: 182px;
	}
}

@media (min-width: 520px) {
h2,h3,h4,h5,h6 {margin-left: 20px;}
.contentBox p {margin: 0 0 20px 20px;}

/* IMAGES
--------------------------------*/
.themes .pContent img {max-width: 100%;}
.left {margin: 0 15px 10px 0;float: left;}
.right {margin: 0 0 10px 15px;float: right;}
	
/* THEMES
--------------------------------*/
.contentBox .themes li {
	margin: 0 auto 25px;
	width: 250px;
	border: 0px solid #333;
	}
.contentBox .themes li a {
	width: 230px;
	}
.contentBox .themes li span {
	width: 242px;
	}
.contentBox .themes li.double {
	margin: 0 auto 30px;
	}
.contentBox .themes li.double span {
	height: 25px;
	bottom: -25px;
	}
}

@media (min-width: 620px) {
/* THEMES WRAPPERS
--------------------------------*/
.themes .pContent {padding: 0 90px;}	
	
/* THEMES
--------------------------------*/
.contentBox .themes li {
	width: 300px;
	border: 0px solid #333;
	}
.contentBox .themes li a {
	width: 250px;
	}
.contentBox .themes li span {
	width: 262px;
	}
.contentBox .themes li.double {
	margin: 0 auto 30px;
	}
.contentBox .themes li.double span {
	height: 25px;
	bottom: -25px;
	}
}

@media (min-width: 720px) {
	/* not currently used */
}

@media (min-width: 820px) {
body {background: #002953 !important;}
}

@media (min-width: 920px) {	
.wrapper { max-width: 1000px;}
.header {}
.contentBox {padding: 15px 0 10px;}
.themes .contentBox {padding: 15px 0 10px;background:#fff;overflow:hidden;}
.pContent {margin:0 0 10px;padding: 0;float: left;width: 440px;clear: none;}
.sContent {padding: 25px 0;float:right;width:560px;}
}
	

	
	
	
	
/* NAV CONTACT BUTTON
--------------------------------*/
/* NAV CONTACT BUTTON */
.nav li.contact {
	padding-left: 5px !important;
	}
.nav .contact a {
	border: 2px solid #FFFF00;
	}
/* THEMES
--------------------------------*/
.contentBox .themes li {
	width: 270px;
	border: 0px solid #000;
	}

/* SOCIAL
--------------------------------*/
.contentBox .social li,
.footer .social li {
	margin: 0 24px 0 0;
	}
.contentBox .social li img,
.footer .social li img {
	width: 45px;
	}
.contentBox .social {
	margin: 0 0 20px 20px;
	text-align: left;
	}
.contentBox .social ul {
	text-align: left;
	}
.contentBox .social li {
	margin: 0 10px 10px 0;
	text-align: left;
	}


/*BUTTONS
--------------------------------*/
.w3-button-red {color:#FFFFFF;
	background-color:#F40623;
	padding:8px 16px;
	margin:10px;
	font-decoration:none;
	font-size: 18px;
	width:300px;
	align-content: center;}
.w3-button-red:hover {color:#FFFFFF;background-color:#020202;}
.w3-button-red:link {color:#FFFFFF;font-decoration:none;}

.w3-button-wrapper{display: inline-block; padding: 10px; align-content: center; margin: 5px;}
.w3-button{border:none;display:inline-block;outline:0;padding:10px 12px;vertical-align:middle;overflow:hidden;text-decoration:none!important;color:#fff;background-color:#000;text-align:center;cursor:pointer;white-space:nowrap;}
.w3-button{color:#000;background-color:#f1f1f1;}
.w3-button:hover{color:#000!important;background-color:#ccc!important;}
.w3-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;} 
.w3-button{width:100%;text-align:center;background-color:inherit;color:inherit;}

.w3-orange,.w3-hover-orange:hover{color:#FFFFFF!important;background-color:#FF5C26!important;}
.w3-black,.w3-hover-black:hover{color:#FFFFFF!important;background-color:#000000!important;}
.w3-dkteal,.w3-hover-dkteal:hover{color:#FFFFFF!important;background-color:#00698C!important;}

.w3-round-small{border-radius:3px!important}.w3-round,.w3-round-medium{border-radius:5px!important;}
.w3-round-large{border-radius:8px!important}.w3-round-xlarge{border-radius:16px!important;}
.w3-round-xxlarge{border-radius:32px!important}.w3-round-jumbo{border-radius:64px!important:}



/*MAILCHIP FORM
--------------------------------*/
#mc_embed_signup {
	background:#fff; 
	clear:left; 
	font:14px Helvetica,Arial,sans-serif;
	}
	

}