/*----- media queries -----*/
@media only screen and (max-width: 320px) { }
@media only screen and (max-width: 480px) { }
@media only screen and (max-width: 768px) { }
@media only screen and (max-width: 1024px) { }


/* PERSISTENT STYLES ========================================================================================*/
html, body { background:#000; width:100%; height:100%; margin:0px; padding:0px; font-family:'Dosis', Helvetica, Arial, sans-serif; color:#000; }
img, img a, img a:link { border:0px; }

h1 { font-size:42px; line-height:48px; margin:0px 0px 30px 0px; padding:0px 0px 30px 0px; border-bottom:1px solid #e5e5e5; font-weight:200; text-align:left; }
#home h1 { text-align:center; }
h2 { font-size:30px; line-height:36px; margin:30px 0px -15px 0px; font-weight:200; }
h3 {  }
h4 {  }

p { font-size:18px; line-height:28px; margin:20px 0px 20px 0px; color:#333; font-weight:300; }
ul { font-size:18px; line-height:28px; margin:20px 0px 20px 0px; padding:0px 0px 0px 23px; color:#333; font-weight:300; }

hr { margin:30px 0px 30px 0px; color:#e5e5e5; background:#e5e5e5; border:0px; height:1px; }

a:link { color:; }
a:visited { color:; }
a:hover { color:; }

.clear { clear:both; }
.clearfix:before { content:" "; display:table; }
.clearfix:after { content:" "; display:table; clear:both; }

.center { display:block; max-width:1070px; margin:0 auto; position:relative; }
.center:before { content:" "; display:table; }
.center:after { content:" "; display:table; clear:both; }
.block { display:block; }

.contentImg { width:30%; height:auto; float:right; display:inline; margin:0px 0px 10px 20px; }
.contentImg:before { content:" "; display:table; }
.contentImg:after { content:" "; display:table; clear:both; }

@media only screen and (max-width: 1070px) {
	.center { padding-right:40px; padding-left:40px; }
}

@media only screen and (max-width: 768px) {
	.center { padding-right:30px; padding-left:30px; }
	.contentImg { width:50%; }
}

@media only screen and (max-width: 500px) {
	.contentImg { width:100%; float:none; display:block; margin:0px 0px -10px 0px; }
}




/* HEADER STYLES ========================================================================================*/
#header { position:relative; z-index:100; box-shadow:0px 0px 8px #000; padding:50px 0px 0px 0px; }
#header .logo { padding:0px 0px 50px; text-align:center; }
#header #mainMenu { text-transform:uppercase; background:#383838; padding:1px 0px; text-align:center; }
#header #mainMenu a { text-decoration:none; color:#fff; font-size:18px; line-height:24px; font-weight:200; letter-spacing:1px; }
#nav { padding-left:0; }
#header #mainMenu ul#nav li { display:inline-block; margin:0px 15px; }
.showMenu{display:none;}
.logo > a > img {width: 100%; max-width: 339px;height: auto;} 
.open {max-height: 700px!important;} 
@media only screen and (max-width: 860px) {
	#nav > li {margin: 0px 5px!important;}
	}
@media only screen and (max-width: 700px) {
	#mainMenu a{font-size:16px!important;}
	}	 
	
@media only screen and (max-width: 650px) {
	.showMenu {display: block;color: #fff;font-size: 19px;padding: 10px;}
	#nav {
    margin-top: 0;
    padding: 0;
    max-height: 0;
    overflow: hidden;
    position: absolute;
	width: 100%!important;
}
	#mainMenu ul#nav li {display: block!important;text-align: center;
	   background: rgba(56, 56, 56, 0.90);border-top: 1px solid #fff;padding: 6px 0;}
	   #nav li:first-child{border-top:none!important;} 
	
	}	

/* PARALLAX STYLES ========================================================================================*/
.slide { width:100%; height:auto; position: relative; box-shadow:inset 0px 1px 20px #000; background-position-x:center !important; }
.slide img { width:100%; height:auto; }
#slide1 { background-image:url('/templates/client/images/parallax-space.jpg'); }
#slide2 { background-image:url('/templates/client/images/parallax-gallery.jpg'); }
#slide3 { background-image:url('/templates/client/images/parallax-info.jpg'); }
#slide4 { background-image:url('/templates/client/images/parallax-catering.jpg'); }
#slide5 { background-image:url('/templates/client/images/parallax-media.jpg'); }
#slide6 { background-image:url('/templates/client/images/parallax-contact.jpg'); }

.sectionHeader { width:100%; height:300px; box-shadow:inset 0px 1px 20px #000; }
.sectionText { padding:70px 0px; box-shadow:0px 0px 20px #000; }
.sectionText p { margin:20px 0px 0px 0px; }
.sectionText h6 { text-align:center; display:block; width:150px; font-size:25px; font-weight:200; padding:10px 20px; color:#fff; background:#000; margin:30px auto 0px auto; }
.sectionText h6 a { color:#fff; text-decoration:none; }
.sectionImg { width:100%; max-width:1070px; padding:160px 0px; margin:0 auto; }
.sectionImg .insetText { width:60%; margin:0 auto; border:solid white 50px; background:rgba(0,0,0,.65); padding:50px; text-shadow:0px 2px 8px #000; }
.sectionImg .insetText p { color:#fff; text-align:center; letter-spacing:1px; }
.sectionImg .insetText h1 { color:#fff; text-align:center; font-weight:400; font-size:60px; line-height:62px; text-transform:uppercase; margin:0px 0px 20px 0px; letter-spacing:1px; }
.sectionImg a { text-decoration:none; }

.sectionSpace .sectionText { background:#fff; }
.sectionGallery .sectionImg { background:url('/templates/client/images/home-gallery.jpg') no-repeat center; }
.sectionInfo .sectionImg { background:url('/templates/client/images/home-info.jpg') no-repeat center; }
.sectionCatering .sectionImg { background:url('/templates/client/images/home-catering.jpg') no-repeat center; }
.sectionMedia .sectionImg { background:url('/templates/client/images/home-media.jpg') no-repeat center; }
.sectionContact .sectionMap { width:100%; height:500px; background:#f3f3f3; }

@media only screen and (max-width: 768px) {
	.sectionText { padding:30px 0px; }
	.sectionImg { padding:0px; }
	.sectionImg .insetText { width:100%; margin:0 auto; padding:20px; border:solid white 40px; box-sizing:border-box; }
	.sectionImg .insetText h1 { font-size:40px; line-height:42px; text-transform:uppercase; margin:0px 0px 10px 0px; letter-spacing:1px; }
	.sectionImg .insetText p { margin-top:10px; }
	.slide { background-size:100% 100%; background-repeat:no-repeat; background-position:center !important; }
}


/* FOOTER STYLES ========================================================================================*/
#footer { padding:60px 0px; width:100%; }
#footer .footerLeft { width:25%; float:left; display:inline; text-align:center; }
#footer .footerRight { width:25%; float:left; display:inline; text-align:center; padding-top:40px; }
#footer .footerRight a { color:#fff; margin:0px 10px; font-size:25px; }
#footer .footerRight a:hover { color:#bbc45e; text-decoration:none; }
#footer .footerCenter { width:50%; float:left; display:inline; text-align:center; }
#footer .footerCenter img { width:50%; height:auto; margin-bottom:10px; }
#footer .footerCenter p { color:#fff; font-size:14px; line-height:20px; letter-spacing:1px; }
#footer .footerCenter p a { color:#fff; text-decoration:none; }
#footer .footerCenter p a:hover { color:#bbc45e; text-decoration:none; }

.footerLogo {color: #fff;font-family: 'Cambo', serif;margin: 0;font-weight: 100;text-transform: uppercase;}
#footerLogoTop{ position: relative;display: inline-block;}
#footerLogoTop:before{content: url('/templates/client/images/footer-left.png');position: absolute;left: -55px;}
#footerLogoTop:after{content: url('/templates/client/images/footer-right.png');position: absolute;right: -55px;}

@media only screen and (max-width: 768px) {
	#footer .footerLeft { width:100%; float:none; display:block; text-align:center; margin-bottom:40px; }
	#footer .footerRight { width:100%; float:none; display:block; text-align:center; padding-top:0px; }
	#footer .footerCenter { width:100%; float:none; display:block; text-align:center; margin-bottom:50px; }
	#footer .footerCenter img { width:60%; }
}



/* CONTENT STYLES ========================================================================================*/
#contentContainer { background:#fff; padding:70px 30px; box-shadow:0px 0px 20px #000; }

@media only screen and (max-width: 768px) {
	#contentContainer { padding:30px 0px; }
}


/* CONTACT FORM STYLES ========================================================================================*/
#contactForms { font-size:16px; line-height:20px; font-weight:300; }
#contactForms p { font-size:16px; line-height:20px; font-weight:300; margin:0px; }
#contactForms hr { margin:10px 0px; }
#contactForms .formErrors { display:none; }
#contactForms table { width:48%; float:left; }
#contactForms table tbody { width:100%; }
#contactForms table.contactRight { margin-left:4%; }
#contactForms table tr { width:100%; border-radius:5px; }
#contactForms table tr:nth-child(odd) { background:rgba(0,0,0,.05); }
#contactForms table tr td { padding:10px 2%; }
#contactForms table tr td:nth-child(1) { width:40%; border-radius:5px 0px 0px 5px; }
#contactForms table tr td:nth-child(2) { border-radius:0px 5px 5px 0px; }
#contactForms table tr td.wide { border-radius:5px; }
#contactForms input, #contactForms textarea { display:block; width:98%; border:0px; border-radius:3px; min-height:25px; box-shadow:inset 0px 1px 3px rgba(0,0,0,.75); }
#contactForms textarea { height:200px; }
#contactForms input.checkbox { height:auto !important; width:auto !important; box-shadow:none; }
#contactForms input.radio { height:auto !important; width:auto !important; box-shadow:none; }
#contactForms button { width:98%; margin:0px; background:#000; font-size:16px; line-height:18px; border:0px; color:#fff; padding:12px 0px; }

#contactForms #formError { border-radius:5px; padding:15px 15px 2px 15px; background:#bd5757; margin-bottom:20px; color:#fff; }
#contactForms .formErrors { display:none; }
#contactForms .formErrors h4 { text-align:center; margin:0px 0px 10px 0px; font-family:'Lato', sans-serif; font-size:20px; color:#fff; font-weight:bold; }
#contactForms .formErrors ol { margin:0px 0px 20px 0px; padding:0px 0px 0px 20px; }
#contactForms .formErrors ol li { margin:0px; font-size:14px; }
#contactForms .captcha { font-family:helvetica, arial, sans-serif; font-size:20px; padding:10px 0px; }

@media only screen and (max-width:768px) {
	#contactForms table { width:100%; float:none; display:table; }
	#contactForms table.contactRight { margin-left:0%; margin-top:30px; }
}


/*GALLERY------------------------------------------------*/
#gallery a {  }
#gallery-categories { list-style: none; padding:0px 0px 40px 0px; margin: 0; }
#gallery-categories li { width: 33.3%; display: inline; margin: 0; float:left; }
#gallery-categories li a { position: relative; display:block; text-decoration:none; }
#gallery-categories li a span { width:94%; display:block; text-align:center; padding:8px 0px; color:#fff; margin:0 auto; margin-top:0px; background:#33322a url('/templates/client/images/footer-bg.gif') repeat center top; border-radius:0px 0px 10px 10px; }
#gallery-categories li a:hover span { background:#000; }
#gallery-categories li a img { display:block; width:94%; height:auto; margin-left:3%; border-radius:10px 10px 0px 0px; }
#gallery-pager { position:relative; }
#gallery-pager ul { list-style: none; padding:10px 10px 5px 10px; margin:0 auto; overflow-x:scroll; overflow-y:hidden; white-space:nowrap; background:#33322a url('/templates/client/images/footer-bg.gif') repeat center top; width:90%; border-radius:5px; box-shadow:inset 0px 2px 8px #000; }
#gallery-pager ul li { display:inline-block; margin:0.2em; border:2px solid transparent; }
#gallery-pager ul li.rslides_here { border-color:#fff; box-shadow: 0px; }
#gallery-pager ul li a { display: block; }
#gallery-pager ul li a img { display: block; }
#gallery-pager .prev { position:absolute; left:-0.3em; width:1em; height:1em; bottom:50%; margin-bottom:-0.6em; font-size:2em; z-index:2; font-family: FontAwesome; text-decoration:none; color:#33322a; }
#gallery-pager .next { position:absolute; right:-0.45em; width:1em; height:1em; bottom:50%; margin-bottom:-0.6em; font-size:2em; z-index:2; font-family: FontAwesome; text-decoration:none; color:#33322a; }
#gallery-pager ul.js::-webkit-scrollbar { display: none; }
#gallery-photos { position:relative; }
#gallery-photos ul li:active,
#gallery-photos ul li:target { display:block!important; }
#gallery-photos .prev { position:absolute; left:-0.3em; width:1em; height:1em; margin-top:20%; font-size:2em; z-index:2; font-family: FontAwesome; text-decoration:none; color:#33322a; }
#gallery-photos .next { position:absolute; right:-0.45em; width:1em; height:1em; margin-top:20%; font-size:2em; z-index:2; font-family: FontAwesome; text-decoration:none; color:#33322a; }
#gallery-photos .rslides { position:relative; display:block; list-style:none; padding:0; margin:30px 0px 0px 0px; width:100%; height:auto; }
#gallery-photos .rslides li { float:none; width:90%; margin:0 auto; margin-left:4%; height:auto; background:rgba(255,255,255,.5); border-radius:5px; padding:1%; }
#gallery-photos .rslides li img { position:relative; display:block; float:none; margin:0 auto; max-width:100%; max-height:600px; }
#gallery-photos #gallery-caption { position:relative; float:left; display:inline; width:100%; text-align:center; padding:20px 0px 30px; }

#gallery .backLink { position:absolute; margin-top:-54px; right:0; }

@media only screen and (max-width: 1070px) {
	#gallery .backLink { right:40px; }
}

@media only screen and (max-width: 728px) {
	#gallery-pager .prev, #gallery-pager .next { font-size:24px; line-height:24px; display:block; height:20px; width:20px; background:#f3f3f3; padding:8px; line-height:20px; border-radius:100px; margin-bottom:-0.65em; }
	#gallery-photos .prev, #gallery-photos .next { font-size:24px; line-height:24px; display:block; height:20px; width:20px; background:#f3f3f3; padding:8px; line-height:20px; border-radius:100px; }
	#gallery-photos .rslides li img { position:relative; display:block; float:none; margin:0 auto; width:100%; height:auto; }
}

@media only screen and (max-width: 500px) {
	#gallery-categories li { width:100%; display: block; margin:0px 0px 20px 0px; float:none; }
	#gallery-categories li a img { width:100%; margin-left:0%; }
	#gallery-categories li a span { width:100%; }
}

/*Blog-----------------------------*/

.blogLeft {float:left;width: 58%; padding-right:2%;}
.blogLeft > a {display: block;text-decoration: none;color: #000;margin-bottom: 20px;}
.blogLeft > a > h2{margin-top:0;}
.blogRight{float:right;width:40%}
.blogRight > img {width:100%; height:auto; max-width:320px;}
#blogContent > img, #blogContent > p > img {width: 100%;height: auto;max-width: 700px;}
.blogBack {    text-align: center;display: block;width: 150px;font-size: 25px;font-weight: 200;padding: 10px 20px;color: #fff;background: #000;margin: 30px auto 0px auto;text-decoration: none;}

.blogPost1{background-image:url(/templates/client/images/parallax-media.jpg);}
.blogPost2{background-image:url(/templates/client/images/parallax-space.jpg);}
.blogPost3{background-image:url(/templates/client/images/parallax-contact.jpg);}
.blogPost4{background-image:url(/templates/client/images/parallax-gallery.jpg);}

@media only screen and (max-width: 850px) {
	.blogLeft{width:100%;text-align: center;}
	.blogRight{width:100%;text-align: center;}
	}


/*COMPUCAST LOGO CSS start-----------------------------*/
.old-ie {display:none;}
.cc2:hover{ fill:rgba(0,0,0,0.4); }
.ccLogo { text-align:right; }

.compucast { position:relative; margin:0 auto; width:58px; height:64px; color:black; border-radius:5px; overflow:hidden; transition:0.5s 1.4s;}
.compucast.dark {color:white;}
	.logo1, .logo2, .old-ie { position:absolute; top:50%; right:10px; margin-top: -13px; opacity:1.5; transition:0s}
.compucast:hover, .compucast_hover{ width:225px; background:rgba(0, 0, 0, 0.04); box-shadow: 1px 7px 16px -7px rgba(0, 0, 0, 0.3);-moz-box-shadow: 1px 7px 16px -7px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 1px 7px 16px -7px rgba(0, 0, 0, 0.3);box-shadow: 1px 7px 16px -7px rgba(0, 0, 0, 0.3);transition:0.3s 0s; }
.dark:hover { background:rgba(255, 255, 255, 0.12); }
	.compucast p {position:absolute; left:-200px; margin: 0 0 0 10px; line-height: 21px; padding: 11px 0; font-family:Arial,"Times New Roman", Times, serif; font-size:12px; color: #808080; opacity:0; transition:0.5s 1.4s;}
	.compucast a {font-size:14px; font-weight:bold; color: #000; text-decoration:none;}
	.compucast:hover p {left:0px; opacity:1; transition:0.4s 0.0s;}
	.compucast.dark:hover p { color: #AFACAC;}
	.compucast.dark a {font-size:14px; color: #fff;}
	
	/*color classes: colored , white and black*/
	.purple {fill:#7F3F98}
	.green {fill:#00A14B}
	.black1 {fill:rgba(0,0,0,1)}
    .black2 {fill:rgba(0,0,0,0.5)}
	.white1 {fill:rgba(255,255,255,1)}
    .white2 {fill:rgba(255,255,255,0.5)}	
/*COMPUCAST LOGO CSS end-------------------------------*/