/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,h7,h8,h9,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
html,body { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }

address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%;  }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
* { margin:0; padding:0;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear; }
body { background:#000; overflow-x:hidden; min-width:313px; }
p { font-size:12px; padding:9px; text-align:justify; color:#333; }


@font-face {
    font-family:'open_sansregular';
    src: url('fonts/OpenSans-Regular-webfont.eot');
    src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Regular-webfont.woff2') format('woff2'),
         url('fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight:normal; font-style:normal;
}

@font-face { font-family:'quicksandregular';
    src: url('fonts/quicksand-regular-webfont.eot');
    src: url('fonts/quicksand-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/quicksand-regular-webfont.woff') format('woff'),
         url('fonts/quicksand-regular-webfont.ttf') format('truetype'),
         url('fonts/quicksand-regular-webfont.svg#quicksandregular') format('svg');
    font-weight:normal; font-style:normal; }

@font-face { font-family:'architects_daughterregular';
    src: url('fonts/architectsdaughter.eot');
    src: url('fonts/architectsdaughter.eot?#iefix') format('embedded-opentype'),
         url('fonts/architectsdaughter.woff') format('woff'),
         url('fonts/architectsdaughter.ttf') format('truetype'),
         url('fonts/architectsdaughter.svg#architects_daughterregular') format('svg');
    font-weight:normal; font-style:normal; }

@font-face {
    font-family: 'neutra_text_tfbold_alt';
    src: url('fonts/neutra-webfont.woff2') format('woff2'),
         url('fonts/neutra-webfont.woff') format('woff'); }

  h1,h2,h3,h4,h5,h6 { text-align:center; margin:0 auto; font-weight:lighter; font-family:'neutra_text_tfbold_alt'; }
  h1 { color:#F4A723; font-size:55px; padding:13px 0px 3px; }
  h2 { color:#7C80B9; font-size:33px; padding:11px 0px 3px; font-style:oblique; }
  h3 { color:#F4A723; font-size:44px; padding:9px 0px 3px; }
  h4 { color:#F4A723; font-size:28px; padding:9px 0px 3px; }
  h5 { color:#7C80B9; font-size:25px; padding:11px 0px 3px; font-style:oblique; }
  h6 { color:#f4a723; font-size:22px; padding:5px 3%; font-style:oblique; text-align:left; }


/* back to top */
.toTop:hover { opacity:0.7; }
.toTop { text-decoration:none; position:fixed; bottom:2%; right:2%; width:43px; height:43px; display:none; z-index:22; padding:3px; }


/*IDs*/
#wrapper { position:relative; background:000; width:100%; max-width:999px; margin:0 auto; height:auto; }


header { position:relative; width:100%; height:auto; width:100%; margin:0 auto; overflow:hidden; z-index:14; }
header img { width:100%; max-width:512px; }

.open { 
    animation-name: opa;
  animation-duration:2s;
  animation-iteration-count:1;
  animation-timing-function:ease-in; }

img.loog { float:right; width:44%; height:auto; }

audio { margin:0 auto; padding:11px; z-index:9; }
.videoWrapper { position:relative; padding-bottom:56.25%; padding-top:25px; height:0; }
.videoWrapper iframe { position:absolute; top:0; left:0; width:100%; height:100%; }

.quote { position:relative; width:80%; margin:0 auto; padding:11px 0; border-top:1px solid #999; }
 .quote p { font-family:'architects_daughterregular' !important; font-size:19px; font-weight:lighter; text-indent:5%; color:#DD9AED; text-align:justify; margin:0 auto; }


/* footer */

footer { width:96%; height:auto; margin-bottom:22px; display:inline-block; padding:5px; margin:1%; background:rgba(123,123,123,0.1); border-radius:6px;  border-top:1px solid #333; border-bottom:1px solid #333; }

.copyrite { width:100%; }
.copyrite img { border-radius:3px; margin:0; }
.copyrite p { font-family:'quicksandregular'; color:#555; font-size:13px; text-align:center; }
.copyrite a { font-family:'quicksandregular' !important; font-size:13px;  text-decoration:none; color:#999; }
.copyrite a:hover { color:#fff; }

/* news event buttons */

ul.ventnews { height:29px; width:110%; position:absolute; overflow:hidden; bottom:-5px; right:-10px; }
ul.ventnews p { text-align:center; margin:0; padding:1px; font-size:15px; }
ul.ventnews li { float:right; width:123px; height:29px; border-radius:13px; cursor:pointer; margin-left:-18px; background:#ccc;
box-shadow:inset 0px 0px 6px #777;
-o-box-shadow:inset 0px 0px 6px #777;
-ms-box-shadow:inset 0px 0px 6px #777;
-webkit-box-shadow:inset 0px 0px 6px #777;
-moz-box-shadow:inset 0px 0px 6px #777;
 }

ul.ventnews li:hover { background:#efc; }
ul.ventnews li:active { background:orange; }


body.plugin { color:#ddd; }

/* side buttz */

.fb { position:absolute; top:22px; right:0; }
.clear { clear:both; }
.poofar { padding:0;color:yellow;opacity:0.9;
text-shadow:0px 0px 12px yellow; }

.fab { position:absolute; top:72px; right:0; width:33px; height:33px; padding:0; margin:0 6px; cursor:pointer; border-radius:4px; z-index:7;
 background:url(img/fb.png) no-repeat; background-size:cover; }
.fab:hover {
box-shadow:0px 0px 5px #bbb;
-moz-box-shadow:0px 0px 5px #bbb;-moz-o-shadow:0px 0px 5px #bbb;-moz-ms-shadow:0px 0px 5px #bbb;
-webkit-box-shadow:0px 0px 5px #bbb; }


.inst { position:absolute; top:113px; right:0; width:33px; height:33px; padding:0; margin:0 6px; cursor:pointer; border-radius:4px; z-index:7;
 background:url(img/instagram.png) no-repeat; background-size:cover; }
.inst:hover {
box-shadow:0px 0px 5px #bbb;
-moz-box-shadow:0px 0px 5px #bbb;-moz-o-shadow:0px 0px 5px #bbb;-moz-ms-shadow:0px 0px 5px #bbb;
-webkit-box-shadow:0px 0px 5px #bbb; }

/* blog page */
h4.findusimages { text-align:center; font-size:18px !important; color:#ccd !important; font-weight:200 !important; }


article { position:relative; padding:1%; margin:6px 1% 9px; background:rgba(123,123,123,0.1); border-radius:18px; border-top:1px solid #555; border-bottom:1px solid #555;
 }

article img { margin:11px auto; width:70%; border:1px solid #aaa; border-radius:5px; }

.one { padding:0;}





/* index list pag4  */


.dream { width:100%; position:relative; margin:9px auto; }
.dream p { font-family:'open_sansregular'; font-size:16px; text-indent:4%; color:#ccc; padding:9px 18px; }
.dream a { color:#dde; }
.dream a:hover { color:#fff; }

    .floatingHeader { position:fixed; top:0; display:none; z-index:27; }



/* soup menu */

.list { width:98%; max-width:66%; background:url('img/paper.jpg'); margin:1% auto; padding:1%; border-radius:6px; position:relative;
box-shadow:0px 0px 8px #999; 
-moz-box-shadow:0px 0px 8px #999; 
-webkit-box-shadow:0px 0px 8px #999; 
-o-box-shadow:0px 0px 8px #999; 
-ms-box-shadow:0px 0px 8px #999; }
.list ul { width:92%; border-radius:8px; margin:5px auto; border:1px solid #333; overflow:hidden; }
.list ul p { font-family:'open_sansregular'; font-size:15px; padding:7px 4px 4px; color:#111; }
.list ul li { border-bottom:1px solid #bbb; height:33px; }
.list ul li img { height:100%; float:right; }
.list ul li.heda p { font-family:'neutra_text_tfbold_alt'; font-size:16px; text-align:center; text-indent:0; }
.list ul li:first-child { border-bottom:1px solid #bbb; }

.list ul.veg li.heda { background:#919AEB; }
.list ul.vegan li.heda { background:#96CF1B; }

.list ul.meat { padding-bottom:1px; }
.list ul.meat li.red { background:#FF4141; }
.list ul.meat li.orange { background:#FF9B4B; }
.list ul.meat li.pink { background:#FF5BFF; }

ul.legend { position:relative;width:100%; margin:0 auto; padding:0; border:0; }
ul.legend li.legs { height:22px; margin-bottom:6px; width:48%; display:inline-block; border:0; }
ul.legend li.legs img { float:none; height:96%; margin:0 3px -8px 7%; }
ul.legend li.legs p { margin:0 0 6px 0; padding:0; height:100%; text-align:left; text-indent:9%; text-indent:0; font-family:'verdana'; font-size:12px; padding:3px; color:#111; }
ul.legend li.heda p { font-family:'neutra_text_tfbold_alt'; font-size:16px; color:#222; text-indent:0; padding:0; }


._5mdd { color:#eee; }



/* item list */

ul.pag4 { list-style:none; width:100%; margin:0 auto; }
ul.pag4 img { height:222px; float:right; margin:0 3%; }
ul.pag4 li { position:relative; height:222px; background:url(img/bg.png); overflow:hidden; margin:5px; border-top:1px solid #bbb; padding:9px; border-radius:9px;
  }


ul.pag4 li p { font-family:'quicksandregular';  }
ul.pag4 li a { text-decoration:none; }

p.readmore { width:111px; height:18px; background:brown; text-align:center; position:absolute; bottom:0px; right:11px; z-index:9; font-size:14px; border-radius:4px; font-weight:bold; cursor:pointer; text-indent:0;
box-shadow:0 0 9px #000; color:#fff;
-moz-box-shadow:0 0 9px #000; 
-o-box-shadow:0 0 9px #000; 
-ms-box-shadow:0 0 9px #000; 
-webkit-box-shadow:0 0 9px #000;  }

p.author { font-family:georgia, verdana; font-size:17px; text-align:center; text-indent:0; }
ul.pag4 li img.find { float:right; height:100%; }
ul.pag4 li p.findus { padding:2px; font-size:16px; }
ul.pag4 li.finus { height:122px; }
/* list menu */

ul.indices { width:100%; position:relative; display:block; height:36px; list-style:none; z-index:12; background:#000;
box-shadow:0px 4px 14px #000;
-moz-box-shadow:0px 4px 14px #000;
-ms-box-shadow:0px 4px 14px #000;
-webkit-box-shadow:0px 4px 14px #000;
-o-box-shadow:0px 4px 14px #000; }
ul.indices p { font-family:'quicksandregular'; font-weight:bold; color:#fff; font-size:22px; text-align:center; padding:5px 0 6px; }
ul.indices li { width:20%; height:36px; cursor:pointer; display:block; float:left; position:relative; background:#000; border-bottom:1px solid #fa0; border-radius:1px;
box-shadow:inset 0px 0px 6px #000;
-moz-box-shadow:inset 0px 0px 6px #000;
-webkit-box-shadow:inset 0px 0px 6px #000;
-o-box-shadow:inset 0px 0px 6px #000;
-ms-box-shadow:inset 0px 0px 6px #000; }
ul.indices li:hover { background:#88c; }
ul.indices li a { text-decoration:none; }

ul.indices li.a { 
    animation-name: opa;
  animation-duration:0.2s;
  animation-iteration-count:1;
  animation-timing-function:ease-in;  }
ul.indices li.b { 
    animation-name: opa;
  animation-duration:0.4s;
  animation-iteration-count:1;
  animation-timing-function:ease-in;  }
ul.indices li.c { 
    animation-name: opa;
  animation-duration:0.6s;
  animation-iteration-count:1;
  animation-timing-function:ease-in;  }
ul.indices li.d {
    animation-name: opa;
  animation-duration:0.8s;
  animation-iteration-count:1;
  animation-timing-function:ease-in;  }
ul.indices li.e {
    animation-name: opa;
  animation-duration:1s;
  animation-iteration-count:1;
  animation-timing-function:ease-in;  }

ul.indices li.g { display:none;
    animation-name: opa;
  animation-duration:1.4s;
  animation-iteration-count:1;
  animation-timing-function:ease-in;  }

/*drop downs*/


ul.indices li.g ul.mobmenu { width:100%; position:absolute; height:0%; right:0; top:36px;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out; 
  -ms-transition: all 0.3s ease-out;    }


ul.indices li.g ul.mobmenu li:hover { background:#ddb; }

ul.indices li.g ul.mobmenu li { width:90%; height:96%; background:rgba(255,255,255,0.9); overflow:hidden; text-align:center; padding:0% 5%;
  box-shadow:inset 0px 1px 7px #555, 1px 1px 2px #ccc;
  -moz-box-shadow:inset 0px 1px 7px #555, 1px 1px 2px #ccc;
  box-shadow:inset 0px 1px 7px #555, 1px 1px 2px #ccc;
  box-shadow:inset 0px 1px 7px #555, 1px 1px 2px #ccc;
  box-shadow:inset 0px 1px 7px #555, 1px 1px 2px #ccc;
 }

ul.mobmenu li p { font-family:'architects_daughterregular'; font-size:14px; color:#333; }

/*mobile menu*/
li.g p.burger { display:block; text-align:right !important; width:99%; margin-top:-5px !important; }
li.g p.burger img { display:inline-block; vertical-align:middle; padding:0 5px; text-align:right !important; }

.cover { width:100%; height:100%; position:absolute; top:0; left:0; z-index:9; display:block; background:#000; cursor:default; }


/* photos */

.pics { width:100%; }
.pics ul { width:100%; }
.pics li { width:31%; height:188px; position:relative; display:inline-block; overflow:hidden; margin:1%; }
.pics li img { width:96%; padding:0 2%; }
.pics li p { position:absolute; left:0; bottom:0; width:100%; padding:4px 0; margin:0 1%; background:rgba(22,22,22,0.7); color:#ffe; text-align:center; }




.contac { position:relative; width:100%; margin:0 auto; z-index:9; overflow:hidden; padding-top:22px; }
.poee { float:right; width:48%; }
.poee p { font-size:16px; color:#ddd; font-family:'quicksandregular'; }
.poee a { text-decoration:none; color:#fff; }
.poee a:hover { text-decoration:underline; }
p.findus a { text-decoration:none; background:#fff; color:#000; padding:0 3px; border-radius:3px; }
p.findus a:hover { background:#000; color:#fff; }

.main_formhead, .formhead { font-size:15px; color:#222; }
fieldset#formwrap { background:0; }
fieldset { text-align:center; background:0; border:none; width:50%; margin:0 auto; max-width:555px; }
legend, dt { font-weight:bold; color:#555; }
label { font-family:'verdana'; color:#ccc; font-size:19px; font-weight:normal; }
input.med, input.short, select.med, textarea.textbox {  border:none; border-bottom:1px solid #0061FF; border-top:1px solid #0061FF; border-radius:7px;
font-family:'quicksandregular'; font-size:17px; font-weight:bold; color:#555; padding:5px; margin:6px 0 6px -5px; width:80%; background-color:#fff;
box-shadow:inset 0px 0px 6px #9BA22E;
-moz-box-shadow:inset 0px 0px 6px #9BA22E;
-webkit-box-shadow:inset 0px 0px 6px #9BA22E;
-ms-box-shadow:inset 0px 0px 6px #9BA22E;
-o-box-shadow:inset 0px 0px 6px #9BA22E; }
input.short { width:55px; font-family:'verdana'; font-size:17px; font-weight:normal; }
input.med:hover, input.med:focus, input.short:hover, input.short:hover, select.med:hover, select.med:focus, textarea.textbox:hover, textarea.textbox:focus, input.med.hover, input.med.focus, input.short.hover, input.short.focus, select.med.hover, select.med.focus, textarea.textbox.hover, textarea.textbox.focus { 
  color:#555; background-color:#fff; }
span.error, dt.error, strong.error { color:#D02F16; }
span.success { color:#87CC00; font-weight:bold; }
span.success h3 {  }

abbr, .abbr { cursor:help; border-bottom:1px dotted #999; }
dl#result_dl_blockq dt, dl.result_dl_blockq dt { color:#669900; }
dl#result_dl_blockq blockquote, dl.result_dl_blockq blockquote { margin-left:20px; }
div#hf_form_div span.items { font-weight:bold; color:#cc9900; }



@-moz-keyframes opa {
  0%   { opacity:0; display:none; }  
  20%   { opacity:0; display:none; }  
  100% { opacity:1; }}


@-webkit-keyframes opa {
  0%   { opacity:0; display:none; }  
  20%   { opacity:0; display:none; }  
  100% { opacity:1; }}


@-ms-keyframes opa {
  0%   { opacity:0; display:none; }  
  20%   { opacity:0; display:none; }  
  100% { opacity:1; }}


@-o-keyframes opa {
  0%   { opacity:0; display:none; }  
  20%   { opacity:0; display:none; }  
  100% { opacity:1; }}


@keyframes opa {
  0%   { opacity:0; display:none; }  
  20%   { opacity:0; display:none; }  
  100% { opacity:1; }}



 
@media screen and (max-width:922px) { .wid { width:36%; }}

@media screen and (max-width:888px) { 
     					                .contac { width:72%; margin:2% auto; border-radius:2px; }
										ul.pag4 li img.im { width:50%; }

}



@media screen and (max-width:711px) { .wid { width:42%; }
                                      ul.pag4 li { height:333px; }
                                      ul.pag4 li img.im { margin:0 auto; }
}


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


@media screen and (max-width:600px) { ul.indices p {  font-size:13px; margin-top:3px; }
                                    .contac { width:96%; margin:2%; border-radius:2px; padding-top:0; }
                                    .poee { float:none; width:100%;  }
                                      fieldset { width:100%; }
                                    .wid { width:48%; }
									ul.pag4 h3 { font-size:29px; }
                                    ul.pag4 li.finus { height:auto; }
									.pics li { width:48%; }

}

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

@media screen and (max-width:511px) { .copi img { width:92% !important; }
					                  .copi p { padding:9px 18px; }
                                    .quote p { font-size:14px; margin:11px auto; }
                                    .quote { padding-bottom:1px; }
                                    .wid { width:90%; }
									img.loog { width:90%; float:none; margin:2px 5%; }
									ul.ventnews { margin-right:-8px; width:150%; }
									ul.ventnews li { width:99px; }
									h3 { font-size:32px; }
									h2 { font-size:28px; }
									h1 { font-size:46px; }
									h4 { font-size:22px; }
									h5 { font-size:21px; }
									h6 { font-size:19px; }
ul.legend li.legs { display:block; width:100%; }


  }



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


.list { width:100%; max-width:96%; border-radius:0px; }
.list ul { width:96%; }
.list ul p { font-size:13px; padding:5px 4px 2px;  }
.list ul li { height:28px; }
									.pics li { width:90%; }
						            ul.indices li { position:absolute; width:50%; }
						            ul.indices li.g { margin-left:50%; display:block; }
									ul.pag4 li img.find { float:none; width:80%; margin:0 10%; }
									ul.pag4 li img.im { float:none !important; width:80%; margin:0 10%; }
						            ul.indices li.g ul.mobmenu li { position:relative; border-bottom:1px solid #aaa; }
						            ul.indices li.g ul.mobmenu { height:100%; right:-188px; opacity:0; max-width:144px; }
						            ul.indices p {  font-size:16px; margin-top:1px; }
						            ul.indices li.d { width:50%; }
						            .cover { display:none; }
									h3 { font-size:26px; }
									h2 { font-size:22px; }
									h1 { font-size:38px; }
}




@media screen and (max-width:400px) { ul.pag4 li img.im { width:80%; margin:0 5%; }
                                      ul.pag4 li { height:444px; padding:11px 0 0 0;}


}