/* - estilos generales
--------------------------------------------------------- */
#bodyLoading {
	background-color: #000; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #3e3e3e 0%, #2e2e2e 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#3e3e3e), color-stop(100%,#2e2e2e)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  #3e3e3e 0%,#2e2e2e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  #3e3e3e 0%,#2e2e2e 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  #3e3e3e 0%,#2e2e2e 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  #3e3e3e 0%,#2e2e2e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e3e3e', endColorstr='#2e2e2e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

#bodyLoading #coverimage {
	background-image: url(../images/pattern.png);
	background-position: 50% 50%;
	background-repeat: repeat;
}

/* - bootstrap - */
#contentBox .container { padding-left: 25px; padding-right: 25px; }

/* - hidding elements - */
.screenControl, .screenControl .fitBG, .screenControl .fitCenterBG, .screenControl .fullCenterBG, .screenControl .bgTextToggle { /*display: none !important;*/ }
.fullpageGallery { /*display: none !important;*/ }


/* - menu 
--------------------------------------------------------- */
#menu-container{
	background: none;background:url("../images/dark-content-bg.png") repeat scroll 0 0;
	background: rgba(0,0,0,0.65);
	background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.65) 45%, rgba(0,0,0,0.55) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, , color-stop(0%, rgba(0,0,0,0.65)), color-stop(45%, rgba(0,0,0,0.65)), color-stop(100%, rgba(0,0,0,0.55)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.65) 45%, rgba(0,0,0,0.55) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.65) 45%, rgba(0,0,0,0.55) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.65) 45%, rgba(0,0,0,0.55) 100%);
	background: radial-gradient(ellipse at center, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.65) 45%, rgba(0,0,0,0.55) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );
	min-height: 525px;
}

#mainmenu ul li a span.title{color: #fff;}
#mainmenu .front {background-color: none;}
	#menu-menu-principal > .menu-item > a > .title .front { text-align: left; }
	#mainmenu .sub-menu .front {background-color: #000;background-color:rgba(0,0,0,0.45);}
#mainmenu .back {
	background-color: #fff;
	color: #000;
}


/* - content
--------------------------------------------------------- */
#contentContainer.Visible{
	background: none;background:url("../images/dark-content-bg.png") repeat scroll 0 0;
	background: rgba(0,0,0,0.65);
	background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.65) 45%, rgba(0,0,0,0.55) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, , color-stop(0%, rgba(0,0,0,0.65)), color-stop(45%, rgba(0,0,0,0.65)), color-stop(100%, rgba(0,0,0,0.55)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.65) 45%, rgba(0,0,0,0.55) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.65) 45%, rgba(0,0,0,0.55) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.65) 45%, rgba(0,0,0,0.55) 100%);
	background: radial-gradient(ellipse at center, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.65) 45%, rgba(0,0,0,0.55) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );
	min-height: 525px;
}

/* page title */
.Left .pageTitle, .Left .pageTitleFull{text-align:left;}
.Right .pageTitle, .Right .pageTitleFull{text-align:right;}


/* - bagckground gallery
--------------------------------------------------------- */
#bgPlayer { background: url("../images/pattern.png") repeat scroll 0 0 transparent }
#menu-container.stayClose + #openMenu + #bgPlayer > .prevBG, #menu-container.forceClose + #openMenu + #bgPlayer > .prevBG { left: 28px; }
@media only screen and (min-width: 1350px) {#bgPlayer > .prevBG { left: 28px; }}
@media only screen and (max-width: 1349px) {#bgPlayer > .prevBG { left: 328px; }}
@media only screen and (max-width: 1025px) {#bgPlayer > .prevBG { left: 268px; }}
@media only screen and (max-width: 768px) {#bgPlayer > .prevBG { left: 28px; } #menu-container.stayOpen + #openMenu + #bgPlayer > .prevBG { left: 268px; }}


/* - footer
--------------------------------------------------------- */
#footerLeft #menu-menu-auxiliar { list-style: none; text-align: left; }
#footerLeft #menu-menu-auxiliar > li {
	display: inline-block;
	line-height: 20px;
	list-style: none outside none;
}

#footerLeft #menu-menu-auxiliar > li a { position:relative; display:inline-block; padding: 10px; }

#footerLeft #menu-menu-auxiliar > li a:hover/*, #footerLeft #menu-menu-auxiliar > li a:focus,  #footerLeft #menu-menu-auxiliar > li.current-menu-item a*/ { color: #b8cf46; }

#footerLeft #menu-menu-auxiliar > li a:before {
	border-bottom: 1px solid rgba(0,0,0,0) ;
	display: block;
	bottom: 0;
	width: 100%;
	left: -100%;
	right: 100%;
	position: absolute;
	height:1px;
	content: '';
    -webkit-transition: all .3s ease-in-out .4s;
     -moz-transition: all .3s ease-in-out .4s;
      -ms-transition: all .3s ease-in-out .4s;
       -o-transition: all .3s ease-in-out .4s;
          transition: all .3s ease-in-out .4s;
}

#footerLeft #menu-menu-auxiliar > li a:hover:before/*, #footerLeft #menu-menu-auxiliar > li a:focus:before*/ { border-bottom-color: #fff; left: 0; right: 0; }
/* #footerLeft #menu-menu-auxiliar > li.current-menu-item a:before  { border-bottom-color: #d1e088; left: 0; right: 0; border-bottom-width: 2px; }*/

#footerLeft #menu-menu-auxiliar > li a:after {
	border-left: 1px solid rgba(0,0,0,0) ;
	display: block;
	bottom: 0;
	width: auto;
	left: 50%;
	position: absolute;
	height:0;
	content: '';
    -webkit-transition: all .2s ease-in-out .4s;
     -moz-transition: all .2s ease-in-out .4s;
      -ms-transition: all .2s ease-in-out .4s;
       -o-transition: all .2s ease-in-out .4s;
          transition: all .2s ease-in-out .4s;
}

#footerLeft #menu-menu-auxiliar > li a:hover:after/*, #footerLeft #menu-menu-auxiliar > li a:focus:after*/ { border-left-color: #acc726; height: 7px; bottom:0; }
/*#footerLeft #menu-menu-auxiliar > li.current-menu-item a:after { border-left-color: #fff; height: 7px; bottom:0; }*/

#footerLeft #menu-menu-auxiliar > li > ul { display: none; }

#ew_copyrighttext {
	color: #fff;
	display: inline-block;
	padding-top: 10px;
	text-align: right;
	height: 20px;
	line-height: 20px;
	padding-top: 10px;
	float: left;
}

#ew_copyrighttext a#ew-copyright-mail { color: #dee9a8;}

#ew_copyrighttext a#ew-copyright-mail:hover, #ew_copyrighttext a#ew-copyright-mail:focus { color:#acc726; }

@media screen and (max-width: 1300px) { #ew_copyrighttext #ew-copyright-address, .footerBgControls, .footerBgVideoControls, .footerAudioControls { display:none !important;} }

#ew_copyrighttext #ew-copyright-tel { cursor:default;	}

#ew_copyrighttext .ew-copyright-separator { margin: 0 10px; }
#ew_copyrighttext #ew-copyright-copy { margin-left: 20px; }


/* - typography - tipografia
--------------------------------------------------------- */
.pageTitle h1, .pageTitleFull h1 {
	position:relative;
	display:inline-block;
}

.pageTitle h1:after, .pageTitleFull h1:after {
  border-left: 1px solid #acc726;
  bottom: -26px;
  display: block;
  height: 14px;
  position: absolute;
  right: 50%;
  width: 2px;
  content: '';
}

#contentBoxContainer strong { color: #dee9a8; }

#contentBoxContainer a { color: #b8cf46;}

#contentBoxContainer a:hover, #contentBoxContainer a:focus { color:#dee9a8; }

#contentBoxContainer .container ul.cross { padding-left:13px !important; margin-bottom:15px; list-style: none; }

#contentBoxContainer ul.cross > li { padding-left:30px; margin-bottom:7px; background: url(../images/ew/cross.png) 0px 3px no-repeat; }

blockquote {
  border-left: thin solid #b9b9b9;
  font-family: 'Glegoo',Georgia,"Times New Roman",Times,serif;
  font-style: italic;
  margin: 6px 15px 25px 20px;
  padding:  0px 0 20px 20px;
  line-height:  130%;
  position:relative;
  
}

blockquote:before {
  border-top: 1px solid #acc726;
  top: 8px;
  display: block;
  width: 14px;
  position: absolute;
  left: -10px;
  width: 10px;
  content: '';
}

blockquote, blockquote p {
	font-family: 'Glegoo', Georgia, "Times New Roman", Times, serif;
}
blockquote small, blockquote p small {
	font-family:'Raleway', Tahoma, Geneva, sans-serif;
	color: #ccc;
	font-style:normal;
	display: inline-block;
	margin-top:7px;
}

hr {
	position:relative;
	margin-top: 35px;
	margin-bottom: 35px
	 }

hr:after {
  border-left: 1px solid #acc726;
  bottom: -7px;
  display: block;
  height: 14px;
  position: absolute;
  right: 50%;
  width: 2px;
  content: '';
}

/* cookie notice plugin */
#cookie-notice.cn-top {
	top: auto;
	bottom: 0;
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.7) !important;
	}

#cookie-notice .cookie-notice-container {
  padding: 18px 10px;
  font-size: 13px;
  text-shadow: 0 0 2px rgba(0,0,0,0.2);
}

#cookie-notice #cn-accept-cookie {
  color: #fff;
  padding: 5px 10px;
  font-family: 'Raleway',sans-serif;
  font-size: 13px;
  text-decoration: none;
  background: #acc726;
  text-shadow: none;
  margin: 2px 0 0 10px;
  white-space: nowrap;
  text-transform: uppercase;
  font-weight: bold;
  -ms-transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  -moz-border-radius: 0; 
  -webkit-border-radius: 0; 				
  -o-border-radius: 0; 
  border-radius: 0;
  box-shadow: none;
  text-shadow: 0 0 1px rgba(0,0,1,0.2);
  border-width:0; 
}
#cookie-notice #cn-accept-cookie:hover, #cookie-notice #cn-accept-cookie:focus {
  color: #000;
  background-color: #fff;
  text-shadow: 0 0 1px rgba(255,255,255,0.15);
}

@media screen and (max-width: 959px) {
	#cookie-notice .cookie-notice-container { font-size: 12px; }
	#cookie-notice #cn-accept-cookie { display: block;  margin:10px 60px; padding-left: 40px; padding-right: 40px; } }
	
@media screen and (max-width: 650px) { 
	#cookie-notice .cookie-notice-container { font-size: 11px; }
	#cookie-notice #cn-accept-cookie { margin:10px 30px; } }

/* caption image
--------------------------------------------------------- */

#bgImages li {border-top: 6px solid #FFF;}
#bgImages li:hover{	border-color:#d1e088;}
#bgImages li.active { border-color: #acc726;}

#bgImages li .thumbType { background-color: #fff;}
#bgImages li:hover .thumbType { background-color: #d1e088;}
#bgImages li.active .thumbType { background-color: #acc726;}

/* ew toogle
--------------------------------------------------------- */

#openMenu:link, #openMenu:visited {
  background-color: #fff;
  color: #000;
  display: none;
  height: 35px;
  left: 0px;
  opacity: 0;
  position: absolute;
  width: 40px;
  z-index: 999;
  padding: 2px 2px 0 5px;
  -moz-border-radius: 0 3px 3px 0; 
  -webkit-border-radius: 0 3px 3px 0;				
  -o-border-radius: 0 3px 3px 0; 
  border-radius:  0 3px 3px 0;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
  
#openMenu:hover, #openMenu:focus { color: #fff; background-color: #acc726; }

/* page scroll
--------------------------------------------------------- */

[id^=ascrail] div { background-color: #acc726 !important; }


/* portfolio & portfolio item
--------------------------------------------------------- */

.isotope-portfolio { margin-top: 35px; }

#contentBox > #contentBoxContainer > .full-page-media .flexslider { background-color: transparent; margin-top: -15px; }

.portfolio-details-row, .portfolio-datails-col a { font-size: 13px !important; }

.portfolio-datails-col a { whitespace: no-wrap; }

#contentBoxContainer .portfolio-detail-prevnext .fa-chevron-left { margin-right: 3px;}

#contentBoxContainer .portfolio-detail-prevnext .fa-chevron-right { margin-left: 3px;}

#contentBoxContainer .portfolio-detail-prevnext a:hover, #contentBoxContainer .portfolio-detail-prevnext a:focus { background-color: transparent; }

#contentBoxContainer .portfolio-detail-prevnext a:hover,
#contentBoxContainer .portfolio-detail-prevnext a:hover .fa,
#contentBoxContainer .portfolio-detail-prevnext a:focus,
#contentBoxContainer .portfolio-detail-prevnext a:focus .fa {
	color: #acc726;
}

/* #contentBoxContainer .portfolio-detail-prevnext { 	display: none; } */

@media screen and (max-width: 991px) { .portfolio-datails-col, #contentBoxContainer .container div div  p:last-child { margin-bottom:30px; }}

/* share-buttons en páginas
--------------------------------------------------------- */

@media screen and (max-width: 1180px) {
	#contentBoxContainer .portfolio-detail-share a:link, #contentBoxContainer .portfolio-detail-share a:visited {  height: 32px; width:32px; line-height:32px;}
	#contentBoxContainer .portfolio-detail-prevnext div { font-size: 12px; padding-left: 8px; padding-right: 8px; }
}

@media screen and (max-width: 991px) {
	#contentBoxContainer .portfolio-detail-share a:link, #contentBoxContainer .portfolio-detail-share a:visited {  height: 48px; width:48px; line-height:48px; margin: 10px 5px 5px; }
	#contentBoxContainer .portfolio-detail-share a:link .fa, #contentBoxContainer .portfolio-detail-share a:visited .fa { font-size: 17px; }
	.portfolio-details-row, .portfolio-datails-col a { font-size: 15px !important; }
}

/* contact
--------------------------------------------------------- */

@media screen and (max-width: 767px) { #ew-contact-details { padding-left:18px; } }


/* blog
--------------------------------------------------------- */
#contentBox > #contentBoxContainer > .container > .isotope-blog .blogitem-container > .blog-media > .flexslider { background-color: transparent; }
#contentBox > #contentBoxContainer > .container .blogcontent { margin: 15px 0 20px; }
#contentBox > #contentBoxContainer > .container > .isotope-blog > .post > .blogitem-container .rb_meta_links hr, #contentBox > #contentBoxContainer > .container .blogcontent > .blogdatemeta > .rb_meta_links hr { margin: 15px 0; }
#contentBox > #contentBoxContainer > .container .blogcontent > .blogdatemeta > .rb_meta_links .fa { color: #fff; margin-left:5px; margin-right: 3px; }


/* productos
--------------------------------------------------------- */
#contentBoxContainer > .container > .project-filter-menu-holder > .project-filter > li >  a.nolink { color:#000; }

#contentBoxContainer > .container > .project-filter-menu-holder > .project-filter > li:hover >  a.nolink, #contentBoxContainer > .container > .project-filter-menu-holder > .project-filter > li:focus >  a.nolink { color:#fff; }

#contentBoxContainer > .container > .project-filter-menu-holder > .project-filter > li >  a.nolink.selected { color:#fff; }

.isotope-project > .project-item > .project-item-container > .project-item-footer > .project-header { width: 95%; }

#contentBoxContainer .project-detail-prevnext .fa-chevron-left { margin-right: 3px;}

#contentBoxContainer .project-detail-prevnext .fa-chevron-right { margin-left: 3px;}

#contentBoxContainer .project-detail-prevnext a, #contentBoxContainer .project-detail-prevnext a { padding: 0 !important; background-color: transparent !important; }

#contentBoxContainer .project-detail-prevnext a:hover,
#contentBoxContainer .project-detail-prevnext a:hover .fa,
#contentBoxContainer .project-detail-prevnext a:focus,
#contentBoxContainer .project-detail-prevnext a:focus .fa {
	color: #acc726;
}

@media screen and (max-width: 1180px) { #contentBoxContainer > .container .project-datails-col > p { font-size:14px; }
@media screen and (max-width: 991px) { #contentBoxContainer > .container .project-datails-col > p { font-size:15px; }