/**   RESET    **/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}* {-moz-box-sizing: border-box;	-webkit-box-sizing: border-box;	box-sizing: border-box;}ol, ul {list-style: none;}
html, body {min-width:320px; padding:0; margin:0;font-family: Tahoma, Geneva, sans-serif }
body {background:#c8def9;  }
a {text-decoration:none;}
p {line-height:24px; padding:6px 0 6px 0}
h1 {font-size:140%; padding: 15px 0 4px 0; color:#222222;}
h2, h3 { padding: 15px 0 8px 0}
h2 { font-size:130%;}
h3 {font-size:120%;}
strong {font-weight:bold;}

/* LAYOUT */
.wrapper {border:0px #009 dashed; min-width:320px;}
.inner-content {position:relative; margin:0 auto;  padding:8px;  width:94%; border:0px #000 dashed; max-width:1980px; min-width:320px;}


/* HEADER */
header {border-bottom:2px #223256 solid;  background:#fcfcfc url(../images/header-bg.png) repeat-x;  position:relative; width:100%; z-index:90; height:130px;  }
.top { margin-bottom:0px; }
.h-logo { position:absolute; left: 5px; top:15px; width:250px;}
.h-strap{margin:0; display:none; position:absolute; left:50%; top:43px; text-shadow:1px 1px #f5f5f5;font-size:94%; letter-spacing:0.020em; margin-left: -150px;}
header a {color:#333;}
.h-join { position:absolute; right: 5px; top:5px;}

/* CONTENT */
.content { margin-top:10px; border-radius:6px; }
.content img {border-radius:6px; padding:0.5em;}
.crumbs {font-size:96%; position:absolute; left:6px; top:6px;}
.crumbs a {color:#666;}

.adria-into { border:2px #223256 solid; max-width:1540px; overflow:hidden;}

/* SLIDER */
.slider {position:relative; overflow:hidden; max-width:2000px; margin:0 auto;  z-index:0;}
.slider .item {width:10%; float:left; position:relative; z-index:0;}
.slider img {width:100%; height:auto; border-radius:0;}

.slider .items { 
  position: relative;
  width: 1000%;
  margin: 0;
  left: 0;
  text-align: left;
  font-size: 0;
  animation: 45s slidy infinite; 
  scroll-snap-align: center;
  scroll-behavior: smooth;
}

.slider .items:hover {cursor:pointer;

-webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
     animation-play-state: paused;}

@keyframes slidy {
0% { left: 0%; }
18% { left: 0%; }
20% { left: -100%; }
28% { left: -100%; }
30% { left: -200%; }
38% { left: -200%; }
40% { left: -300%; }
48% { left: -300%; }
50% { left: -400%; }
58% { left: -400%; }
60% { left: -500%; }
68% { left: -500%; }
70% { left: -600%; }
78% { left: -600%; }
80% { left: -700%; }
88% { left: -700%; }
90% { left: -800%; }
98% { left: -800%; }
100% { left: 0%; }
}

.col-70 {width:70%; padding:14px;}
.col-30 {width:30%; padding:14px;}
.col-30 img {margin:4% 2%; }

.col-34 {border:1px #333 solid; width:79%; background:#FFF; border-radius:8px; padding:14px; overflow:hidden; position:relative}
.col-14 {border:1px #009 dashed; width:25%}
.col-12 {border:1px #333 solid; width:49.5%; float:left; border-radius:6px; padding:10px;}
.col-mr {margin-right:1%;}

.sidebar-left, .sidebar-right {width:20%; float:left; border:0px #009 dashed;}
.sidebar-left {margin-right:1%}

.intro-text { font-size:135%; font-weight:bold; color:#223256; text-align:center; text-shadow:1px 1px #fff; line-height:28px; margin:-6px 0 8px 0;}
.img {border:2px #e3e3e3 solid; border-radius:10px; margin:8px; padding:10px; background:#FFF;}
.fright {float:right;}
.fleft {float:left;}
.acenter {text-align:center;}
.sub-heading {font-size:140%;}
.w-text {line-height:1.7em; letter-spacing:1px;}
.mag10 {margin:10px;}
.magleft {margin:10px;}
.c-box-heading {display:block;  background:#e4332d; color:#fff; text-shadow:1px 1px #804501; font-weight:bold; border-radius:6px 6px 0 0; padding:8px; text-align:center }

.c-box {  color:#FFF;  margin-bottom:3%; border-radius: 6px 12px 0 12px; text-align:center }
.c-innerbox  { background:#f9f9f9; /* Default Older Browsers */
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#bebebe));  /* Safari 4-5, Chrome 1-9 */ 
background: -webkit-linear-gradient(top, #ffffff, #bebebe);  /* Safari 5.1, Chrome 10+ */  
background: -moz-linear-gradient(top, #ffffff, #bebebe); 	 /* Firefox 3.6+ */
background: -ms-linear-gradient(top, #ffffff, #bebebe);    /* IE 10 */ 
background: -o-linear-gradient(top, #ffffff, #bebebe);	 /* Opera 11.10+ */
padding:8px; color:#000; border:6px #222222 solid;border-radius:0 0 6px 6px; overflow:hidden; }
.c-innerbox img {border:1px #8b8b8b solid; border-radius:6px}

.c-innerbox p{padding:1px;}
.c-innerbox a{display:block; color:#000; padding:6px 6px 10px 6px; font-size:94%; border-bottom:1px #8d8d8d solid;}
.c-innerbox a:last-child {border:none; padding:6px }
.c-innerbox a:hover { background:#fcfcfc; color:#000; }

.sidebar-right .c-box-heading { border-radius: 6px 6px 0 0;  }
.sidebar-right .c-innerbox { border-radius: 0 0 6px 6px;  }

.cart-info {padding:4px; text-align:center;}


.news-item {border:1px #223256 solid; margin-bottom:10px; border-radius:8px; overflow:hidden;}
.news-item p {padding:10px;}
.news-item h2 {background:#223256; margin:0; padding:8px 12px; color:#FFF; text-shadow:1px 1px #006; font-weight:bold; font-size:105%; overflow:hidden;}
.news-item h2 a {color:#FFF;}
.news-content {font-size:92%;}
.news-item img {/*width:24%; height:auto;*/ display:inline-block; cursor:pointer; border:1px #666666 solid; margin:0.5%;}

.n-date {float:right; font-size:90%;}
.r-date {display:block; letter-spacing:2px; font-size:86%; padding:4px 0 4px 0;}


/* BANNERS */
.cookie-banner {position:relative; text-align:center; padding:15px; background:#223256; color:#FFF; text-shadow:1px 1px #333; border-bottom:2px #080c15 solid;}
.cookie-banner a {color:#FFF; text-shadow:1px 1px #333; text-decoration:underline;}
.close-cookie-banner {margin:10px; display:block;}

.promo-box {border-radius:4px;  color:#FFF; text-align:center; width:49.5%; margin:0 auto; margin-bottom:25px; float:left}
.promo-box:first-child {margin-right:1%;}
.promo-box a{display:block;}
.promo-box img {width:100%; height:auto; vertical-align:bottom;}


.full-box {clear:both; }
.qtr-box {float:left; width:49.5%; margin:0.5%;}
.qtr-box:nth-child(2n+1){margin-right:0; }
.qtr-box:nth-child(2n+0) {margin-left:0;}


/* MENU */
.topmenu {position:relative; width:36%;  margin:0 auto; margin-right:20%; margin-top:-8px;  text-align:center; 
background: url(../images/t-menu-bg.png) repeat-x; font-size:90%}
.topmenu li{ float:left; /*margin:1%;*/ width:25%; border-left:1px #b6b6b6 solid}
.topmenu li:first-child{  border-left:none}
.topmenu ul { height:29px; overflow:hidden;}
.topmenu ul:after {    
	content: url( '../images/tr-menu.png');
	position:absolute; right:-22px;
}
.topmenu ul:before {  
	content: url('../images/tl-menu.png');
	position:absolute; left:-22px;
}
.topmenu a{ display:block; color:#222; padding:8px 0}
.topmenu a:hover{ color:#fff; text-decoration:underline; background: url(../images/t-menu-bg.png) 0px -30px repeat-x; text-shadow:1px 1px #333}

.mobile-menu {display:none; z-index:5000; margin-top:10px; position: absolute; top:120px; left:0; width:100%;}
.menu, .mm-menu {width:100%; margin-top:54px; overflow: hidden;}
.menu li{ float:left; margin: 0 1% 0 1%; width:15.5%; }
.menu a { padding:14px 4px; border-radius:6px 6px 0 0; overflow:hidden;}
.menu li a:hover, .mobile-menu a:hover {background:#e4332d}
.menu li:hover a {background:#e4332d}


.menu ul ul {display:none; background:#e4332d; padding:1.5%; border-radius:0 0 8px 8px}
.menu ul li:hover ul {display:block;}
.menu ul ul li{ float:none; margin: 1%; width:98%;}
.menu ul ul li, .menu ul ul li a {background:#223256!important; font-size:96%; border-radius:6px;}
.menu ul ul li:hover, .menu ul ul li a:hover{background:#2e4474!important }


nav li:first-child{  margin-left:0;}
nav li:last-child{  margin-right:0;}

.mm-menu {  display:none; margin-top:50px}
.mm-menu li{  margin:1%; float:left; width:23%;}

.mm-menu a,  .menu a, .mobile-menu a {display:block; background:#223256; text-align:center; color:#FFF;  text-shadow:1px 1px #333; font-size:105%}
.mm-menu a {  padding:6px;   border-radius:4px;}
.mobile-menu a { padding:8px; border-bottom:1px #CCC solid;}


.cancelled, .full {padding:6px; font-size:110%; font-weight:bold; }
.cancelled {color:#f01e1e;}

.button {border:1px #999 solid; border-radius:4px; text-align:center; padding:4px; width:100%; display:block; cursor:pointer;}
.red {background:#e4332d;}
.blue {background:#223256; color:#FFF;}

.file a {color:#333; }
.doc-pdf, .doc-wd, .doc-xl {width:18px ; height:22px; margin: 4px 10px 0 10px;  text-indent:-1000em; float:left; }
.doc-pdf {background:url(../images/docs.png) 1px 0px no-repeat; }
.doc-wd {background:url(../images/docs.png) -16px 0px no-repeat;}
.doc-xl {background:url(../images/docs.png) -32px 0px no-repeat;}


/*  GRIDS  */
.grid-wrapper {margin:0 auto; overflow:hidden; clear:both;}

.grid-wrapper a { /* display:block; */}

.grid-2, .grid-3, .grid-4, .grid-5 {display:block; margin: 4px 1% 4px 1%; vertical-align:top; padding:1%; overflow:hidden; float:left;}

.grid-2 {width:49%; }
.grid-2:nth-child(2n+1){margin-left:0; }
.grid-2:nth-child(2n+0) {margin-right:0;}

.grid-3  {width:32%; padding:0; text-align:center;}
.grid-3:nth-child(3n+1){margin-left:0; }
.grid-3:nth-child(3n+0) {margin-right:0;}
.grid-3 img, .grid-4 img  {width:90%; margin:6px; height:auto; vertical-align:bottom; max-width:200px; padding:10px; background:#FFF; border:3px #fff solid; border-radius:8px;}


.grid-4 {width:23.5%;  text-align:center; padding:0;  border-radius: 8px; position:relative; background:#000; /*border-bottom:1px #CCC solid; border-right:1px #CCC solid*/}
.grid-4:nth-child(4n+1){margin-left:0; }
.grid-4:nth-child(4n+0) {margin-right:0;}
.grid-4 h2 {background:#e98005; color:#fff; text-shadow:1px 1px #804501; padding:8px 2px; min-height:50px; }

.grid-border {border:2px #000000 solid;}

.cta div {border:0px #333333 solid!important;}
.cta img {width:100%!important; height:auto!important; max-width:320px!important; margin:0!important; padding:0!important;}

/* FOOTER */
footer {display:block; position:relative; clear:both; color:#efefef; font-size:80%; border-top:2px #222222 solid; padding: 8px 0 8px 0; background:#222222; overflow:hidden; }
footer a {text-decoration:none; color:#fff;}
footer a:hover {text-decoration:underline;}

/* GALLERY */
.clear {clear:both;}
.gallery {clear:both;}
.gallery-image {float:left; width:18%; margin:1%; height:150px; border:1px #333 solid; border-radius:8px; overflow:hidden; position:relative; text-align:center; background:#f9f9f9;}
.gallery-image img {height:150px; width:auto; text-align:center; vertical-align:bottom;}

.gallery-title {position:absolute; left:0; top:0; background: #CCC; width:100%; font-size:90%; color:#000; padding:4px; border-bottom:1px #333 solid;}

.gallery h2 { background:#223256; padding:8px 15px; color:#FFF; text-shadow:1px 1px #000; border-radius:18px;}

.flickrimg{border: 1px solid #666666 !important; padding:1px; margin:1%; float:left; width:23%;}

.flickr_badge_image { float:left; width:23%; height:200px; overflow:hidden; margin:1%;}
.flickr_badge_image img {width:100%; height:auto; border: 1px solid #666666; padding:1px;}

#flickr_badge_wrapper, #flickr_badge_wrapper2 {width:100%;text-align:left}


/* Contact Form */

.contact-form {margin-top:15px;}
.contact-form input, .contact-form select, .contact-form textarea{width:65%; margin-bottom:12px; padding:6px;  border-radius:4px;}
.contact-form input, .contact-form select {height:30px; line-height:30px;}
.contact-form img {vertical-align:middle;}


label {  float:left;  width:160px;  margin-right:0.5em;  padding-right:0.3em ;  text-align:right; border-radius:6px 0 0 6px; color:#000;  background:#223256; color:#FFF; font-size:96%; height:35px; line-height:35px;}
.frminput {background:#FFF;	border:0; overflow:hidden; padding:2px;  margin-bottom:12px; border-radius:6px;}
.frminput input, .frminput select, .frminput textarea {border-radius:0 6px 6px 0; border:1px solid #223256; vertical-align:bottom; padding:0.3em; font-size:110%; height:35px; line-height:35px;}

.frminput textarea {height:150px; line-height:25px;}
.sbt {display:none;}
#send-button {height:35px;}

.required, .spam {border:solid 1px #ff0000;}
.correct {border:solid 1px #00ff00;}
.mark-correct {background:url(../images/checkmark.png) no-repeat;}
.mark-required {background:url(../images/crossmark.png) no-repeat;}
.submit {margin-left:125px; width:240px; height:30px; margin-top:25px;}

.submit_button {margin:10px; padding:15px; font-size:150%;}

#submit, #clear_form {width:210px;height:40px; margin: 2px; }
#spam {width:100px;}
.error {color:#F00; background:#FFF; margin:0;}
#form-error-box {display:none; width:400px; height:130px; border:5px  #ec2222 solid; background:#0daff6; position:fixed; left:50%; margin-left:-200px; top:25%; padding:10px; text-align:center; color:#000;}
.error {font-size:120%; padding:10px; background:#FFF; border:2px #F00 solid; border-radius:8px; text-align:center; color:#F00; margin:10px;}

/* TABLE */
.tble {border:0px #666 solid; border-collapse:collapse; padding:0;}
.tble td {padding:8px}
.tble .url {padding:2px }
.tble .url a {color:#06C;}

.left-box {background:#024c83;border:1px #024c83 solid; padding:6px; margin-top:8px;}
.left-box p {margin:4px 6px 8px 6px; padding:6px; border:2px #be3400 solid; background:#f5e334; color:#000;}

.right-content {float:right; width:76%; border:0px #e1e1e1 dashed; padding-right:1%;}
.right-content p {text-align:left; margin:1px; padding:6px; }


.left {width:40%; float:left; border-right:0px #999 dashed; margin-right:1%; max-width:480px; text-align:center; margin-bottom:12px;}
.right {width:59%; float:left;border:0px #000 dashed; margin-bottom:12px;}

.contact {clear:both;  border-radius:8px; border:3px #e3e3e3 solid; background:#fff; padding:10px; margin-top:15px; overflow:hidden;}
.contact h1 {margin:0; border-bottom:1px #CCC solid; font-size:1.5em; color:#333; text-shadow:1px 1px #f1f1f1; width:50%;}

.std-bullets, .lge-bullets {margin:0; padding:0 0 0 20px; list-style-type:square; font-size:90%; text-align:left;}
.std-bullets li {padding-bottom:6px;}
.lge-bullets {font-size:110%; margin-top:10px;}
.lge-bullets li {padding-bottom:6px;}

p.links {padding:6px; border:1px #f2f2f2 solid; border-radius:6px; background:#fff; margin:8px; }


.popover {display:none;border:4px #223256 solid; background:#e1e1e1; text-align:center; width:50%; max-width:1000px;
position:fixed; 
/*position:absolute;*/
top:20%; left:25%; 
z-index:500; border-radius:6px; padding:2em;}

.close-popover {border:2px #FF0000 solid; background:#ffffff; position:absolute; top:-18px; right:-18px; width:40px; height:40px; font-size:30px; padding:2px;border-radius:50px; z-index:510; cursor:pointer;}

#enlarge_image img {max-width:600px; width:100%; height:auto;}

@media screen and (max-width: 1280px) {
.inner-content {width:100%;}	
.c-innerbox img {width:100%; height:auto; }	
.flickr_badge_image {  height:170px; margin:0.5%; width:24%;}

.gallery-image { width:23%;}


}




@media screen and (max-width: 1160px) {
.topmenu {margin-right:24%; }
.grid-4 {width:32%; }
.grid-4:nth-child(4n+1), .grid-4:nth-child(4n+0){margin-left:1%; }
.grid-4:nth-child(3n+1){margin-left:0; }
.grid-4:nth-child(3n+0) {margin-right:0;}
.menu, .mm-menu { margin-top:55px}
.menu a {font-size:98%}
.flickr_badge_image {  height:150px; }
}

@media screen and (max-width: 960px) {
	
header {padding:0;}
.content {border-radius:0; }
.flickr_badge_image {  height:120px; }

}

@media screen and (max-width: 930px) {
.menu a {font-size:92%}
.menu a.ml {padding:7px  8px; }
.img_100 {width:100%; height:auto;}

.col-70 {width:60%;}
.col-30 {width:40%;}

.gallery-image { width:31.3%;}
}
@media screen and (max-width: 850px) {

	
.menu a {font-size:94%}
nav li a {font-size:100%}
.grid-4 {width:49%; }
.grid-4:nth-child(3n+1), .grid-4:nth-child(3n+0){margin-left:1%; }
.grid-4:nth-child(2n+1){margin-left:0; }
.grid-4:nth-child(2n+0) {margin-right:0;}



}

@media screen and (max-width: 760px) {
.topmenu, .h-strap {display:none;}		
	
	
.menu, .sidebar-left{display:none;}
.mm-menu {display:block;  margin-top:72px}


.col-34, .sidebar-right { width:100%; float:none; clear:both;}
.c-box { padding:8px; border:6px #d1d1d1 solid; margin:0.5%; border-radius: 12px; text-align:center; float:left; width:49%; }

}

@media screen and (max-width: 650px) {

.grid-3  {width:100%; margin-left:0;}
.intro-text { font-size:110%;  line-height:22px;  }
.qtr-box {float:none; width:100%; margin:0; margin-bottom:6px;}

label {float:none; display:block; width:100%; text-align:left; padding:0 0.3em 0 0.3em; border-radius:6px; height:30px; line-height:30px;}
.frminput input, .frminput select, .frminput textarea {width:100%; margin-top:2px; border-radius:6px; font-size:96%; height:30px; line-height:30px;}

 .frminput textarea {height:100px;}
 
 .rally-details, .google-map {float:none;margin:0; width:100%; margin-bottom:10px;}

.col-70, .col-30  {width:100%; float:none}
.col-30 img {margin:20px; float:left;}

.gallery-image { width:48%;}

.promo-box { width:100%; float:none}
.promo-box:first-child {margin-right:0;}
}



@media screen and (max-width: 530px) {
header { position:relative; height:auto; text-align:center; }
.mm-menu { float:none; margin:0 auto; overflow:hidden; margin-top:5px; margin-bottom:-6px;}
.mobile-menu { top:84px;}

.img { background:#FFF;  width:90%; margin:5%; height:auto; }
.fright {float:none;  }
.h-logo, .h-strap{position:relative; top:0; left:0;}
.h-join {display:none;}
.h-logo {width:150px; height:auto;}
.h-strap{font-size:90%;}
.mm-menu li{width:32%;}
 .flickr_badge_image {  height:80px;}

.fright {float:none;}
.magleft {margin-left:0;}
}


@media screen and (max-width: 400px) {

 .flickr_badge_image {  height:65px;}

}