@import url(https://fonts.googleapis.com/css?family=Raleway:900,800,600,500,300);
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i,900,900i&display=swap&subset=latin-ext');

@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css);

/*!
 * Master Bootstrap3 (http://www.masterbootstrap.com)
 * Copyright 2013-2016 gsuez.cl.
 * Licensed under GPL v2 (http://www.gnu.org/licenses/gpl-2.0.html)
 */#imageForm .row::after,.group:after,.thumbnails::after{clear:both}.back-to-top,.header__link,a,a:focus,a:hover{text-decoration:none}.accordion-toggle,button,input[type=button],input[type=reset],input[type=submit],input[type=radio],input[type=checkbox],label,select{cursor:pointer}.accordion{margin-bottom:20px}.accordion-group{border:1px solid #e5e5e5;border-radius:4px;margin-bottom:2px}.accordion-heading{border-bottom:0 none}.accordion-heading .accordion-toggle{display:block;padding:8px 15px}.accordion-inner{border-top:1px solid #e5e5e5;padding:9px 15px}.form-horizontal .control-label{width:160px;margin-bottom:0;padding-top:7px}.form-horizontal .form-actions{padding-left:160px}.hm_blog_list .blog_grid_con .meta,.post_title_con .meta{border-bottom:1px dotted rgba(0,0,0,.1);font-size:13px;font-style:italic;margin-bottom:17px;padding-bottom:11px}.calendar .button,.calendar table{border:0!important}.clearfix::after{clear:both;content:" ";display:block;font-size:0;height:0;visibility:hidden}.clearfix{display:block}.layout-boxed{box-shadow:0 0 5px rgba(0,0,0,.2);margin:0 auto;max-width:1240px;background:#fff}.module-title .title{margin:0 0 20px;padding-bottom:9px}a{transition:all .3s ease 0s}.module-content .tagspopular ul li{display:inline-block}.module-content>.tagspopular ul li::before{content:none}.calendar{margin:5px 0 0 1px!important}.calendar .button{border-radius:0!important;box-shadow:none!important;display:table-cell!important;margin:0!important;padding:2px!important;text-align:center!important}.calendar thead .hilite{padding:1px!important}table>tbody>tr>td,table>tbody>tr>th,table>tfoot>tr>td,table>tfoot>tr>th,table>thead>tr>td,table>thead>tr>th{border-top:1px solid #ddd;line-height:1.42857;padding:8px;vertical-align:top}.calendar,.calendar table{width:100%}.module-content ul li::before{content:"\e080";font-family:glyphicons halflings; padding-right:10px;}.module-content ul{margin:0;padding:0}.module-content ul li{list-style:none;margin:0;padding:2px 0}.navbar-default .nav-header{padding:5px 20px;display:block;font-weight:700;line-height:20px}.uneditable-input,input[type=number],input[type=email],input[type=url],input[type=search],input[type=tel],input[type=color],input[type=text],input[type=password],input[type=datetime],input[type=datetime-local],input[type=date],input[type=month],input[type=time],input[type=week],select,textarea{background-color:#fff;background-image:none;border:1px solid #ddd;box-shadow:0 1px 1px rgba(0,0,0,.075) inset;color:#555;display:inline-block;font-size:100%;line-height:1.42857;min-width:100px;padding:6px 12px;transition:border-color .15s ease-in-out 0s,box-shadow .15s ease-in-out 0s}.manager.thumbnails li{border:1px solid #ddd;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,.055);display:block;float:left;height:80px;line-height:18px;position:relative;text-align:center;width:80px;padding:4px}.dropdown-menu,.navbar{border-radius:0!important}.manager.thumbnails li .height-50{height:50px;margin-bottom:4px;margin-top:4px}.thumbnails::after,.thumbnails::before{content:"";display:table;line-height:0}.manager.thumbnails{list-style:none;margin:0 0 0 -20px;padding:0}.window .window-mainbody{padding:20px}#editor-xtd-buttons .btn,.toggle-editor .btn{background-color:#fff;border-color:#ccc;text-shadow:0 1px 0 #fff;margin:5px}.thumbnails>li{float:left;margin-bottom:18px;margin-left:20px}.thumbnail{margin-bottom:9px}.height-80{height:80px}.width-80{width:80px}.center,.table td.center,.table th.center{text-align:center}#wrap .element-invisible{display:none}.search .only label,.search .phrases .phrases-box .controls label{display:inline-block;margin:0 20px 20px}html{overflow-y:scroll}body{background: #fff; !important;font-family: 'Playfair Display', serif;font-size:14px; }img{max-width:100%}
 
 #fsuperior{display:block;position: relative;color:#C2C2C7;font-size:97%;padding:0px 0 0 0; background:#fff;padding: 6px 0;} 


 #top{color:#ddd;font-size:12px;line-height:30px;

width: 100%;


 
 position: absolute;
	  
	
 height:auto;
  
   z-index:5;
  top:0px;

}
 
 
 
 #top .container .separator{border-left:1px solid #CCC;display:inline-block;height:10px;margin:0 20px;width:1px}
 
 
  #menuhorizontal{min-height:0px;
 position: relative;
	  
	  background:rgba(242,211,78,0.85) !important;
 border-bottom:solid 0px #A0935F;
height:auto;
  
   z-index:5;
  top:-600px;
	  -webkit-border-bottom-right-radius: 15px;
-moz-border-radius-bottomright: 15px;
border-bottom-right-radius: 15px;
	
  }

 #menuhorizontal2{
	 position: relative;
	 
	 
	 display: block;
	 width: 100%;
	 min-height:0px;
  
	  background:rgba(20,51,86,0.85) !important;
 height:auto;
  
   z-index:5;
 

	
  }


#top2{color:#ddd;font-size:12px;line-height:30px;padding:10px 0 0 0; 
 background:rgb(255,255,255,0.9);
width: 100%;


 
 position: relative;
	  
	
 height:auto;
  
   z-index:5;
 

}
 
 
 
 #top2 .container .separator{border-left:1px solid #CCC;display:inline-block;height:10px;margin:0 20px;width:1px}



 #buscador{
	 margin-left:-20px;
	 margin-top:12px;}
 
 #mod-search-searchword{
	 position:relative;
	 top:-12px;
	 margin-right:-5px;}
	 
	   #carrusel{

 height:auto;  
 
  z-index:1;
  
  }
 #parametros{
	 margin-top:0px;
	 background:#FFF;
	 -webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
-webkit-box-shadow: 0px 0px 26px 5px rgba(0,0,0,0.22);
-moz-box-shadow: 0px 0px 26px 5px rgba(0,0,0,0.22);
box-shadow: 0px 0px 26px 5px rgba(0,0,0,0.22);
padding:10px 30px 0px 30px;}
 #parametros2{
	 margin-top:0px;
	 background:#FFF;
	 -webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
-webkit-box-shadow: 0px 0px 26px 5px rgba(0,0,0,0.22);
-moz-box-shadow: 0px 0px 26px 5px rgba(0,0,0,0.22);
box-shadow: 0px 0px 26px 5px rgba(0,0,0,0.22);
padding:10px 0px 0px 0px;
margin-right:55px;
width:30%;
}

 #parametros2b{
	 margin-top:0px;
	 background:#FFF;
	 -webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
-webkit-box-shadow: 0px 0px 26px 5px rgba(0,0,0,0.22);
-moz-box-shadow: 0px 0px 26px 5px rgba(0,0,0,0.22);
box-shadow: 0px 0px 26px 5px rgba(0,0,0,0.22);
padding:10px 15px 0px 30px;
margin-right:55px;
width:30%;
min-height:460px;}



#parametros2-{
	 margin-top:0px;
	 background:#FFF;
	 -webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
-webkit-box-shadow: 0px 0px 26px 5px rgba(0,0,0,0.22);
-moz-box-shadow: 0px 0px 26px 5px rgba(0,0,0,0.22);
box-shadow: 0px 0px 26px 5px rgba(0,0,0,0.22);
padding:0px 20px 0px 20px;
font-size:91%;
width:30%;
min-height:460px;}
#parametros h3{
	color:#BFBFBF;
	border-bottom:5px solid #CCC;
	
	padding:15px 15px 15px 100px;
	width:500px;
	margin-left:-40px;
	margin-bottom:50px;}
 #sombra{
	 background:url(../images/shadow.png) center top repeat-x;
	 position:relative;
	 height:32px;
	 top:-97px !important;
	 z-index:2;
margin-bottom:-300px;}



#recorrido{
	 background:url(../images/360.png);
	background-size: 100% 100%;
	 position:relative;
	width: 233px;
	 height:110px;
	 top:120px !important;
	left:80%;
	 z-index:3;
}


 @media (max-width:1050px){
	 #recorrido{
		  	left:70%;
	 width: 160px;
	 height:77px;
	 }
			}


 @media (max-width:700px){
	 #recorrido{
		  display:none;
	 }
			}


	 #fondo{
		 position:relative;
		 top:-32px;
		
		 min-height:100px;
		 height:auto;
		 margin-top:40px;
		 padding:30px;}
		 
		  #fondo2{
		 position:relative;
		 top:-32px;
		 background: url(../images/fondo2.png) center top no-repeat;
		 min-height:300px;
		 height:auto;
		 padding-top:40px;
		}
		
		#boletin{
			display:block;
			position:relative;
			top:-30px;
			left:-40px;
			width:352px;
			height:120px;
			background:#143356 url(../images/f-azul.jpg) center top no-repeat;
			color:#FFF;
			padding:20px;
			-webkit-border-top-left-radius: 7px;
-webkit-border-top-right-radius: 7px;
-moz-border-radius-topleft: 7px;
-moz-border-radius-topright: 7px;
border-top-left-radius: 7px;
border-top-right-radius: 7px;}

#title-boletin{
	font-family: 'Raleway', sans-serif;font-size:30px; font-weight:300;}
	
	
	#calendario{
			display:block;
			position:relative;
			top:-30px;
			left:-10px;
			width:352px;
			height:120px;
			background:#143356 url(../images/f-verde.jpg) center top no-repeat;
			color:#FFF;
			padding:25px 20px 20px 20px;
			-webkit-border-top-left-radius: 7px;
-webkit-border-top-right-radius: 7px;
-moz-border-radius-topleft: 7px;
-moz-border-radius-topright: 7px;
border-top-left-radius: 7px;
border-top-right-radius: 7px;}

#title-calendario{
	font-family: 'Raleway', sans-serif;font-size:25px; font-weight:300;
	text-shadow: 0px 0px 20px rgba(0, 0, 0, 1);}
	#subtitle-calendario,#subtitle-boletin{
	
	text-shadow: 0px 0px 20px rgba(0, 0, 0, 1);
	float:right;
	font-weight:600;}
	
	
	  @media (max-width:1200px){
		  
		  #boletin{
			display:block;
			position:relative;
			top:-30px;
			left:-40px;
			width:113%;
			}
			
			 #parametros2,#parametros2b,#parametros2-{
	
width:inherit !important;
}











 #parametros2{
	 margin-top:0px;
	 background:#FFF;
	 -webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
-webkit-box-shadow: 0px 0px 26px 5px rgba(0,0,0,0.22);
-moz-box-shadow: 0px 0px 26px 5px rgba(0,0,0,0.22);
box-shadow: 0px 0px 26px 5px rgba(0,0,0,0.22);
padding:10px 0px 0px 0px;
margin-right:inherit;
min-height:460px;

}

 #parametros2b{
	 margin-top:0px;
	 background:#FFF;
	 -webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
-webkit-box-shadow: 0px 0px 26px 5px rgba(0,0,0,0.22);
-moz-box-shadow: 0px 0px 26px 5px rgba(0,0,0,0.22);
box-shadow: 0px 0px 26px 5px rgba(0,0,0,0.22);
padding:10px 15px 0px 30px;
margin-right:inherit;

min-height:460px;}



#parametros2-{
	 margin-top:0px;
	 background:#FFF;
	 -webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
-webkit-box-shadow: 0px 0px 26px 5px rgba(0,0,0,0.22);
-moz-box-shadow: 0px 0px 26px 5px rgba(0,0,0,0.22);
box-shadow: 0px 0px 26px 5px rgba(0,0,0,0.22);
padding:10px 30px 0px 30px;
width:30%;}



			
			}
			@media (max-width:728px){
		  
		  #boletin{
			display:block;
			position:relative;
			top:-30px;
			left:-40px;
			width:113%;
			}
			
			 #parametros2,#parametros2b,#parametros2-{
	
width:inherit !important;
}
			
			}
 
 
 .navbar{margin-bottom:0!important}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{outline:0}.navbar-nav>li>a{line-height:inherit!important}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{background-color:transparent!important}

#main-box{background:0 0;border:0 solid #E5E5E5;margin-bottom:0px;padding:0px}#main{padding-top:0px;}#breadcrumbs{background:#f5f5f5;padding:20px 0}.breadcrumb{border-radius:0;margin-bottom:0}#breadcrumbs .moduletable{margin-bottom:0;padding:0}.toppad{padding-top:40px}#fullwidth{overflow:hidden}#fullwidth .moduletable{border:0;padding:0;margin-bottom:20px}.black .moduletable{background:#222;border-color:#222;color:#AAA}.moduletable{margin-bottom:0px;padding:20px 10px}.panel.moduletable{padding:0}.panel .moduletable{box-shadow:none;margin:0 10px;padding:10px}#brand{float:left;padding-left:15px;padding-top:5px}#imageForm .pull-right,#pop-print{float:right}#brand img{padding-bottom:10px;padding-top:20px}.page-header{margin:10px 0 20px!important;font-size:100%;



	background: url(../images/bg-header.png) -2px 0px no-repeat;
	
	color: #fff;

}


.hasTooltip{display:inline!important}.noMainbody{display:none!important}ol.unstyled,ul.unstyled{list-style:none;margin-left:0;padding:0}.input-append .add-on:last-child,.input-append .btn-group:last-child>.dropdown-toggle,.input-append .btn:last-child{border-radius:0 3px 3px 0}.input-append .add-on,.input-append .btn,.input-append .btn-group{margin-left:-1px}.input-append .add-on,.input-append .btn,.input-append .btn-group>.dropdown-toggle,.input-prepend .add-on,.input-prepend .btn,.input-prepend .btn-group>.dropdown-toggle{border-radius:0;vertical-align:top}#pop-print{margin:10px}div#jform_access_chzn.chzn-container,div#jform_access_chzn.chzn-container div.chzn-drop,div#jform_catid_chzn.chzn-container,div#jform_catid_chzn.chzn-container div.chzn-drop,div#jform_featured_chzn.chzn-container,div#jform_featured_chzn.chzn-container div.chzn- drop,div#jform_language_chzn.chzn- container,div#jform_language_chzn.chzn-container,div#jform_language_chzn.chzn-container div.chzn-drop,div#jform_metadata_tags_chzn.chzn-container,div#jform_metadata_tags_chzn.chzn-container div.chzn-drop,div#jform_state_chzn.chzn-container,div#jform_state_chzn.chzn-container div.chzn-drop,div#jform_tags_chzn.chzn-container{width:260px!important}.control-group{margin-bottom:15px}.btn.modal{bottom:auto;display:inline;left:auto;position:relative;top:auto}#imageForm .well{background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;box-shadow:0 1px 1px rgba(0,0,0,.05) inset;margin-bottom:20px;min-height:20px;padding:19px}#imageForm .row::after,#imageForm .row::before{content:"";display:table;line-height:0}#print,body #overall{height:auto;overflow:hidden}@font-face{font-family:'Material Icons';font-style:normal;font-weight:400;src:local("Material Icons"),local("MaterialIcons-Regular"),url(http://fonts.gstatic.com/s/materialicons/v12/2fcrYFNaTjcS6g4U3t-Y5ZjZjT5FdEJ140U2DJYC3mY.woff2) format("woff2")}.material-icons{font-family:'Material Icons';font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-moz-font-feature-settings:'liga';-moz-osx-font-smoothing:grayscale}.muted{color:#999}

body,html{height:100%;}#wrap{height:auto!important;margin:0 auto;min-height:100%}body section{padding-top:0px}html.mm-background .mm-page.layout-boxed{background:#fff!important}#copy.well{border-radius:0;border:0;margin:0}#footer .moduletable{border:0}#main #container{background-color:rgba(255,255,255,1);margin-bottom: 0px;}

#main #container p{font-size: 110%;margin-bottom:20px;}



#push{height:60px}.float-left{float:left}.float-right{float:right}.group:after,.group:before{content:"";display:table}.ie7 .group{zoom:1}.form-horizontal .control-label{text-align:inherit!important}i.icon-calendar:before{content:"\1f4c5";display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;line-height:1;position:relative;top:1px}div.contact-form-field label,div.message-label label{display:inline!important}div#jform_tags_chzn.chzn-container ul.chzn-choices li.search-field input.default{padding:0}.control-group input[type=checkbox]{width:10px!important}.btn-toolbar,

.nav.nav-tabs{margin-bottom:20px}.error-page-inner{display:table;height:100%;min-height:100%;text-align:center;width:100%}.error-code{font-size:96px;font-weight:700;line-height:1;margin:0 0 10px;padding:0}.error-page-inner .fa.fa-exclamation-triangle{font-size:96px;line-height:1;margin-bottom:10px}.component-content h2,.title{text-shadow:none}.title-line{background:#d1d1d1;height:2px;margin-bottom:20px;width:100%}.title-line span{display:block;height:2px;width:90px;background:#428bca}.back-to-top,.box3 .title-line,.box4 .title-line,.title1 .title-line,.title2 .title-line,.title3 .title-line,.title4 .title-line,.title6 .title-line{display:none}.title1 .title{background:url(../images/bg-h3.gif) 0 100% repeat-x;border-bottom:none;padding-bottom:20px}.title2 .title,.title3 .title{padding-bottom:15px;margin-bottom:20px}.title2 .title{border-bottom:1px dashed #e5e5e5}.title4 .title{background:url(../images/divider.png) center center repeat-x;border-bottom:none!important;margin-bottom:25px}.title4 .title span{background:#fff;padding-right:15px}#rt-footer .title4 .title span{background:#262626}#rt-bottom .title4 .title span,#rt-maintop .title4 .title span{background:#f6f6f6}.title5 .title{background:url(../images/cat-bg-repeat.png) center center repeat-x;padding-bottom:0!important;border-bottom:none!important}.title>span{background:none}span.fa{padding-right:10px}.title6 .title{border-bottom:2px solid #1d6fa5;padding-bottom:15px;margin-bottom:20px}.box1 .moduletable{background:#eee}.box2 .moduletable{background:#363636;color:#adadad}.blog-more{padding:10px 5px}.back-to-top{position:fixed;bottom:2em;right:0;color:#000;background-color:rgba(235,235,235,.8);font-size:12px;padding:1em}.back-to-top:hover{background-color:rgba(135,135,135,.5)}.error .container{display:table;height:100%;min-height:100%;text-align:center;width:100%;padding:200px 0}.error .container h1{font-size:140px}.navbar-toggle{margin-top:15px!important;padding:15px!important;border:none!important;border-radius:0important}.headroom{transition:transform .2s linear}.headroom--pinned{/*transform:translateY(0)*/}.headroom--unpinned{transform:translateY(-100%)}.header{background-color:inherit;line-height:60px; }#header{background:#FFF !important;}.header__link{border:0;color:#fff}.header__link:focus{background-color:rgba(78,205,196,.1);outline:0}.header__link:hover .icon{color:#4ecdc4}.header--fixed{left:0;position:fixed;right:0;top:0;z-index:10}#frame input.inputbox{border:1px solid #ccc;padding:8px;width:100%;border-radius:4px}#frame{margin-top:100px}@media (max-width:768px){.navbar-nav>li>a{line-height:30px!important;padding-bottom:5px!important;padding-top:5px!important}.layout-boxed .header--fixed{width:100%!important;left:auto!important;right:auto!important}}@media (min-width:1200px){section{margin-top:auto}.layout-boxed .header--fixed{width:1240px;left:auto;right:auto}}.icons .btn-group,.icons .btn-group a[data-toggle=tab][aria-expanded=false],ul.nav-tabs>li>a[data-toggle=tab][aria-expanded=false]{display:block!important}.checkbox label,.radio label{padding-left:20px;padding-right:10px}label{display:block;margin-bottom:5px}button,input,label,select,textarea{font-size:13px;font-weight:400;line-height:18px;font-family:arial}.contact-form .control-group .uneditable-input,.contact-form .control-group input,.contact-form .control-group textarea{width:100%}.email-copy-input{float:left}.control-group .control-label{padding-top:7px;padding-bottom:7px}div#jform_access_chzn.chzn-container,div#jform_access_chzn.chzn-container div.chzn-drop,div#jform_catid_chzn.chzn-container,div#jform_catid_chzn.chzn-container div.chzn-drop,div#jform_featured_chzn.chzn-container,div#jform_featured_chzn.chzn-container div.chzn- drop,div#jform_language_chzn.chzn-container,div#jform_language_chzn.chzn-container div.chzn-drop,div#jform_metadata_tags_chzn.chzn-container,div#jform_metadata_tags_chzn.chzn-container div.chzn-drop,div#jform_state_chzn.chzn-container,div#jform_state_chzn.chzn-container div.chzn-drop,div#jform_tags_chzn.chzn-container{width:260px!important}.chzn-container-single .chzn-single{width:140px}.chzn-container .chzn-drop{width:100px}
 
 #footer{
	 display:block;
	 position:relative;
	 background:#143356;
	 border-top:solid 5px #D9C056;
	 text-align: center;
	 color:#fff;
	 padding: 10px 0px;
	 z-index:3;
	 }

 #direccion h3{
	 color: #252928;
	 letter-spacing: 4px;
	 }
	 
	
			 
			 
			 .contdia-c{
					display:block;
					width:400px;
					background:#E8E8E8;
					height:auto;
					min-height:64px;
					margin-bottom:12px;
										 -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;}
  .contdia-c a{
					color:#000;}
					
				.contdia-c:hover{
					display:block;
					width:400px;
					background:#9A9A9A;

					height:auto;
					color:#FFF;
					min-height:64px;
					
					 -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;}
			
					
				.dia-c{
					display:block;
					width:70px;
					max-width:70px;
					height:64px;
					max-height:64px;
					background:url(../images/f-diasc.png) left top repeat-x;
					color:#FFF;
					text-align:center;
					line-height:14px;
					vertical-align:central;
					padding-top:17px;
					float:left;}
					.descdia-c{
						display:block;
						width:230px;
						max-width:230px;
						padding:5px 10px 5px 10px;
						height:auto;
						float:left;
						font-size:95%;
						}
					.descdia-c a{
					color:#000;} 
					
					.vermasdia-c{
						width:115px;
						padding:4px;
						background:#75AF1D;
						text-align:center;


						float:right;
						margin-top:15px;
						margin-bottom:38px;}
						
					.vermasdia-c:hover{
												background:#5B8916;
														 -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
						}
						
						.vermasdia-c2{
						width:115px;
						padding:4px;
						background:#2763A1;
						text-align:center;
						float:right;
						margin-top:88px;
						margin-bottom:38px;}
						
					.vermasdia-c2:hover{
												background:#072C70;
														 -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
						}
						
						
						
						.vermasdia-c3{
						
						background:#D3E2C2;
						text-align:center;
						float:right;
						margin-top:15px;
						margin-bottom:38px;}
						
					.vermasdia-c3:hover{
												background:#072C70;
														 -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
						}
						
						
					
						.vermasdia-c a, .vermasdia-c2 a{
					color:#FFF !important;}
					
					.vermasdia-c3 a{
						display:block;
						width:115px;
						padding:4px;
					color:#002F55 !important;}
					
					
					.vermasdia-c3:hover a{
						color:#fff !important;
						}
					
					.fechadia-c{
						display:block;
						background:#309C8E;
						padding:3px;
						width:150px;
						text-align:center;
						margin-top:-34px;
						color:#FFF;
						font-family: 'Raleway', sans-serif;
							font-weight:500;
							font-size:16px;}
	
	
	.back-to-top{position:fixed;bottom:10em;right:0;color:#000;
  width:95px;
  height:100px;
  background:url(../images/pine-.png);
  font-size:12px;padding:1em;z-index:20;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;}
  
  .back-to-top:hover{background:url(../images/pine-.png);
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;}
  
  #footer-superior{
	  border-bottom:solid 1px #E6E6E6;
	  margin-bottom:10px;}
	  
	  
	  
	  #contiene-redes{display:block;margin:20px auto 0px auto !important;max-width:239px;}
#contiene-redes a{display:inline-block;padding:0px;}
#contred{display:inline-block;padding:6px 0px 6px 4px;margin-right:10px;width:32px;height:28px;}
#google{display:block;width:39px;height:38px;background:url(../images/googleplus.png) no-repeat;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
#face{display:block;width:39px;height:38px;background:url(../images/facebook.png) no-repeat;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
#twitertop{width:39px;height:38px;background:url(../images/twitter.png) no-repeat;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
#youtube{width:39px;height:38px;background:url(../images/youtube.png) no-repeat;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
#instagram{width:39px;height:38px;background:url(../images/instagram.png) no-repeat;-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
#google:hover{width:39px;height:38px;background:url(../images/googleplus2.png) no-repeat;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
#face:hover{width:39px;height:38px;background:url(../images/facebook2.png) no-repeat;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
#twitertop:hover{width:39px;height:38px;background:url(../images/twitter2.png) no-repeat;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
#youtube:hover{width:39px;height:38px;background:url(../images/youtube2.png) no-repeat;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
#instagram:hover{width:39px;height:38px;background:url(../images/instagram2.png) no-repeat;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}	

#bottom{
	position:relative;
top:-60px !important;}




#logo{
	
	margin-bottom:-150px;
	top:-30px !important;
	z-index:45;}
	#introduccion{
		font-size:98%;
}
	
#introduccion h3{
	background:#02182C;
	color:#FFF;
	padding:10px 10px 10px 20px;
	letter-spacing:3px;
	font-size:160%;}
	
/*	#introduccion h3{
	background:none;
	color:#A0935F;
	border-bottom:solid 1px #A0935F;
	padding:10px;
	letter-spacing:2px;}
	*/
#descarga, #denuncia{
	display:block;
	width:100%;
	height:auto;
	background:#F4F4F4;
	margin-top:0px;
	padding: 0px !important;
	padding-bottom:20px !important;
	 -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;}
	
#descarga:hover,#denuncia:hover  {
	background:#F6F6F6;
	 -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
	}
	
		#descarga img{
	
 -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
	}
	
	#descarga:hover img{
	background:#F6F6F6;
	-webkit-box-shadow: 0px 0px 24px -1px rgba(0,0,0,0.44);
-moz-box-shadow: 0px 0px 24px -1px rgba(0,0,0,0.44);
box-shadow: 0px 0px 24px -1px rgba(0,0,0,0.44);
 -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
	}
	
	#descarga .moduletable{
	}

#descargatitle{
	display:block;
	width:100%;
	height:auto;
	background:#02182C;
	font-weight:600;
	padding:8px 15px 8px 20px;
	color:#FFF;
	font-size:130%;}
	
	#denunciatitle{
	display:block;
	width:100%;
	height:auto;
	background:#02182C;
	font-weight:600;
	padding:8px 15px 8px 20px;
	color:#FFF;
	font-size:130%;}

#descargacontent{
	display:block;
	width:100%;
	height:auto;
	margin-top:20px;
	padding:15px;
	text-align:center;}
#denunciacontent{
	display:block;
	width:100%;
	height:auto;
	margin-top:20px;
	padding:15px;
	font-weight:bold;
	font-size:120%;
	}
	
#denunciacontent li{
	margin-bottom:10px;

	}
#recomendaciones{
	padding:0px 0px;
	
	}
#recomendaciones h3{
	color:#A0935F;
	letter-spacing:3px;
	}
	

#recomendaciones2{
	padding:0px 0px;
	margin-top:50px;
	}
#recomendaciones2 h3{
	color:#A0935F;
	letter-spacing:3px;
	}
	


#infografia{
	display:block;
	background:#FFF;
	
	min-height:250px;
	border-bottom:8px #F4D65F solid;
	margin-bottom:30px;
	
	
	
padding:10px;
 -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;}
  
  #infografia img{
	transform:scale(1,1);
	 -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;}

#infografia:hover img{
	transform:scale(1.2,1.2);
	margin-top:-10px;
	margin-bottom:10px;
	 -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  -webkit-box-shadow: 0px 0px 40px -3px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 40px -3px rgba(0,0,0,0.5);
box-shadow: 0px 0px 40px -3px rgba(0,0,0,0.5);}

#infografia span{
	display:block;
	margin-top:10px;
	font-size:90%;
	color:#495218;
	font-weight:bold;
	text-align:left;
	height:40px;	
	}
	
	
	.reg1{
	display:block;
	width:100%;
	height:auto;
	position:relative;
	background:#DFF3F4;
	margin-bottom:5px;
}
	
.reg1col1{
	display:block;
	width:20%;
	float:left;
	background:#DFF3F4;
	height:auto;
	padding:10px;
	
	}
	.reg1col2{
	display:block;
	width:75%;
	float:left;
	background:#DFF3F4;
	height:auto;
	padding:10px;
	background:url(../images/separacion.png) left top repeat-y;
	}
	
	
	.reg2{
	display:block;
	width:100%;
	height:auto;
	position:relative;
	background:#D9E8EA;
	margin-bottom:5px;
}
	
.reg2col1{
	display:block;
	width:20%;
	float:left;
	background:#D9E8EA;
	height:auto;
	padding:10px;
	
	}
	.reg2col2{
	display:block;
	width:75%;
	float:left;
	background:#D9E8EA;
	height:auto;
	padding:10px;
	background:url(../images/separacion.png) left top repeat-y;
	}
	
#fondonoticias{
	background:#DFDFD0;}
	
#noticias h3{
	color:#616B6A;
	letter-spacing:3px;}
	
	
 @media (max-width:1200px){	
	
	.item-page{
		 margin-top:40px;
		 margin-bottom:100px;
		 padding:0 50px 0 50px;}
 }
 
 
  @media (max-width:990px){	
   #menuhorizontal{
height:0px;
  
  }
  }
  @media (max-width:770px){	
	
	.item-page{
		 margin-top:40px;
		 margin-bottom:100px;
		 padding:30px 0px;}
 }




#recomendaciones2 .module-content ul li::before {
    content: none;
    font-family: glyphicons halflings;
    padding-right: 10px;
}

#azules{
	display:block;
	margin-left: -30px !important;
}
#cuerpo {
    position: relative;
    background: #fff;
    
    padding-top:50px;
	padding-bottom:50px;
	
	color:#333333;
	
	
}

#frase {
    position: relative;
    background:url(../images/frase.png) center top repeat-y;
	background: #206899;
    top: 0px;
    z-index: 3;
    padding: 10px 0px 5px 0;
	
	color:#fff;
	text-align:center;
	
}
#salas{
    position: relative;
   
	background: #fff;
    top: 0px;
    z-index: 3;
    padding: 30px 15px 0px 0px;
	
	color:#fff;
	
	
}

#inicio{
	padding: 0 30px;
	
	
}
#fondonovedades{
	background: #fff url(../images/dialogos.jpg) center top fixed no-repeat;
	background-size: cover;
	padding-bottom: 0px;
	padding-top:120px;
	margin-top:0px;
	padding-bottom: 120px;
	
}
#fondoanecdotarios{
	background: #fff;
	padding: 0px;
	
	margin-top:0px;
	
}

#fondoporsiempre{
	background: #0F2D61 url(../images/degradado.png) center top fixed repeat-y;
	padding-bottom: 0px;
	padding-top:40px;
	margin-top:0px;
	padding-bottom: 40px;
	
}

#fondonovedades h3{
	/*color:#83733A;*/
	color:#fff;
	margin-bottom:20px;
	text-align: center;
	text-transform: uppercase;
	font-size: 310%;
	font-weight: 400;
	
		
}


#fondoanecdotarios h3{
	/*color:#83733A;*/
	color:#fff;
	margin-bottom:20px;
	text-align: center;
	text-transform: uppercase;
	font-size: 310%;
	font-weight: 400;
	
		
}


#fondonovedades .moduletable, #fondoanecdotarios .moduletable{
	padding: 0px !important;
		
}

#fondonovedades .module-content ul li::before{content:"";font-family:glyphicons halflings; padding-right:10px;}















#fondodatos{
	background:#F3F3F3;
	padding-bottom: 0px;
	padding-top:120px;
	margin-top:0px;
	padding-bottom: 120px;
	
}

#fondodatos h3{
	/*color:#83733A;*/
	color:#fff;
	margin-bottom:50px;
	text-align: center;
	text-transform: uppercase;
	font-size: 240%;
	
		
}

#fondodatos .moduletable{
	padding: 0px !important;
		
}

#fondodatos .module-content ul li::before{content:"";font-family:glyphicons halflings; padding-right:10px;}










#fondonovedadesint{
	background: #fff url(../images/bg-page5.jpg) center top fixed no-repeat;
	padding-bottom: 0px;
	padding-top:50px;
	margin-top:-30px;
	padding-bottom: 20px;
	
}

#fondonovedadesint h3{
	/*color:#83733A;*/
	color:#fff;
	letter-spacing: 4px;
	
		
}

#fondonovedadesint .moduletable{
	padding: 0px !important;
		
}

#fondonovedadesint .module-content ul li::before{content:"";font-family:glyphicons halflings; padding-right:10px;}





#sube{
	
	margin-top: -100px;
margin-bottom: -100px;
}


.btn-toolbar, .nav.nav-tabs {
    
	width: 100%;}



.ottabs-title{
	
}
#direcc{background:#fff;padding:15px;margin-top:20px;}

.titulohotel{
  display:block;
  background: url(../images/vin-interior.png) no-repeat;
  padding:5px 0 5px 30px;
  margin-bottom:20px;
}

.infohotel{
  display:block;
  padding:0px 0px 0px 30px;
  margin-bottom:40px;
 
}

#direccion{
	/*background: url(../images/f-direccion.png) center top repeat-y;*/
background: #fff url(../images/bg-page5.jpg) center top fixed no-repeat;
	background-size: 100% auto;
	padding-bottom: 0px;
	padding-top:70px;
	margin-top:0px;
	padding-bottom: 60px;
	min-height: 200px;
	
	
}
#editorial
{color:#fff;}

#direccion h3{
	color:#000;
	margin-top:-60px;
	margin-bottom: 27px;
}

 .item-image{
	display: none !important;
}


.blog{
	padding:0 50px 60px 50px;;
}

.row-0,.row-1,.row-2,.row-3{
	
	border-radius:10px;
	margin-bottom: 20px;
	 -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.row-1,.row-3{
	background: #F6F6F6;
	
}


.row-0:hover,.row-1:hover,.row-2:hover,.row-3:hover{
	-webkit-box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.43);
-moz-box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.43);
box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.43);

	 -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

#fondonoticias2{
	padding-top:80px;
	padding-bottom: 60px;
	
}
.fondonoticias3{
	
background: #B5B1A8 !important;
}

.fondoinsectos{
	
background: #4F543E  url(http://www.ugto.mx/mug/images/fondo-insectos.jpg) top right no-repeat;
	color: #fff !important;
}

.fondocuenca{
	
background: #B82A1D  url(http://www.ugto.mx/mug/images/fcuenca.png) top center no-repeat;
	color: #fff !important;
}



.vertical-menu {
    width: 200px; /* Set a width if you like */
}

.vertical-menu a {
    background-color: #eee; /* Grey background color */
    color: black; /* Black text color */
    display: block; /* Make the links appear below each other */
    padding: 12px; /* Add some padding */
    text-decoration: none; /* Remove underline from links */
}

.vertical-menu a:hover {
    background-color: #ccc; /* Dark grey background on mouse-over */
}

.vertical-menu a.active {
    background-color: #4CAF50; /* Add a green color to the "active/current" link */
    color: white;
}


.module-content #menuv ul li::before{content:none;font-family:glyphicons halflings; padding-right:10px;}

#menuv ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    width: 100%;
    font-family: 'Raleway', sans-serif;
    font-size: 11pt;
	letter-spacing: 2px;
}

#uno{
    background:url(../images/uno.png) -295px top no-repeat !important;
	 -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

#uno:hover{
    background:url(../images/uno.png) 0px top no-repeat !important;
	 -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
text-shadow: 2px 1px 2px rgba(0, 0, 0, 1);
}

#dos{
    background:url(../images/dos.png) -295px top no-repeat !important;
	 -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
	
}

#dos:hover{
    background:url(../images/dos.png) 0px top no-repeat !important;
	 -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
	text-shadow: 2px 1px 2px rgba(0, 0, 0, 1);
}



#seis{
    background:url(../images/seis.png) -295px top no-repeat !important;
	 -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
	
}

#seis:hover{
    background:url(../images/seis.png) 0px top no-repeat !important;
	 -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
	text-shadow: 2px 1px 2px rgba(0, 0, 0, 1);
}



#ultimo{
    background:url(../images/siete-.png) -295px top no-repeat !important;
	 -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
	
}

#ultimo:hover{
    background:url(../images/siete-.png) 0px top no-repeat !important;
	 -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
	text-shadow: 2px 1px 2px rgba(0, 0, 0, 1);
}



#tres{
    background:url(../images/tres.png) -295px top no-repeat !important;
	 -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

#tres:hover{
    background:url(../images/tres.png) 0px top no-repeat !important;
	 -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
	text-shadow: 2px 1px 2px rgba(0, 0, 0, 1);
}



#cuatro{
    background:url(../images/cuatro.png) -295px top no-repeat !important;
	 -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

#cuatro:hover{
    background:url(../images/cuatro.png) 0px top no-repeat !important;
	 -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
	text-shadow: 2px 1px 2px rgba(0, 0, 0, 1);
}



#cinco{
    background:url(../images/cinco.png) -295px top no-repeat !important;
	 -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

#cinco:hover{
    background:url(../images/cinco.png) 0px top no-repeat !important;
	 -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
	text-shadow: 2px 1px 2px rgba(0, 0, 0, 1);
}


#menuv ul li {
    background-color: #ccc;
	margin-bottom: 4px;
}

#menuv ul li a {
    color: #555555;
    text-decoration: none;
   
    display: block;
    padding: 0px 10px 0px 20px;
}
#menuv ul li a:hover {
	padding-left: 35px;
   
   
    color: #fff;
}



 .item-page{
		 margin-top:40px;
		 margin-bottom:60px;
		 padding:0 60px 0 60px;}
		 .page-header h2{
			 font-size:190% !important;
			 padding: 5px 40px;
			
	

}

.item .page-header{
	
	border-bottom: none !important;
}

.item .page-header h2{
	font-size:150% !important;
	
}

.item .page-header h2 a{color:#000;
}



.blog .readmore{
	
    float:right;
	}


.icon-chevron-right{
	display: none;
	
}

  .blog .readmore a{background: #003064;color: white;
  padding:8px;
  font-size:91%;}
  .blog .readmore a:hover{background: #003F84; color:white;}
  
  
  .blog-featured .readmore{
    float:right;
	}

  .blog-featured .readmore a{background: #0D457D;color: white;
  font-size:91%;}
  .blog-featured .readmore a:hover{background: #093057; color:white;}



#title1{
	font-family: 'Raleway', sans-serif;font-size:20px;
	font-weight:normal;
	color: #000;
	display: block;
	
}

#title2{
	font-family: 'Raleway', sans-serif;font-size:22px;
	font-weight:900;
	color: #000;
	display: block;
	margin-bottom: 20px;
}

#veragenda{
	font-family: 'Raleway', sans-serif;font-size:15px;
	font-weight:normal;
	display: block;
	background: url(../images/scuare.png) left 6px no-repeat;
	height: 30px;
	width: 150px;
	padding-left: 14px;
	color:#5B5B5B;
	margin-left: 10px;
	margin-top:15px;
}



.libros2 {
    display: block;
    padding: 5px 0 5px 20px;
    width: 80%;
    margin: 20px auto 20px auto;
    border-left: 1px solid #1B6998;
}


.lista {margin:0;padding:0;list-style-type:none;}
.lista li {background:#fff url(../images/lista.png) 0 3px no-repeat;padding:0 0 5px 25px;margin-left:10px;margin-bottom:20px;}





#infografia{
	display:block;
	background:#E2E2E2;
	
	min-height:220px;
	border-bottom:0px #F4D65F solid;
	margin-bottom:30px;
	
	height:auto;
	
padding:10px;
 -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;}
  
  #infografia img{
	transform:scale(1,1);
	 -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;}

#infografia:hover img{
	transform:scale(1.2,1.2);
	margin-top:-10px;
	margin-bottom:10px;
	 -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  -webkit-box-shadow: 0px 0px 40px -3px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 40px -3px rgba(0,0,0,0.5);
box-shadow: 0px 0px 40px -3px rgba(0,0,0,0.5);}

#infografia span{
	display:block;
	margin-top:10px;
	font-size:90%;
	color:#000;
	font-weight:500;
	text-align:left;
	height:auto !important;	
	}
	



.page {
  display: none;
 
}
.page-active {
  display: block;
  
}




.pagination>li.active>a, .pagination>li.active>span, .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
    color: #fff !important;
  border:none !important;
    background-color: #DBC15A !important;
}


.pagination > li > a, .pagination > li > span {
    color: #293a6b;
    text-shadow: none !important;

}

.premioji a{
  display:block;
width:100px;
  height:auto;
padding:10px;
background:#36639F;
color:#fff;
text-decoration:none;
float:right;
text-align:center;}

.premioji a:hover{display:block;
width:100px;
padding:10px;
background:#294B7A;
color:#fff;}


#lista3 {
    counter-reset: li; 
    list-style: none; 
    *list-style: decimal; 
    font: 15px 'trebuchet MS', 'lucida sans';
   
    margin-bottom: 4em;
  margin-top:50px;
   
}

#lista3 ol {
    margin: 0 0 0 5em; 
}

#lista3 li{
    position: relative;
    display: block;
    padding: .4em .4em .4em .8em;
    *padding: .4em;
    margin: .5em 0 .5em 2.5em;
   
    color: #000;
    text-decoration: none;
    transition: all .3s ease-out;   
}

#lista3 li a{
  display:block;
  width:100%;
   color:#000;
}


#lista3 li:hover{
    background: #eee;
}   

#lista3 li:before{
    content: counter(li);
    counter-increment: li;
    position: absolute; 
    left: -2.5em;
    top: 50%;
    margin-top: -1em;
    background: #9C112E;
  color:#fff;
    height: 2em;
    width: 2em;
    line-height: 2em;
    text-align: center;
    font-weight: bold;
}

#lista3 li:after{
    position: absolute; 
    content: '';
    border: .5em solid transparent;
    left: -1em;
    top: 50%;
    margin-top: -.5em;
    transition: all .3s ease-out;               
}

#lista3 li:hover:after{
    left: -.5em;
    border-left-color: #9C112E;             
}

.lb_itemFullText img{display:none !important;}


.wall-bottom {
   
    display: none;
}


.embed-container2 {
    position: relative;
    padding-bottom: 80%;
    height: 0;
    overflow: hidden;
}
.embed-container2 iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}


.cat-children{
  display:none;
}


#reporte{
	display: block;
	/*-webkit-box-shadow: 0px 0px 47px -9px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 47px -9px rgba(0,0,0,0.3);
box-shadow: 0px 0px 47px -9px rgba(0,0,0,0.3);*/
	
	background: #FFFFFF;
	padding: 0px 20px;
	background: url(../images/f-bolsa.png) top left no-repeat;
}

#lista2 {
    counter-reset: li; 
    list-style: none; 
    *list-style: decimal; 
    font-size: 14px;
    padding: 0;
    margin-left:20px;
   
}

#lista2 ul {
    margin: 0 0 0 40px; 
}

#lista2 li{
    position: relative;
    display: block;
    padding: 10px 10px 10px 35px;
    *padding: .4em;
    margin: .4em 0;
    background: #fff;
background:url('images/fondo-vin2.png') left top no-repeat;
    color: #000;
    text-decoration: none;
    border-radius: .3em;
    transition: all .3s ease-out;
	text-align: left;
	font-size: 12px;
	
}

#lista2 li a{
    position: relative;
    display: block;
      
text-align: left;
    color: #fff;
    text-decoration: none;
    border-radius: .3em;
    transition: all .3s ease-out;   

}





#lista2 li:hover{
 
background:url('../images/fondo-vin2.png') -476px top no-repeat;
	color:#000;
 
}

#lista2 li:hover a{
 

	color:#000;
}

#lista2 li:hover:before{
    transform: rotate(360deg);  
	background: #1AA3B5;
  
 -webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.75);
   -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

#lista2 li:before{
    content: counter(li);
    counter-increment: li;
    position: absolute; 
    left: 0.3em;
    top: 58%;
    margin-top: -1.3em;
    background: #000;
    height: 2em;
    width: 2em;
    line-height: 1.3em;
    border: .2em solid #fff;
    text-align: center;
    font-weight: bold;
    border-radius: 2em;
    transition: all .3s ease-out;
    color:#fff;
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

























#lista31 {
    counter-reset: li 6; 
    list-style: none; 
    *list-style: decimal; 
    font: 14px 'Raleway', 'lucida sans';
    padding: 0;
    margin-left:20px;
   
}

#lista31 ul {
    margin: 0 0 0 40px; 
}

#lista31 li{
    position: relative;
    display: block;
    padding: 10px 10px 10px 35px;
    *padding: .4em;
    margin: .4em 0;
    background: #fff;
background:url('images/fondo-vin2.png') left top no-repeat;
    color: #000;
    text-decoration: none;
    border-radius: .3em;
    transition: all .3s ease-out;
	text-align: left;
	font-size: 12px;
	
}

#lista31 li a{
    position: relative;
    display: block;
      
text-align: left;
    color: #fff;
    text-decoration: none;
    border-radius: .3em;
    transition: all .3s ease-out;   

}





#lista31 li:hover{
 
background:url('../images/fondo-vin2.png') -476px top no-repeat;
	color:#000;
}

#lista31 li:hover a{
 

	color:#000;
}

#lista31 li:hover:before{
    transform: rotate(360deg);  
	background: #1AA3B5;
	
  
   -webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.75);
  
  
  
	 -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

#lista31 li:before{
    content: counter(li);
    counter-increment: li;
    position: absolute; 
    left: 0.3em;
    top: 58%;
    margin-top: -1.3em;
    background: #000;
    height: 2em;
    width: 2em;
    line-height: 1.3em;
    border: .2em solid #fff;
    text-align: center;
    font-weight: bold;
    border-radius: 2em;
    transition: all .3s ease-out;
color:#fff;
	
	
	 -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}



/************************/

#lista41 {
    counter-reset: li 13; 
    list-style: none; 
    *list-style: decimal; 
    font: 14px 'Raleway', 'lucida sans';
    padding: 0;
    margin-left:20px;
   
}

#lista41 ul {
    margin: 0 0 0 40px; 
}

#lista41 li{
    position: relative;
    display: block;
    padding: 10px 10px 10px 35px;
    *padding: .4em;
    margin: .4em 0;
    background: #fff;
background:url('images/fondo-vin2.png') left top no-repeat;
    color: #000;
    text-decoration: none;
    border-radius: .3em;
    transition: all .3s ease-out;
	text-align: left;
	font-size: 12px;
	
}

#lista41 li a{
    position: relative;
    display: block;
      
text-align: left;
    color: #fff;
    text-decoration: none;
    border-radius: .3em;
    transition: all .3s ease-out;   

}





#lista41 li:hover{
 
background:url('../images/fondo-vin2.png') -476px top no-repeat;
	color:#000;
}

#lista41 li:hover a{
 

	color:#000;
}

#lista41 li:hover:before{
    transform: rotate(360deg);  
	background: #1AA3B5;
	
  
   -webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.75);
  
  
  
	 -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

#lista41 li:before{
    content: counter(li);
    counter-increment: li;
    position: absolute; 
    left: 0.3em;
    top: 58%;
    margin-top: -1.3em;
    background: #000;
    height: 2em;
    width: 2em;
    line-height: 1.3em;
    border: .2em solid #fff;
    text-align: center;
    font-weight: bold;
    border-radius: 2em;
    transition: all .3s ease-out;
color:#fff;
	
	
	 -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}





/********************************/



#lista3 {
    counter-reset: li; 
    list-style: none; 
    *list-style: decimal; 
    font: 17px 'Raleway', 'lucida sans';
    padding: 0;
    margin-top: 2.4em;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
}

#lista3 ul {
    margin: 0 0 0 0; 
}

#lista3 li{
    position: relative;
    display: block;
    padding: 10px 10px 10px 45px;
    *padding: .4em;
    margin: .4em 0;
    background: #fff;
background:url('images/fondo-vin.png') left top no-repeat;
    color: #444;
    text-decoration: none;
    border-radius: .3em;
    transition: all .3s ease-out;   
	
}

#lista3 li a{
    position: relative;
    display: block;
      

    color: #444;
    text-decoration: none;
    border-radius: .3em;
    transition: all .3s ease-out;   

}





#lista3 li:hover{
 
background:url('../images/fondo-vin.png') -460px top no-repeat;
}

#lista3 li:hover:before{
    transform: rotate(360deg);  
	background: #1AA3B5;
	
	 -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

#lista3 li:before{
    content: counter(li);
    counter-increment: li;
    position: absolute; 
    left: 0.3em;
    top: 58%;
    margin-top: -1.3em;
    background: #214367;
    height: 2em;
    width: 2em;
    line-height: 1.3em;
    border: .3em solid #fff;
    text-align: center;
    font-weight: bold;
    border-radius: 2em;
    transition: all .3s ease-out;
color:#fff;
	
	
	 -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}






/*********************************************/

#bt-reportar{
	
	display: block; width: 120px; background: #C68E31; color: #fff; text-align: center; padding: 10px; margin: 0 auto;
	margin-bottom: 30px;
	-webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

#bt-reportar:hover{
	
	display: block; width: 120px; background: #D9AD64; color: #000; text-align: center; padding: 10px; margin: 0 auto;
		margin-bottom: 30px;
	-webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
	
}









#bt-reportar2{
	
	display: block; width: 150px; color: #fff; text-align: center; padding: 10px; 
	margin: 30px auto 0 auto;
	border:solid 1px #fff;
	font-style: normal;
	margin-bottom: 30px;
	-webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

#bt-reportar2:hover{
	
	display: block; width: 150px; background: #2DA7CA; text-align: center; padding: 10px; 
		margin-bottom: 30px;
	border:solid 1px #2DA7CA;
	-webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
	
}




.ih-item {
  position: relative;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item,
.ih-item * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ih-item a {
  color: #333;
}
.ih-item a:hover {
  text-decoration: none;
}
.ih-item img {
  width: 100%;
  height: 100%;
}

.ih-item.circle {
  position: relative;
  width: 220px;
  height: 220px;
  border-radius: 50%;
}
.ih-item.circle .img {
  position: relative;
  width: 220px;
  height: 220px;
  border-radius: 50%;
}
.ih-item.circle .img:before {
  position: absolute;
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 50%;
  box-shadow: inset 0 0 0 16px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.3);
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.circle .img img {
  border-radius: 50%;
}
.ih-item.circle .info {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  border-radius: 50%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.ih-item.square {
  position: relative;
  width: 270px;
  height: 180px;
	margin-right: 15px;
	border: 8px solid rgba(255,255,255,0.3);
  
}

.ih-item.square h3 {
 font-size:90% !important;
}

.ih-item.square .info {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.ih-item.circle.effect1 .spinner {
  width: 230px;
  height: 230px;
  border: 10px solid #ecab18;
  border-right-color: #1ad280;
  border-bottom-color: #1ad280;
  border-radius: 50%;
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
}


.ih-item.square.effect9 {
  -webkit-perspective: 900px;
  -moz-perspective: 900px;
  perspective: 900px;
}
.ih-item.square.effect9.colored .info .info-back {
  background: rgba(26,74,114,0.7);
}
.ih-item.square.effect9 .info h3, .ih-item.square.effect9.colored .info h3 {
  background: rgba(12, 34, 52, 1);

	margin-bottom:0px !important;
	
	font-size: 100% !important;
		
}


.ih-item.square.effect9 .img {
  position: relative;
  z-index: 11;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.ih-item.square.effect9 .info {
  z-index: 0;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.ih-item.square.effect9 .info .info-back {
  opacity: 1;
  width: 100%;
  height: 100%;
  padding-top: 30px;
  background: rgba(51,51,51,0.7);
}
.ih-item.square.effect9 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 17px;
  padding: 10px;
  background: #111111;
  margin: 0;
}
.ih-item.square.effect9 .info p {
  font-style: italic;
  font-size: 12px;
  position: relative;
  color: #bbb;
  
  text-align: center;
}

.ih-item.square.effect9.left_to_right .img {
  -webkit-transform-origin: 100% 50%;
  -moz-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  -o-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}
.ih-item.square.effect9.left_to_right a:hover .img {
  -webkit-transform: rotate3d(0, 1, 0, 180deg);
  -moz-transform: rotate3d(0, 1, 0, 180deg);
  -ms-transform: rotate3d(0, 1, 0, 180deg);
  -o-transform: rotate3d(0, 1, 0, 180deg);
  transform: rotate3d(0, 1, 0, 180deg);
}

.ih-item.square.effect9.right_to_left .img {
  -webkit-transform-origin: 0% 50%;
  -moz-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  -o-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
}
.ih-item.square.effect9.right_to_left a:hover .img {
  -webkit-transform: rotate3d(0, 1, 0, -180deg);
  -moz-transform: rotate3d(0, 1, 0, -180deg);
  -ms-transform: rotate3d(0, 1, 0, -180deg);
  -o-transform: rotate3d(0, 1, 0, -180deg);
  transform: rotate3d(0, 1, 0, -180deg);
}

.ih-item.square.effect9.top_to_bottom .img {
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.ih-item.square.effect9.top_to_bottom a:hover .img {
  -webkit-transform: rotate3d(1, 0, 0, -180deg);
  -moz-transform: rotate3d(1, 0, 0, -180deg);
  -ms-transform: rotate3d(1, 0, 0, -180deg);
  -o-transform: rotate3d(1, 0, 0, -180deg);
  transform: rotate3d(1, 0, 0, -180deg);
}

.ih-item.square.effect9.bottom_to_top .img {
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  transform-origin: 50% 0;
}
.ih-item.square.effect9.bottom_to_top:hover .img {
  -webkit-transform: rotate3d(1, 0, 0, 180deg);
  -moz-transform: rotate3d(1, 0, 0, 180deg);
  -ms-transform: rotate3d(1, 0, 0, 180deg);
  -o-transform: rotate3d(1, 0, 0, 180deg);
  transform: rotate3d(1, 0, 0, 180deg);
}

.custom-square{
	
	display: block; padding-left: 15px; border-left: solid 5px #DDE1E1;
	
}














#permanentes ul {
	width: 100%;
  font-size: 15px !important;
  line-height: 1.5em !important;
  margin: 5px 0 0px !important;
  padding: 0 !important;
	background: url(../images/f-list.png) 6px top repeat-y;
	margin-top:-20px !important;
	padding-top:34px !important;
	padding-bottom: 34px !important;
}
#permanentes ul li {
  list-style: none !important;
  position: relative !important;
  padding: 0px 0 0px 30px !important;
	background: url(../images/f-list2.png) -60% top no-repeat;
	 -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
	line-height: 31px;
}

#permanentes ul li:hover {
  list-style: none !important;
  position: relative !important;
  padding: 0px 0 0px 40px !important;
	background: url(../images/f-list2.png) 81% top no-repeat;
	
	 -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
	line-height: 31px;
	
}


#permanentes ul li a {
  color:#fff !important;
	display: block;
	width: 100%;
	line-height: 31px;
	
}







#temporales ul {
	width: 100%;
  font-size: 15px !important;
  line-height: 1.5em !important;
  margin: 5px 0 0px !important;
  padding: 0 !important;
	background: url(../images/f-list.png) 6px top repeat-y;
	margin-top:-20px !important;
	padding-top:34px !important;
	padding-bottom: 34px !important;
}
#temporales ul li {
  list-style: none !important;
  position: relative !important;
  padding: 0px 0 0px 30px !important;
	background: url(../images/f-list2.png) -60% top no-repeat;
	 -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
	line-height: 31px;
}

#temporales ul li:hover {
  list-style: none !important;
  position: relative !important;
  padding: 0px 0 0px 40px !important;
	background: url(../images/f-list2.png) 81% top no-repeat;

	
	 -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
	line-height: 31px;
	
}

#temporales ul li a {
  color:#fff !important;
	display: block;
	width: 100%;
	line-height: 31px;
	
}







#permanentes ul.square #permanentes li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 10px;
  height: 10px;
  background-color: #20477D;
}

#permanentes ul.round #permanentes li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 10px;
  height: 10px;
  background-color: #20477D;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}

#permanentes ul.triangle #permanentes li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 10px solid #ff6600;
}

ul.arrow li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  height: 5px;
  width: 5px;
  border: 1px solid #20477D;
  border-width: 2px 2px 0 0;
  transform: rotate(45deg);
}

ul.line li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  width: 8px;
  display: block;
  border-top: 2px solid #20477D;
}

ul.plus li::before {
  content: "";
  position: absolute;
  background: #20477D;
  left: 0;
  top: 9px;
  height: 2px;
  width: 8px;
}
ul.plus li::after {
  content: "";
  position: absolute;
  background: #20477D;
  left: 3px;
  top: 5px;
  height: 10px;
  width: 2px;
}

ul.diamond li::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-bottom-color: #20477D;
}
ul.diamond li::after {
  content: "";
  position: absolute;
  left: 0px;
  top: 10px;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-top-color: #20477D;
}

ul.pac-man li::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 5px;
  width: 0px;
  height: 0px;
  border-right: 5px solid transparent;
  border-top: 5px solid #20477D;
  border-left: 5px solid #20477D;
  border-bottom: 5px solid #20477D;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

ul.checkmark li::before {
  content: "";
  position: absolute;
  left: 2px;
  top: 5px;
  width: 3px;
  height: 6px;
  border: solid #20477D;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

ul.circle-checkmark li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  border: solid 8px #20477D;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}
ul.circle-checkmark li::after {
  content: "";
  position: absolute;
  left: .32%;
  top: 5px;
  width: 3px;
  height: 6px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

ul.burst li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  background: #20477D;
  width: 10px;
  height: 10px;
  text-align: center;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
ul.burst li::after {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  height: 10px;
  width: 10px;
  background: #20477D;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

ul.heart li::before, ul.heart li::after {
  content: "";
  position: absolute;
  left: 7px;
  top: 5px;
  width: 7px;
  height: 12px;
  background: #20477D;
  -moz-border-radius: 50px 50px 0 0;
  border-radius: 50px 50px 0 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 0 100%;
  -moz-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  -o-transform-origin: 0 100%;
  transform-origin: 0 100%;
}
ul.heart li::after {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

ul.x li::before {
  content: '';
  position: absolute;
  height: 15px;
  border-left: 2px solid #20477D;
  transform: rotate(45deg);
  top: 2px;
  left: 5px;
}
ul.x li::after {
  content: '';
  position: absolute;
  height: 15px;
  border-left: 2px solid #20477D;
  transform: rotate(-45deg);
  top: 2px;
  left: 5px;
}

#permanentes ul.outline-round li::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 8px !important;
  width: 10px !important;
  height: 17px !important;
  border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  -webkit-border-radius: 50% !important;
  border: 3px solid #ffffff !important;
	background: #23333B;
}


#temporales ul.outline-round li::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 8px !important;
  width: 10px !important;
  height: 17px !important;
  border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  -webkit-border-radius: 50% !important;
  border: 3px solid #ffffff !important;
	background: #476878;
}



ul.curved-round li::before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  left: 24px;
  top: 3px;
  border-top: 9px solid transparent;
  border-right: 9px solid #20477D;
  -webkit-transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  -o-transform: rotate(10deg);
}
ul.curved-round li::after {
  content: '';
  position: absolute;
  border: 0 solid transparent;
  border-top: 3px solid #20477D;
  border-radius: 20px 0 0 0;
  top: 0;
  left: -5px;
  width: 12px;
  height: 12px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}


ul.curved-round2{
	color: #fff;
	text-align: left !important;
	margin-top: 20px;
}

ul.curved-round2 li{
	padding-left:50px;
	margin: 5px 0;
}


ul.curved-round2 li::before {
  content: '';
  position: absolute;
	
  width: 0;
  height: 0;
  left: 20px;
  top: 3px;
  border-top: 9px solid transparent;
  border-right: 9px solid #fff;
  -webkit-transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  -o-transform: rotate(10deg);
}
ul.curved-round2 li::after {
  content: '';
  position: absolute;
	
  border: 0 solid transparent;
  border-top: 3px solid #fff;
  border-radius: 20px 0 0 0;
  top: 0;
  left: 22px;
  width: 12px;
  height: 12px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}



#accordion155 .jjaccordion-header, #accordion156 .jjaccordion-header, #accordion157 .jjaccordion-header, #accordion158 .jjaccordion-header {
    padding: 8px 8px 8px 8px;
    font-weight: normal !important;
    font-size: 14px !important;
    margin-top: 5px;
    border-radius: 8px;
    cursor: pointer;
    display: block;
}
.cont-directorio {
    display: block;
    padding-left: 15px;
    margin-left: 15px;
    border-left: solid 1px #ccc;
    margin-bottom: 20px;
}


#men-sli{position:relative;
min-height: 60px;
height: auto;}


 #menuhorizontal{
	 display: block;
	
	 min-height:0px;
 
	  background:rgba(188,159,46,0.85) !important;
 height:auto;
  
   z-index:5;
  top:0px;
	
  }


 #sombra{
	 background:url(../images/shadow.png) center top repeat-x;
	 position:relative;
	 height:32px;
	 top:39px !important;
	 z-index:2;
}

#sumate{
	
	 position:relative;
	 height:auto;
	 top:-70px !important;
	 z-index:2;
margin-bottom:-60px;}


.ottabs-title{display:none}




.ih-item.square.effect1 {
  overflow: hidden;
}
.ih-item.square.effect1.colored .info {
  background: #1a4a72;
}
.ih-item.square.effect1 .img {
  z-index: 11;
  position: absolute;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.ih-item.square.effect1 .info {
  background: #333333;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect1 a:hover .info {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.ih-item.square.effect1.left_and_right .info h3 {
  position: absolute;
  top: 12px;
  left: 12px;
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 17px;
  margin: 0;
}
.ih-item.square.effect1.left_and_right .info p {
  position: absolute;
  right: 12px;
  bottom: 12px;
  margin: 0;
  font-style: italic;
  font-size: 12px;
  color: #bbb;
}
.ih-item.square.effect1.left_and_right a:hover .img {
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6);
  -ms-transform: scale(0.6);
  -o-transform: scale(0.6);
  transform: scale(0.6);
}

.ih-item.square.effect1.top_to_bottom .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 17px;
  padding: 10px 10px 0 4px;
  margin: 10px 0 0 0;
}
.ih-item.square.effect1.top_to_bottom .info p {
  font-style: italic;
  font-size: 12px;
  color: #bbb;
  padding: 5px;
  text-align: center;
}
.ih-item.square.effect1.top_to_bottom a:hover .img {
  -webkit-transform: translateY(30px) scale(0.6);
  -moz-transform: translateY(30px) scale(0.6);
  -ms-transform: translateY(30px) scale(0.6);
  -o-transform: translateY(30px) scale(0.6);
  transform: translateY(30px) scale(0.6);
}

.ih-item.square.effect1.bottom_to_top .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 17px;
  padding: 10px 10px 0 4px;
  margin: 134px 0 0 0;
}
.ih-item.square.effect1.bottom_to_top .info p {
  font-style: italic;
  font-size: 12px;
  color: #bbb;
  padding: 5px;
  text-align: center;
}
.ih-item.square.effect1.bottom_to_top a:hover .img {
  -webkit-transform: translateY(-30px) scale(0.6);
  -moz-transform: translateY(-30px) scale(0.6);
  -ms-transform: translateY(-30px) scale(0.6);
  -o-transform: translateY(-30px) scale(0.6);
  transform: translateY(-30px) scale(0.6);
}

.ih-item.square.effect2 {
  overflow: hidden;
}
.ih-item.square.effect2.colored .info {
  background: #1a4a72;
}
.ih-item.square.effect2.colored .info h3 {
  background: rgba(12, 34, 52, 0.6);
}
.ih-item.square.effect2 .img {
  opacity: 1;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-transform: rotate(0deg) scale(1);
  -moz-transform: rotate(0deg) scale(1);
  -ms-transform: rotate(0deg) scale(1);
  -o-transform: rotate(0deg) scale(1);
  transform: rotate(0deg) scale(1);
}
.ih-item.square.effect2 .info {
  background: #333333;
  visibility: hidden;
  -webkit-transition: all 0.35s 0.3s ease-in-out;
  -moz-transition: all 0.35s 0.3s ease-in-out;
  transition: all 0.35s 0.3s ease-in-out;
}
.ih-item.square.effect2 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 17px;
  padding: 10px;
  background: #111111;
  margin: 30px 0 0 0;
  -webkit-transform: translateY(-200px);
  -moz-transform: translateY(-200px);
  -ms-transform: translateY(-200px);
  -o-transform: translateY(-200px);
  transform: translateY(-200px);
  -webkit-transition: all 0.35s 0.6s ease-in-out;
  -moz-transition: all 0.35s 0.6s ease-in-out;
  transition: all 0.35s 0.6s ease-in-out;
}
.ih-item.square.effect2 .info p {
  font-style: italic;
  font-size: 12px;
  position: relative;
  color: #bbb;
  padding: 20px 20px 20px;
  text-align: center;
  -webkit-transform: translateY(-200px);
  -moz-transform: translateY(-200px);
  -ms-transform: translateY(-200px);
  -o-transform: translateY(-200px);
  transform: translateY(-200px);
  -webkit-transition: all 0.35s 0.5s linear;
  -moz-transition: all 0.35s 0.5s linear;
  transition: all 0.35s 0.5s linear;
}
.ih-item.square.effect2 a:hover .img {
  -webkit-transform: rotate(720deg) scale(0);
  -moz-transform: rotate(720deg) scale(0);
  -ms-transform: rotate(720deg) scale(0);
  -o-transform: rotate(720deg) scale(0);
  transform: rotate(720deg) scale(0);
  opacity: 0;
}
.ih-item.square.effect2 a:hover .info {
  visibility: visible;
}
.ih-item.square.effect2 a:hover .info h3,
.ih-item.square.effect2 a:hover .info p {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.ih-item.square.effect3 {
  overflow: hidden;
}
.ih-item.square.effect3.colored .info {
  background: #1a4a72;
}
.ih-item.square.effect3 .img {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect3 .info {
  height: 65px;
  background: #333333;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect3 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 17px;
  padding: 10px 10px 0 4px;
  margin: 4px 0 0 0;
}
.ih-item.square.effect3 .info p {
  font-style: italic;
  font-size: 12px;
  position: relative;
  color: #bbb;
  padding: 5px;
  text-align: center;
}
.ih-item.square.effect3 a:hover .info {
  visibility: visible;
  opacity: 1;
}

.ih-item.square.effect3.bottom_to_top .info {
  top: auto;
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
}
.ih-item.square.effect3.bottom_to_top a:hover .img {
  -webkit-transform: translateY(-50px);
  -moz-transform: translateY(-50px);
  -ms-transform: translateY(-50px);
  -o-transform: translateY(-50px);
  transform: translateY(-50px);
}
.ih-item.square.effect3.bottom_to_top a:hover .info {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.ih-item.square.effect3.top_to_bottom .info {
  bottom: auto;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.ih-item.square.effect3.top_to_bottom a:hover .img {
  -webkit-transform: translateY(50px);
  -moz-transform: translateY(50px);
  -ms-transform: translateY(50px);
  -o-transform: translateY(50px);
  transform: translateY(50px);
}
.ih-item.square.effect3.top_to_bottom a:hover .info {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.ih-item.square.effect4 {
  overflow: hidden;
  position: relative;
}
.ih-item.square.effect4.colored .info {
  background: rgba(12, 34, 52, 0.6);
}
.ih-item.square.effect4.colored .mask1,
.ih-item.square.effect4.colored .mask2 {
  background: #1a4a72;
  background: rgba(26, 74, 114, 0.6);
}
.ih-item.square.effect4 .img {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect4 .mask1,
.ih-item.square.effect4 .mask2 {
  position: absolute;
  background: #333333;
  background: rgba(0, 0, 0, 0.6);
  height: 361px;
  width: 361px;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect4 .mask1 {
  left: auto;
  right: 0;
  top: 0;
  -webkit-transform: rotate(56.5deg) translateX(-180px);
  -moz-transform: rotate(56.5deg) translateX(-180px);
  -ms-transform: rotate(56.5deg) translateX(-180px);
  -o-transform: rotate(56.5deg) translateX(-180px);
  transform: rotate(56.5deg) translateX(-180px);
  -webkit-transform-origin: 100% 0%;
  -moz-transform-origin: 100% 0%;
  -ms-transform-origin: 100% 0%;
  -o-transform-origin: 100% 0%;
  transform-origin: 100% 0%;
}
.ih-item.square.effect4 .mask2 {
  top: auto;
  bottom: 0;
  left: 0;
  -webkit-transform: rotate(56.5deg) translateX(180px);
  -moz-transform: rotate(56.5deg) translateX(180px);
  -ms-transform: rotate(56.5deg) translateX(180px);
  -o-transform: rotate(56.5deg) translateX(180px);
  transform: rotate(56.5deg) translateX(180px);
  -webkit-transform-origin: 0% 100%;
  -moz-transform-origin: 0% 100%;
  -ms-transform-origin: 0% 100%;
  -o-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
}
.ih-item.square.effect4 .info {
  background: #111111;
  height: 0;
  visibility: hidden;
  width: 361px;
  -webkit-transform: rotate(-33.5deg) translate(-112px, 166px);
  -moz-transform: rotate(-33.5deg) translate(-112px, 166px);
  -ms-transform: rotate(-33.5deg) translate(-112px, 166px);
  -o-transform: rotate(-33.5deg) translate(-112px, 166px);
  transform: rotate(-33.5deg) translate(-112px, 166px);
  -webkit-transform-origin: 0% 100%;
  -moz-transform-origin: 0% 100%;
  -ms-transform-origin: 0% 100%;
  -o-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
  -webkit-transition: all 0.35s ease-in-out 0.35s;
  -moz-transition: all 0.35s ease-in-out 0.35s;
  transition: all 0.35s ease-in-out 0.35s;
}
.ih-item.square.effect4 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 17px;
  padding: 10px;
  background: transparent;
  margin-top: 5px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out 0.35s;
  -moz-transition: all 0.35s ease-in-out 0.35s;
  transition: all 0.35s ease-in-out 0.35s;
}
.ih-item.square.effect4 .info p {
  font-style: italic;
  font-size: 12px;
  position: relative;
  color: #bbb;
  padding: 20px 20px 20px;
  text-align: center;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out 0.35s;
  -moz-transition: all 0.35s ease-in-out 0.35s;
  transition: all 0.35s ease-in-out 0.35s;
}
.ih-item.square.effect4 a:hover .mask1 {
  -webkit-transform: rotate(56.5deg) translateX(1px);
  -moz-transform: rotate(56.5deg) translateX(1px);
  -ms-transform: rotate(56.5deg) translateX(1px);
  -o-transform: rotate(56.5deg) translateX(1px);
  transform: rotate(56.5deg) translateX(1px);
}
.ih-item.square.effect4 a:hover .mask2 {
  -webkit-transform: rotate(56.5deg) translateX(-1px);
  -moz-transform: rotate(56.5deg) translateX(-1px);
  -ms-transform: rotate(56.5deg) translateX(-1px);
  -o-transform: rotate(56.5deg) translateX(-1px);
  transform: rotate(56.5deg) translateX(-1px);
}
.ih-item.square.effect4 a:hover .info {
  width: 300px;
  height: 120px;
  visibility: visible;
  top: 40px;
  -webkit-transform: rotate(0deg) translate(0, 0);
  -moz-transform: rotate(0deg) translate(0, 0);
  -ms-transform: rotate(0deg) translate(0, 0);
  -o-transform: rotate(0deg) translate(0, 0);
  transform: rotate(0deg) translate(0, 0);
}
.ih-item.square.effect4 a:hover .info h3,
.ih-item.square.effect4 a:hover .info p {
  opacity: 1;
}

.ih-item.square.effect5.colored .info {
  background: #1a4a72;
}
.ih-item.square.effect5.colored .info h3 {
  background: rgba(12, 34, 52, 0.6);
}
.ih-item.square.effect5 .img {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.ih-item.square.effect5 .info {
  background: #333333;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect5 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 17px;
  padding: 10px;
  background: #111111;
  margin: 30px 0 0 0;
}
.ih-item.square.effect5 .info p {
  font-style: italic;
  font-size: 12px;
  position: relative;
  color: #bbb;
  padding: 20px 20px 20px;
  text-align: center;
}
.ih-item.square.effect5 a:hover .img {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition-delay: 0;
  -moz-transition-delay: 0;
  transition-delay: 0;
}
.ih-item.square.effect5 a:hover .info {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1) rotate(0deg);
  -moz-transform: scale(1) rotate(0deg);
  -ms-transform: scale(1) rotate(0deg);
  -o-transform: scale(1) rotate(0deg);
  transform: scale(1) rotate(0deg);
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.ih-item.square.effect5.left_to_right .info {
  -webkit-transform: scale(0) rotate(-180deg);
  -moz-transform: scale(0) rotate(-180deg);
  -ms-transform: scale(0) rotate(-180deg);
  -o-transform: scale(0) rotate(-180deg);
  transform: scale(0) rotate(-180deg);
}

.ih-item.square.effect5.right_to_left .info {
  -webkit-transform: scale(0) rotate(180deg);
  -moz-transform: scale(0) rotate(180deg);
  -ms-transform: scale(0) rotate(180deg);
  -o-transform: scale(0) rotate(180deg);
  transform: scale(0) rotate(180deg);
}

.ih-item.square.effect6 {
  overflow: hidden;
}
.ih-item.square.effect6.colored .info {
  background: #1a4a72;
  background: rgba(26, 74, 114, 0.6);
}
.ih-item.square.effect6.colored .info h3 {
  background: rgba(12, 34, 52, 0.6);
}
.ih-item.square.effect6 .img {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.ih-item.square.effect6 .info {
  background: #333333;
  background: rgba(0, 0, 0, 0.6);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect6 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 17px;
  padding: 10px;
  background: #111111;
  margin: 30px 0 0 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect6 .info p {
  font-style: italic;
  font-size: 12px;
  position: relative;
  color: #bbb;
  padding: 20px 20px 20px;
  text-align: center;
  -webkit-transition: all 0.35s 0.1s linear;
  -moz-transition: all 0.35s 0.1s linear;
  transition: all 0.35s 0.1s linear;
}
.ih-item.square.effect6 a:hover .img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.ih-item.square.effect6 a:hover .info {
  visibility: visible;
  opacity: 1;
}

.ih-item.square.effect6.from_top_and_bottom .info h3 {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.ih-item.square.effect6.from_top_and_bottom .info p {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
}
.ih-item.square.effect6.from_top_and_bottom a:hover .info h3,
.ih-item.square.effect6.from_top_and_bottom a:hover .info p {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.ih-item.square.effect6.from_left_and_right .info h3 {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}
.ih-item.square.effect6.from_left_and_right .info p {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
.ih-item.square.effect6.from_left_and_right a:hover .info h3,
.ih-item.square.effect6.from_left_and_right a:hover .info p {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

.ih-item.square.effect6.top_to_bottom .info h3 {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.ih-item.square.effect6.top_to_bottom .info p {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.ih-item.square.effect6.top_to_bottom a:hover .info h3,
.ih-item.square.effect6.top_to_bottom a:hover .info p {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.ih-item.square.effect6.bottom_to_top .info h3 {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
}
.ih-item.square.effect6.bottom_to_top .info p {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
}
.ih-item.square.effect6.bottom_to_top a:hover .info h3,
.ih-item.square.effect6.bottom_to_top a:hover .info p {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.ih-item.square.effect7 {
  overflow: hidden;
}
.ih-item.square.effect7.colored .info {
  background: #1a4a72;
  background: rgba(26, 74, 114, 0.6);
}
.ih-item.square.effect7.colored .info h3 {
  background: rgba(12, 34, 52, 0.6);
}
.ih-item.square.effect7 .img {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.ih-item.square.effect7 .info {
  background: #333333;
  background: rgba(0, 0, 0, 0.6);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect7 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 17px;
  padding: 10px;
  background: #111111;
  margin: 30px 0 0 0;
  -webkit-transform: scale(4);
  -moz-transform: scale(4);
  -ms-transform: scale(4);
  -o-transform: scale(4);
  transform: scale(4);
  -webkit-transition: all 0.35s 0.1s ease-in-out;
  -moz-transition: all 0.35s 0.1s ease-in-out;
  transition: all 0.35s 0.1s ease-in-out;
}
.ih-item.square.effect7 .info p {
  font-style: italic;
  font-size: 12px;
  position: relative;
  color: #bbb;
  
  text-align: center;
  -webkit-transform: scale(5);
  -moz-transform: scale(5);
  -ms-transform: scale(5);
  -o-transform: scale(5);
  transform: scale(5);
  -webkit-transition: all 0.35s 0.3s linear;
  -moz-transition: all 0.35s 0.3s linear;
  transition: all 0.35s 0.3s linear;
}
.ih-item.square.effect7 a:hover .img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}
.ih-item.square.effect7 a:hover .info {
  visibility: visible;
  opacity: 1;
}
.ih-item.square.effect7 a:hover .info h3,
.ih-item.square.effect7 a:hover .info p {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.ih-item.square.effect8 {
  overflow: hidden;
}
.ih-item.square.effect8.colored .info {
  background: #1a4a72;
}
.ih-item.square.effect8.colored .info h3 {
  background: rgba(12, 34, 52, 0.6);
}
.ih-item.square.effect8 .img {
  opacity: 1;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect8 .info {
  background: #333333;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect8 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 17px;
  padding: 10px;
  background: #111111;
  margin: 30px 0 0 0;
  -webkit-transition: all 0.35s 0.1s ease-in-out;
  -moz-transition: all 0.35s 0.1s ease-in-out;
  transition: all 0.35s 0.1s ease-in-out;
}
.ih-item.square.effect8 .info p {
  font-style: italic;
  font-size: 12px;
  position: relative;
  color: #bbb;
  padding: 20px 20px 20px;
  text-align: center;
  -webkit-transition: all 0.35s 0.15s linear;
  -moz-transition: all 0.35s 0.15s linear;
  transition: all 0.35s 0.15s linear;
}
.ih-item.square.effect8 a:hover .img {
  opacity: 0;
}
.ih-item.square.effect8 a:hover .info {
  visibility: visible;
  opacity: 1;
}

.ih-item.square.effect8.scale_up .img {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.ih-item.square.effect8.scale_up .info {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.ih-item.square.effect8.scale_up .info h3,
.ih-item.square.effect8.scale_up .info p {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.ih-item.square.effect8.scale_up a:hover .img {
  -webkit-transform: scale(5);
  -moz-transform: scale(5);
  -ms-transform: scale(5);
  -o-transform: scale(5);
  transform: scale(5);
}
.ih-item.square.effect8.scale_up a:hover .info {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.ih-item.square.effect8.scale_up a:hover .info h3,
.ih-item.square.effect8.scale_up a:hover .info p {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.ih-item.square.effect8.scale_down .img {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.ih-item.square.effect8.scale_down .info {
  -webkit-transform: scale(5);
  -moz-transform: scale(5);
  -ms-transform: scale(5);
  -o-transform: scale(5);
  transform: scale(5);
}
.ih-item.square.effect8.scale_down .info h3,
.ih-item.square.effect8.scale_down .info p {
  -webkit-transform: scale(5);
  -moz-transform: scale(5);
  -ms-transform: scale(5);
  -o-transform: scale(5);
  transform: scale(5);
}
.ih-item.square.effect8.scale_down a:hover .img {
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
}
.ih-item.square.effect8.scale_down a:hover .info {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.ih-item.square.effect8.scale_down a:hover .info h3,
.ih-item.square.effect8.scale_down a:hover .info p {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.ih-item.square.effect9 {
  -webkit-perspective: 900px;
  -moz-perspective: 900px;
  perspective: 900px;
}
.ih-item.square.effect9.colored .info .info-back {
  background: #1a4a72;
}
.ih-item.square.effect9.colored .info h3 {
  background: rgba(12, 34, 52, 0.6);
}
.ih-item.square.effect9 .img {
  position: relative;
  z-index: 11;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.ih-item.square.effect9 .info {
  z-index: 0;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.ih-item.square.effect9 .info .info-back {
  opacity: 1;
  width: 100%;
  height: 100%;
  padding-top: 30px;
  background: #333333;
}
.ih-item.square.effect9 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 17px;
  padding: 10px;
  background: #111111;
  margin: 0;
}
.ih-item.square.effect9 .info p {
  font-style: italic;
  font-size: 12px;
  position: relative;
  color: #bbb;
  padding: 20px 20px 20px;
  text-align: center;
}

.ih-item.square.effect9.left_to_right .img {
  -webkit-transform-origin: 100% 50%;
  -moz-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  -o-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}
.ih-item.square.effect9.left_to_right a:hover .img {
  -webkit-transform: rotate3d(0, 1, 0, 180deg);
  -moz-transform: rotate3d(0, 1, 0, 180deg);
  -ms-transform: rotate3d(0, 1, 0, 180deg);
  -o-transform: rotate3d(0, 1, 0, 180deg);
  transform: rotate3d(0, 1, 0, 180deg);
}

.ih-item.square.effect9.right_to_left .img {
  -webkit-transform-origin: 0% 50%;
  -moz-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  -o-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
}
.ih-item.square.effect9.right_to_left a:hover .img {
  -webkit-transform: rotate3d(0, 1, 0, -180deg);
  -moz-transform: rotate3d(0, 1, 0, -180deg);
  -ms-transform: rotate3d(0, 1, 0, -180deg);
  -o-transform: rotate3d(0, 1, 0, -180deg);
  transform: rotate3d(0, 1, 0, -180deg);
}

.ih-item.square.effect9.top_to_bottom .img {
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.ih-item.square.effect9.top_to_bottom a:hover .img {
  -webkit-transform: rotate3d(1, 0, 0, -180deg);
  -moz-transform: rotate3d(1, 0, 0, -180deg);
  -ms-transform: rotate3d(1, 0, 0, -180deg);
  -o-transform: rotate3d(1, 0, 0, -180deg);
  transform: rotate3d(1, 0, 0, -180deg);
}

.ih-item.square.effect9.bottom_to_top .img {
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  transform-origin: 50% 0;
}
.ih-item.square.effect9.bottom_to_top a:hover .img {
  -webkit-transform: rotate3d(1, 0, 0, 180deg);
  -moz-transform: rotate3d(1, 0, 0, 180deg);
  -ms-transform: rotate3d(1, 0, 0, 180deg);
  -o-transform: rotate3d(1, 0, 0, 180deg);
  transform: rotate3d(1, 0, 0, 180deg);
}

.ih-item.square.effect10 {
  overflow: hidden;
}
.ih-item.square.effect10.colored .info {
  background: #1a4a72;
}
.ih-item.square.effect10.colored .info h3 {
  background: rgba(12, 34, 52, 0.6);
}
.ih-item.square.effect10 .img {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect10 .info {
  background: #333333;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect10 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 17px;
  padding: 10px;
  background: #111111;
  margin: 30px 0 0 0;
}
.ih-item.square.effect10 .info p {
  font-style: italic;
  font-size: 12px;
  position: relative;
  color: #bbb;
  padding: 20px 20px 20px;
  text-align: center;
}
.ih-item.square.effect10 a:hover .info {
  visibility: visible;
  opacity: 1;
}

.ih-item.square.effect10.left_to_right .img {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.ih-item.square.effect10.left_to_right .info {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}
.ih-item.square.effect10.left_to_right a:hover .img {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
.ih-item.square.effect10.left_to_right a:hover .info {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

.ih-item.square.effect10.right_to_left .img {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.ih-item.square.effect10.right_to_left .info {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
.ih-item.square.effect10.right_to_left a:hover .img {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}
.ih-item.square.effect10.right_to_left a:hover .info {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

.ih-item.square.effect10.top_to_bottom .img {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.ih-item.square.effect10.top_to_bottom .info {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.ih-item.square.effect10.top_to_bottom a:hover .img {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
}
.ih-item.square.effect10.top_to_bottom a:hover .info {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.ih-item.square.effect10.bottom_to_top .img {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.ih-item.square.effect10.bottom_to_top .info {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
}
.ih-item.square.effect10.bottom_to_top a:hover .img {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.ih-item.square.effect10.bottom_to_top a:hover .info {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.ih-item.square.effect11 {
  overflow: hidden;
}
.ih-item.square.effect11.colored .info {
  background: #1a4a72;
}
.ih-item.square.effect11.colored .info h3 {
  background: rgba(12, 34, 52, 0.6);
}
.ih-item.square.effect11 .img {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect11 .info {
  background: #333333;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.35s ease 0.2s;
  -moz-transition: all 0.35s ease 0.2s;
  transition: all 0.35s ease 0.2s;
}
.ih-item.square.effect11 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 17px;
  padding: 10px;
  background: #111111;
  margin: 30px 0 0 0;
}
.ih-item.square.effect11 .info p {
  font-style: italic;
  font-size: 12px;
  position: relative;
  color: #bbb;
  padding: 20px 20px 20px;
  text-align: center;
}
.ih-item.square.effect11 a:hover .img {
  opacity: 0;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
}
.ih-item.square.effect11 a:hover .info {
  visibility: visible;
  opacity: 1;
}

.ih-item.square.effect11.left_to_right .info {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}
.ih-item.square.effect11.left_to_right a:hover .info {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

.ih-item.square.effect11.right_to_left .info {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
.ih-item.square.effect11.right_to_left a:hover .info {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

.ih-item.square.effect11.top_to_bottom .info {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.ih-item.square.effect11.top_to_bottom a:hover .info {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.ih-item.square.effect11.bottom_to_top .info {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
}
.ih-item.square.effect11.bottom_to_top a:hover .info {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.ih-item.square.effect12 {
  overflow: hidden;
}
.ih-item.square.effect12.colored .info {
  background: #1a4a72;
  background: rgba(26, 74, 114, 0.6);
}
.ih-item.square.effect12.colored .info h3 {
  background: rgba(12, 34, 52, 0.6);
}
.ih-item.square.effect12 .img {
  -webkit-transition: all 0.35s ease-in;
  -moz-transition: all 0.35s ease-in;
  transition: all 0.35s ease-in;
}
.ih-item.square.effect12 .info {
  background: #333333;
  background: rgba(0, 0, 0, 0.6);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in;
  -moz-transition: all 0.35s ease-in;
  transition: all 0.35s ease-in;
}
.ih-item.square.effect12 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 17px;
  padding: 10px;
  background: #111111;
  margin: 30px 0 0 0;
  -webkit-transition: all 0.35s ease-in;
  -moz-transition: all 0.35s ease-in;
  transition: all 0.35s ease-in;
}
.ih-item.square.effect12 .info p {
  font-style: italic;
  font-size: 12px;
  position: relative;
  color: #bbb;
  padding: 20px 20px 20px;
  text-align: center;
  -webkit-transition: all 0.35s ease-in;
  -moz-transition: all 0.35s ease-in;
  transition: all 0.35s ease-in;
}
.ih-item.square.effect12 a:hover .info {
  visibility: visible;
  opacity: 1;
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.ih-item.square.effect12 a:hover .info h3 {
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.ih-item.square.effect12 a:hover .info p {
  -webkit-transition-delay: 0.25s;
  -moz-transition-delay: 0.25s;
  transition-delay: 0.25s;
}

.ih-item.square.effect12.left_to_right .info {
  -webkit-transform: translate(-460px, -100px) rotate(-180deg);
  -moz-transform: translate(-460px, -100px) rotate(-180deg);
  -ms-transform: translate(-460px, -100px) rotate(-180deg);
  -o-transform: translate(-460px, -100px) rotate(-180deg);
  transform: translate(-460px, -100px) rotate(-180deg);
}
.ih-item.square.effect12.left_to_right .info h3 {
  -webkit-transform: translateY(-100px);
  -moz-transform: translateY(-100px);
  -ms-transform: translateY(-100px);
  -o-transform: translateY(-100px);
  transform: translateY(-100px);
}
.ih-item.square.effect12.left_to_right .info p {
  -webkit-transform: translateX(-300px) rotate(-90deg);
  -moz-transform: translateX(-300px) rotate(-90deg);
  -ms-transform: translateX(-300px) rotate(-90deg);
  -o-transform: translateX(-300px) rotate(-90deg);
  transform: translateX(-300px) rotate(-90deg);
}
.ih-item.square.effect12.left_to_right a:hover .info {
  -webkit-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
}
.ih-item.square.effect12.left_to_right a:hover .info h3 {
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
}
.ih-item.square.effect12.left_to_right a:hover .info p {
  -webkit-transform: translateX(0px) rotate(0deg);
  -moz-transform: translateX(0px) rotate(0deg);
  -ms-transform: translateX(0px) rotate(0deg);
  -o-transform: translateX(0px) rotate(0deg);
  transform: translateX(0px) rotate(0deg);
}

.ih-item.square.effect12.right_to_left .info {
  -webkit-transform: translate(460px, -100px) rotate(180deg);
  -moz-transform: translate(460px, -100px) rotate(180deg);
  -ms-transform: translate(460px, -100px) rotate(180deg);
  -o-transform: translate(460px, -100px) rotate(180deg);
  transform: translate(460px, -100px) rotate(180deg);
}
.ih-item.square.effect12.right_to_left .info h3 {
  -webkit-transform: translateY(-100px);
  -moz-transform: translateY(-100px);
  -ms-transform: translateY(-100px);
  -o-transform: translateY(-100px);
  transform: translateY(-100px);
}
.ih-item.square.effect12.right_to_left .info p {
  -webkit-transform: translateX(300px) rotate(90deg);
  -moz-transform: translateX(300px) rotate(90deg);
  -ms-transform: translateX(300px) rotate(90deg);
  -o-transform: translateX(300px) rotate(90deg);
  transform: translateX(300px) rotate(90deg);
}
.ih-item.square.effect12.right_to_left a:hover .info {
  -webkit-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
}
.ih-item.square.effect12.right_to_left a:hover .info h3 {
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
}
.ih-item.square.effect12.right_to_left a:hover .info p {
  -webkit-transform: translateX(0px) rotate(0deg);
  -moz-transform: translateX(0px) rotate(0deg);
  -ms-transform: translateX(0px) rotate(0deg);
  -o-transform: translateX(0px) rotate(0deg);
  transform: translateX(0px) rotate(0deg);
}

.ih-item.square.effect12.top_to_bottom .info {
  -webkit-transform: translate(-265px, -145px) rotate(-45deg);
  -moz-transform: translate(-265px, -145px) rotate(-45deg);
  -ms-transform: translate(-265px, -145px) rotate(-45deg);
  -o-transform: translate(-265px, -145px) rotate(-45deg);
  transform: translate(-265px, -145px) rotate(-45deg);
}
.ih-item.square.effect12.top_to_bottom .info h3 {
  -webkit-transform: translate(200px, -200px);
  -moz-transform: translate(200px, -200px);
  -ms-transform: translate(200px, -200px);
  -o-transform: translate(200px, -200px);
  transform: translate(200px, -200px);
}
.ih-item.square.effect12.top_to_bottom .info p {
  -webkit-transform: translate(200px, -200px);
  -moz-transform: translate(200px, -200px);
  -ms-transform: translate(200px, -200px);
  -o-transform: translate(200px, -200px);
  transform: translate(200px, -200px);
}
.ih-item.square.effect12.top_to_bottom a:hover .info {
  -webkit-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.ih-item.square.effect12.top_to_bottom a:hover .info h3 {
  -webkit-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.ih-item.square.effect12.top_to_bottom a:hover .info p {
  -webkit-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  -webkit-transition-delay: 0.4s;
  -moz-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

.ih-item.square.effect12.bottom_to_top .info {
  -webkit-transform: translate(265px, 145px) rotate(45deg);
  -moz-transform: translate(265px, 145px) rotate(45deg);
  -ms-transform: translate(265px, 145px) rotate(45deg);
  -o-transform: translate(265px, 145px) rotate(45deg);
  transform: translate(265px, 145px) rotate(45deg);
}
.ih-item.square.effect12.bottom_to_top .info h3 {
  -webkit-transform: translate(200px, -200px);
  -moz-transform: translate(200px, -200px);
  -ms-transform: translate(200px, -200px);
  -o-transform: translate(200px, -200px);
  transform: translate(200px, -200px);
}
.ih-item.square.effect12.bottom_to_top .info p {
  -webkit-transform: translate(-200px, 200px);
  -moz-transform: translate(-200px, 200px);
  -ms-transform: translate(-200px, 200px);

  -o-transform: translate(-200px, 200px);
  transform: translate(-200px, 200px);
}
.ih-item.square.effect12.bottom_to_top a:hover .info {
  -webkit-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.ih-item.square.effect12.bottom_to_top a:hover .info h3 {
  -webkit-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.ih-item.square.effect12.bottom_to_top a:hover .info p {
  -webkit-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  -webkit-transition-delay: 0.4s;
  -moz-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

.ih-item.square.effect13 {
  overflow: hidden;
}
.ih-item.square.effect13.colored .info {
  background: #1a4a72;
  background: rgba(26, 74, 114, 0.6);
}
.ih-item.square.effect13.colored .info h3 {
  background: rgba(12, 34, 52, 0.6);
}
.ih-item.square.effect13 .img {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.ih-item.square.effect13 .info {
  background: #333333;
  background: rgba(0, 0, 0, 0.6);
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect13 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 17px;
  padding: 10px;
  background: #111111;
  margin: 30px 0 0 0;
}
.ih-item.square.effect13 .info p {
  font-style: italic;
  font-size: 12px;
  position: relative;
  color: #bbb;
  padding: 20px 20px 20px;
  text-align: center;
}
.ih-item.square.effect13:hover .img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}
.ih-item.square.effect13:hover .info {
  visibility: visible;
  opacity: 1;
}

.ih-item.square.effect13.left_to_right .info {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}
.ih-item.square.effect13.left_to_right:hover .info {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

.ih-item.square.effect13.right_to_left .info {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
.ih-item.square.effect13.right_to_left a:hover .info {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

.ih-item.square.effect13.top_to_bottom .info {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.ih-item.square.effect13.top_to_bottom a:hover .info {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.ih-item.square.effect13.bottom_to_top .info {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
}
.ih-item.square.effect13.bottom_to_top a:hover .info {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.ih-item.square.effect14.colored .info {
  background: #1a4a72;
}
.ih-item.square.effect14.colored .info h3 {
  background: rgba(12, 34, 52, 0.6);
}
.ih-item.square.effect14 .img {
  opacity: 1;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect14 .info {
  background: #333333;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transition: all 0.35s ease 0.2s;
  -moz-transition: all 0.35s ease 0.2s;
  transition: all 0.35s ease 0.2s;
}
.ih-item.square.effect14 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 17px;
  padding: 10px;
  background: #111111;
  margin: 30px 0 0 0;
}
.ih-item.square.effect14 .info p {
  font-style: italic;
  font-size: 12px;
  position: relative;
  color: #bbb;
  padding: 20px 20px 20px;
  text-align: center;
}
.ih-item.square.effect14 a:hover .img {
  opacity: 0;
  pointer-events: none;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
}
.ih-item.square.effect14 a:hover .info {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.ih-item.square.effect14.left_to_right .img {
  -webkit-transform: translateX(0) rotate(0);
  -moz-transform: translateX(0) rotate(0);
  -ms-transform: translateX(0) rotate(0);
  -o-transform: translateX(0) rotate(0);
  transform: translateX(0) rotate(0);
}
.ih-item.square.effect14.left_to_right a:hover .img {
  -webkit-transform: translateX(100%) rotate(180deg);
  -moz-transform: translateX(100%) rotate(180deg);
  -ms-transform: translateX(100%) rotate(180deg);
  -o-transform: translateX(100%) rotate(180deg);
  transform: translateX(100%) rotate(180deg);
}

.ih-item.square.effect14.right_to_left .img {
  -webkit-transform: translateX(0) rotate(0);
  -moz-transform: translateX(0) rotate(0);
  -ms-transform: translateX(0) rotate(0);
  -o-transform: translateX(0) rotate(0);
  transform: translateX(0) rotate(0);
}
.ih-item.square.effect14.right_to_left a:hover .img {
  -webkit-transform: translateX(-100%) rotate(-180deg);
  -moz-transform: translateX(-100%) rotate(-180deg);
  -ms-transform: translateX(-100%) rotate(-180deg);
  -o-transform: translateX(-100%) rotate(-180deg);
  transform: translateX(-100%) rotate(-180deg);
}

.ih-item.square.effect14.top_to_bottom .img {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.ih-item.square.effect14.top_to_bottom a:hover .img {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}

.ih-item.square.effect14.bottom_to_top .img {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.ih-item.square.effect14.bottom_to_top a:hover .img {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
}

.ih-item.square.effect15 {
  overflow: hidden;
  -webkit-perspective: 900px;
  -moz-perspective: 900px;
  perspective: 900px;
}
.ih-item.square.effect15.colored .info {
  background: #1a4a72;
}
.ih-item.square.effect15 .img {
  opacity: 1;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.ih-item.square.effect15 .info {
  background: #333333;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out 0.3s;
  -moz-transition: all 0.35s ease-in-out 0.3s;
  transition: all 0.35s ease-in-out 0.3s;
}
.ih-item.square.effect15 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 17px;
  padding: 10px;
  background: #111111;
  margin: 30px 0 0 0;
}
.ih-item.square.effect15 .info p {
  font-style: italic;
  font-size: 12px;
  position: relative;
  color: #bbb;
  padding: 20px 20px 20px;
  text-align: center;
}
.ih-item.square.effect15 a:hover .img {
  opacity: 0;
  visibility: hidden;
}
.ih-item.square.effect15 a:hover .info {
  visibility: visible;
  opacity: 1;
}

.ih-item.square.effect15.left_to_right .img {
  -webkit-transform: rotateY(0);
  -moz-transform: rotateY(0);
  -ms-transform: rotateY(0);
  -o-transform: rotateY(0);
  transform: rotateY(0);
  -webkit-transform-origin: 100% 50%;
  -moz-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  -o-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}
.ih-item.square.effect15.left_to_right .info {
  -webkit-transform: rotateY(90deg);
  -moz-transform: rotateY(90deg);
  -ms-transform: rotateY(90deg);
  -o-transform: rotateY(90deg);
  transform: rotateY(90deg);
  -webkit-transform-origin: 0% 50%;
  -moz-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  -o-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
}
.ih-item.square.effect15.left_to_right a:hover .img {
  -webkit-transform: rotateY(-90deg);
  -moz-transform: rotateY(-90deg);
  -ms-transform: rotateY(-90deg);
  -o-transform: rotateY(-90deg);
  transform: rotateY(-90deg);
}
.ih-item.square.effect15.left_to_right a:hover .info {
  -webkit-transform: rotateY(0);
  -moz-transform: rotateY(0);
  -ms-transform: rotateY(0);
  -o-transform: rotateY(0);
  transform: rotateY(0);
}

.ih-item.square.effect15.right_to_left .img {
  -webkit-transform: rotateY(0);
  -moz-transform: rotateY(0);
  -ms-transform: rotateY(0);
  -o-transform: rotateY(0);
  transform: rotateY(0);
  -webkit-transform-origin: 0% 50%;
  -moz-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  -o-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
}
.ih-item.square.effect15.right_to_left .info {
  -webkit-transform: rotateY(-90deg);
  -moz-transform: rotateY(-90deg);
  -ms-transform: rotateY(-90deg);
  -o-transform: rotateY(-90deg);
  transform: rotateY(-90deg);
  -webkit-transform-origin: 100% 50%;
  -moz-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  -o-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}
.ih-item.square.effect15.right_to_left a:hover .img {
  -webkit-transform: rotateY(90deg);
  -moz-transform: rotateY(90deg);
  -ms-transform: rotateY(90deg);
  -o-transform: rotateY(90deg);
  transform: rotateY(90deg);
}
.ih-item.square.effect15.right_to_left a:hover .info {
  -webkit-transform: rotateY(0);
  -moz-transform: rotateY(0);
  -ms-transform: rotateY(0);
  -o-transform: rotateY(0);
  transform: rotateY(0);
}

.ih-item.square.effect15.top_to_bottom .img {
  -webkit-transform: rotateX(0);
  -moz-transform: rotateX(0);
  -ms-transform: rotateX(0);
  -o-transform: rotateX(0);
  transform: rotateX(0);
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.ih-item.square.effect15.top_to_bottom .info {
  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  -ms-transform: rotateX(-90deg);
  -o-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  transform-origin: 50% 0;
}
.ih-item.square.effect15.top_to_bottom a:hover .img {
  -webkit-transform: rotateX(90deg);
  -moz-transform: rotateX(90deg);
  -ms-transform: rotateX(90deg);
  -o-transform: rotateX(90deg);
  transform: rotateX(90deg);
}
.ih-item.square.effect15.top_to_bottom a:hover .info {
  -webkit-transform: rotateX(0);
  -moz-transform: rotateX(0);
  -ms-transform: rotateX(0);
  -o-transform: rotateX(0);
  transform: rotateX(0);
}

.ih-item.square.effect15.bottom_to_top .img {
  -webkit-transform: rotateX(0);
  -moz-transform: rotateX(0);
  -ms-transform: rotateX(0);
  -o-transform: rotateX(0);
  transform: rotateX(0);
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  transform-origin: 50% 0;
}
.ih-item.square.effect15.bottom_to_top .info {
  -webkit-transform: rotateX(90deg);
  -moz-transform: rotateX(90deg);
  -ms-transform: rotateX(90deg);
  -o-transform: rotateX(90deg);
  transform: rotateX(90deg);
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.ih-item.square.effect15.bottom_to_top a:hover .img {
  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  -ms-transform: rotateX(-90deg);
  -o-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
}
.ih-item.square.effect15.bottom_to_top a:hover .info {
  -webkit-transform: rotateX(0);
  -moz-transform: rotateX(0);
  -ms-transform: rotateX(0);
  -o-transform: rotateX(0);
  transform: rotateX(0);
}



.panel {
    margin-bottom: 20px;
    background-color: rgba(255,255,255,0.7);
    border: 0px solid transparent;
      
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.ver{
	display: block;
	position: absolute;
	top:15px;
	width: 100px;
	height: auto;
	padding: 10px;
	background: rgba(65,165,238,0.7);
	color: #fff !important;
	margin: 0 auto;
	
	
}


#pagination-demo{
display:block;
width:500px;
margin: 0 auto;}

.page {
  display: none;
 
}
.page-active {
  display: block;
  
}




.pagination>li.active>a, .pagination>li.active>span, .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
    color: #000 !important;
  border:none !important;
    background-color: #DBC15A !important;
	border-left: 1px solid #fff;
}


.pagination > li > a, .pagination > li > span {
    color: #293a6b;
    text-shadow: none !important;

}

.premioji a{
  display:block;
width:100px;
  height:auto;
padding:10px;
background:#36639F;
color:#fff;
text-decoration:none;
float:right;
text-align:center;}

.premioji a:hover{display:block;
width:100px;
padding:10px;
background:#294B7A;
color:#fff;}

.pagination>li+li>a, .pagination>li+li>span {
    border-left: 1px solid #fff;
    margin-left: 0;
    background: rgba(255,255,255,0.4);
}
.pagination>li>a, .pagination>li>span {
     background: rgba(255,255,255,0.2);
    color: #005723;
    border: none;
    font-weight: 400;
    font-size: 15px;
    padding: 7.5px 15px;
    text-decoration: none;
    text-shadow: 0 0 10px #84d1a4;
}

.pagination>li:first-child>a, .pagination>li:first-child>span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    background: rgba(255,255,255,0.2);
}


.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
    color: #777;
    cursor: not-allowed;
   
	background: rgba(255,255,255,0.5) !important;
    border-color: #ddd;
}

#abajo{
	margin-bottom: 25px;
}



#fondoanecdotarios ul li {
    list-style: none;
    position: relative;

    padding: 0px !important;
}

.rec-redes{
	display: block;
	position: relative;
	background:#F8F8F8;
	border-radius: 10px;
	padding: 15px 0;
	margin-top: 20px;
}

.jux-slider .date-title-descript h2 {
    min-height: 90px !important;
    
	height: auto;
}



#myVideo {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%; 
  min-height: 100%;
}

.content {
  position: fixed;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  color: #f1f1f1;
  width: 100%;
  padding: 20px;
}

#myBtn {
  width: 200px;
  font-size: 18px;
  padding: 10px;
  border: none;
  background: #000;
  color: #fff;
  cursor: pointer;
}

#myBtn:hover {
  background: #ddd;
  color: black;
}

.ubicacion{
	display:block;
	width: 219px;
	height: 214px;
	
	background: #3A97B1 url(../images/ubicacion.png) 20px 107px no-repeat;
	-webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.ubicacion:hover{
	display:block;
	width: 219px;
	height: 214px;
	
	background: #317E95 url(../images/ubicacion.png) 20px 110px no-repeat;
	-webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}




.contacto{
	display:block;
	width: 219px;
	height: 214px;
	
	background: #3A97B1 url(../images/contacto.png) 20px 107px no-repeat;
	-webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.contacto:hover{
	display:block;
	width: 219px;
	height: 214px;
	
	background: #317E95 url(../images/contacto.png) 20px 110px no-repeat;
	-webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}





.videoteca{
	display:block;
	width: 470px;
	height: 186px;
	
	background: #286578 url(../images/videoteca.png) 20px 77px no-repeat;
	-webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.videoteca:hover{
	display:block;
	width: 470px;
	height: 186px;
	
	background: #3A97B1 url(../images/videoteca.png) 20px 80px no-repeat;
	-webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}



@media (max-width:1200px){
	#azules{
	display:block;
	margin-left: 0px !important;
}
	

.ubicacion{
	display:block;
	width: 100%;
	height: 214px;
	
	background: #3A97B1 url(../images/ubicacion.png) 20px 107px no-repeat;
	-webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.ubicacion:hover{
	display:block;
	width: 100%;
	height: 214px;
	
	background: #317E95 url(../images/ubicacion.png) 20px 110px no-repeat;
	-webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

	
	
	
	.contacto{
	display:block;
	width: 100%;
	height: 214px;
	
	background: #3A97B1 url(../images/contacto.png) 20px 107px no-repeat;
	-webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.contacto:hover{
	display:block;
	width: 100%;
	height: 214px;
	
	background: #317E95 url(../images/contacto.png) 20px 110px no-repeat;
	-webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}





.videoteca{
	display:block;
	width: 100%;
	height: 186px;
	
	background: #286578 url(../images/videoteca.png) 20px 77px no-repeat;
	-webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.videoteca:hover{
	display:block;
	width: 100%;
	height: 186px;
	
	background: #3A97B1 url(../images/videoteca.png) 20px 80px no-repeat;
	-webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}




}




@media (max-width:990px){
	#azules{
	display:block;
	margin-left: 0px !important;
}
	

.ubicacion{
	display:block;
	width: 100%;
	height: 214px;
	
	background: #3A97B1 url(../images/ubicacion.png) 20px 107px no-repeat;
	-webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.ubicacion:hover{
	display:block;
	width: 100%;
	height: 214px;
	
	background: #317E95 url(../images/ubicacion.png) 20px 110px no-repeat;
	-webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

	
	
	
	.contacto{
	display:block;
	width: 100%;
	height: 214px;
	
	background: #3A97B1 url(../images/contacto.png) 20px 107px no-repeat;
	-webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.contacto:hover{
	display:block;
	width: 100%;
	height: 214px;
	
	background: #317E95 url(../images/contacto.png) 20px 110px no-repeat;
	-webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}





.videoteca{
	display:block;
	width: 100%;
	height: 186px;
	
	background: #286578 url(../images/videoteca.png) 20px 77px no-repeat;
	-webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.videoteca:hover{
	display:block;
	width: 100%;
	height: 186px;
	
	background: #3A97B1 url(../images/videoteca.png) 20px 80px no-repeat;
	-webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

	
	#streaming {
		display:block;
		background: #E4D38F;
		padding: 30px;
	height: auto;}

}


#idioma{
	display: block;
	background: #B8B8BC;
	padding: 5px 10px;
	color: #fff;
	text-decoration: none;
	float: right;
	margin-right: 10px;
	-webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

#idioma:hover{
	display: block;
	background: #E9E9EB;
	padding: 5px 10px;
	color: #999;
	text-decoration: none;
	float: right;
	margin-right: 10px;
	-webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}




#bloques figure {
    margin: 0 auto;
    padding: 0;
    height: 350px;
    position: relative;
    display: block;
    cursor: pointer;
    overflow: hidden;
    border: 0px solid #fff;
	width: 260px;
	margin-top:20px;
}




#bloques figure figcaption {
   
    opacity: 1;
    top: 262px;
	background: transparent;
}

#bloques figure:hover figcaption {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    opacity: 1;
    top: 0px;
	background: rgba(85,123,157,.8) !important;
}




#bloques figcaption {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter: alpha(opacity=0);
    opacity: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 250px;
    
    color: #fff;
    -webkit-transition: all .9s ease;
    -moz-transition: all .9s ease;
    -o-transition: all .9s ease;
    -ms-transition: all .9s ease;
    transition: all .9s ease;
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    -o-transition-delay: .1s;
    -ms-transition-delay: .1s;
    transition-delay: .1s;
}

#bloques figcaption h3 {
	display: block;
	background:url(../images/line.png) center top no-repeat;
	padding: 10px;
    font-family: 'Raleway';
    font-weight: 400;
    color: #203D79 !important;
    padding: 10px 20px;
    margin-bottom: 0;
    position: relative;
    righ: 100%;
    margin-top: 37px;
    font-size: 22px;
    -webkit-transition: all .9s ease;
    -moz-transition: all .9s ease;
    -o-transition: all .9s ease;
    -ms-transition: all .9s ease;
    transition: all .9s ease;
}


#bloques figure:hover figcaption h3{
   color:#fff !important;
	background: rgba(17,122,200,0.8);
	margin-top: 10px;
	margin-bottom: -20px;
}

#bloques figcaption p {
    font-family: 'Raleway';
    padding: 10px 20px;
    margin-bottom: 0;
    margin-top: 20px;
    position: relative;
    left: 100%;
	text-align: left;
    font-size: 17px;
    -webkit-transition: all .9s ease;
    -moz-transition: all .9s ease;
    -o-transition: all .9s ease;
    -ms-transition: all .9s ease;
    transition: all .9s ease;
	color:#fff;
	font-size:15px;
}


#bloques figcaption ul {
    margin-top:10px;
}

#bloques figcaption ul li {
    text-align: left;
}


#bloques figure:hover h3,#bloques figure:hover p {
    left: 0;
}

#bloques figcaption a {
	display: block;
	position: relative;
	width: 80px !important;
    color: #fff;
    border: 1px solid #fff;
    padding: 8px 10px !important;
	font-weight: 500;
   
	text-decoration: none;
	font-size: 14px;
	float: right;
	 -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
	margin-top:0px;
}

#bloques figcaption a:hover {
    color: #fff !important;
    background: rgba(32,61,121,0.5);
	 -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
	 text-decoration: none;
}


#logo_mug{
	display: block;
	background: #fff;
}
#nosotros{
	display: block;
	height: auto;
	background: #A88F2A;
}

#nosotros .col-md-5, #nosotros .col-sm-5{
	padding: 0 !important;
}
.nopadding{
	padding: 0 !important;
}
#nosotrosup{
	display: block;
	background: #BD9F2F;
	color: #fff;
	padding: 30px 40px;
	min-height: 200px;
	height: auto;
	font-size: 110%;
	text-align: justify;
	-webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}



#nosotrosinf{
	display: block;
	background: #A88F2A;
	color: #fff;
	padding: 30px 40px;
	min-height: 212px;
	height: auto;
	font-size: 110%;
	text-align: justify;
	-webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

#nosotrosinf:hover, #nosotrosup:hover{
	display: block;
	background: #23333B;
	-webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
	
}
#textosnosotros{
	display: block;
	width: 85%;
	height: auto;
	font-weight: bold;
	border-bottom: solid 3px #fff;
	padding: 5px 0;
	font-size: 120%;
}

.btn-arrow{
	display: block;
	border: solid 1px #fff;
	padding:6px 5px 5px 70px;
	height: 39px;
	width: 170px;
	background: url(../images/btn-arrow.png) left top no-repeat;
	color:#fff;
	text-decoration: none;
	float: right;
	margin-bottom: -20px;
	
	-webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
	
}

.btn-arrow:hover{
	display: block;
	border: solid 1px #fff;
	padding:6px 5px 5px 20px;
	height: 39px;
	width: 170px;
	background: #476878 url(../images/btn-arrow.png) 101% top no-repeat;
	color:#fff !important;
	text-decoration: none;
	float: right;
	-webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
	
}

.btn-arrow:visited{
	color: #fff !important;
}















.btn-arrow2{
	display: block;
	border: solid 1px #BC9F2E;
	padding:8px 5px 5px 70px;
	height: 39px;
	
	width: 170px;
	background: url(../images/btn-arrow2.png) left top no-repeat;
	color:#BC9F2E;
	text-decoration: none;
	float: right;
	margin-bottom: -20px;
	
	-webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
	
}

.btn-arrow2:hover{
	display: block;
	border: solid 1px #BC9F2E;
	padding:8px 5px 5px 20px;
	height: 39px;
	width: 170px;
	background: #BC9F2E url(../images/btn-arrow.png) 101% top no-repeat;
	color:#fff !important;
	text-decoration: none;
	float: right;
	-webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
	
}

.btn-arrow2:visited{
	
}





#permanentes{
	display: block;
	background: #23333B;
	padding:0px 0px 0px 63px!important;
	margin-bottom: 10px;
	
}
#permanentes h3{
	display: block;
	margin-left:-73px !important;
	padding: 18px 0 18px 73px;
	border-bottom: solid 2px #fff;
	background: #11181C;
	margin-top:-20px;
	
}
#permanentes .moduletable, #temporales .moduletable{
	padding-right: 0px !important;
	padding-bottom: 0px !important;
}
#temporales{
	display: block;
	background: #476878;
	padding:0px 0px 0px 63px!important;
	margin-top: 10px;
	
}
#temporales h3{
	display: block;
	margin-left:-73px !important;
	padding: 18px 0 18px 73px;
	border-bottom: solid 2px #fff;
	background: #395462;
	margin-top:-20px;
	
}
#escaleras{
	display: block;
	height: 655px;
	background: url(../images/escaleras.jpg) 90% top no-repeat fixed;
	background-size: 40% auto;
	
	
}
.contenedostitulos{
	display:block;
	position: relative;
	text-align: center;
	background: url(../images/f-titulos.png) center bottom no-repeat;
padding:30px 0px;
	
	margin-bottom: 40px;
}
/*
.contenedostitulos{
	display:block;
	position: relative;
	text-align: center;
	background: url(../images/f-titulos.png) center bottom no-repeat;
height: 140px;
	
	margin-bottom: 40px;
}*/

.tituloabajo{
	display: block;
	position:relative;
	color:#DEDEDE;
	font-size: 700%;
	font-weight: bold;
	z-index: 1;
}

.tituloabajo2{
	display: block;
	position:relative;
	color:#F2F2F2;
	font-size: 700%;
	font-weight: bold;
	z-index: 1;
}

.tituloabajo3{
	display: block;
	position:relative;
	color:#B49B89;
	font-size: 700%;
	font-weight: bold;
	z-index: 1;
}

.tituloarriba{
	display: block;
	position:relative;
	color:#6C6C6C;
	font-size: 300%;
	top:0px;
	z-index: 2;
	
}
/*
.tituloarriba{
	display: block;
	position:relative;
	color:#6C6C6C;
	font-size: 300%;
	top:-95px;
	z-index: 2;
	
}*/

.contentfotos{
	 display: block;
	width: 400px;
	height: 200px;
	background: #000;
	float: right;
	z-index: 4500000000000000000000000000;
}


.imagen1{
width: 94.3%;
height: 100vh;
	height: 655px;
background: url(../images/lascurain.jpg) right top no-repeat;
right: -3%;
}
.imagen2{
width: 94.3%;
height: 655px;
background: url(../images/vellissima.jpg) right top no-repeat;
right: -3%;
}
.imagen3{
width: 94.3%;
height: 655px;
background: url(../images/adoracion-reyes.jpg) right top no-repeat;
right: -3%;
}
.imagen4{
width: 94.3%;
height: 655px;
background: url(../images/napolitana.jpg) right top no-repeat;
right: -3%;
}
.imagen5{
width: 94.3%;
height: 655px;
background: url(../images/juan-bautista.jpg) right top no-repeat;
right: -3%;
}
.imagen6{
width: 94.3%;
height: 655px;
background: url(../images/minas.jpg) right top no-repeat;
right: -3%;
}
.imagen7{
width: 94.3%;
height: 655px;
background: url(../images/gabinetes1.jpg) right top no-repeat;
right: -3%;
}
.imagen8{
width: 94.3%;
height: 655px;
background: url(../images/gabinetes.jpg) right top no-repeat;
right: -3%;
}
.imagen9{
width: 94.3%;
height: 655px;
background: url(../images/cielo.jpg) right top no-repeat;
right: -3%;
}
.imagen10{
width: 94.3%;
height: 655px;
background: url(../images/pinto.jpg) right top no-repeat;
right: -3%;
}
.imagen12{
width: 94.3%;
height: 655px;
background: url(../images/mariposa.jpg) right top no-repeat;
right: -3%;
}

#aumentarealidad{
	display: block;
	
	background: #E4D38F !important;
	padding:30px 40px 30px 40px !important;
}
#textoaumenta{
	display: block;
	margin-left:40px;
	background: url(../images/separator.png) left 40px no-repeat;
	min-height: 100px;
	height: auto;
	padding:0 0 0 45px !important;
	text-align: justify;
}

#galeria{
	display: block;
	margin-left:0px;
	background: url(../images/separator.png) 10PX 90px no-repeat;
	min-height: 100px;
	height: auto;
	padding:0 0 0 35px !important;
	text-align: justify;
}
#masvideos{
	display: block;
	position: relative;
	padding: 40px !important;
	
}
#slidervideos{
	display: block;
	padding:45px;
	background: #E4D38F;
}
.elementoexperiencia{
	display: block;
	width: 20%;
	height: 200px;
	background: #000000;
}


/* Circular Content Carousel Style */
.ca-container{
	position:relative;
	margin:25px auto 20px auto;
	width:990px;
	height:450px;
}
.ca-wrapper{
	width:100%;
	height:100%;
	position:relative;
}
.ca-item{
	position:relative;
	float:left;
	width:330px;
	height:100%;
	text-align:center;
}
.ca-more{
	position: absolute;
	bottom: 10px;
	right:0px;
	padding:4px 15px;
	font-weight:bold;
	background: #ccbda2;
	text-align:center;
	color: white;
	font-family: "Georgia","Times New Roman",serif;
	font-style:italic;
	text-shadow:1px 1px 1px #897c63;
}
.ca-close{
	position:absolute;
	top:10px;
	right:10px;
	background:#fff url(../images/cross.png) no-repeat center center;
	width:27px;
	height:27px;
	text-indent:-9000px;
	outline:none;
	-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	opacity:0.7;
}
.ca-close:hover{
	opacity:1.0;
}
.ca-item-main{
	padding:20px;
	position:absolute;
	top:5px;
	left:5px;
	right:5px;
	bottom:5px;
	background:#fff;
	overflow:hidden;
	-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	box-shadow:1px 1px 2px rgba(0,0,0,0.2);
}
.ca-icon{
	width:233px;
	height:189px;
	position:relative;
	margin:0 auto;
	background:transparent url(../images/animal1.png) no-repeat center center;
}
.ca-item-2 .ca-icon{
	background-image:url(../images/animal2.png);
}
.ca-item-3 .ca-icon{
	background-image:url(../images/animal3.png);
}
.ca-item-4 .ca-icon{
	background-image:url(../images/animal4.png);
}
.ca-item-5 .ca-icon{
	background-image:url(../images/animal5.png);
}
.ca-item-6 .ca-icon{
	background-image:url(../images/animal6.png);
}
.ca-item-7 .ca-icon{
	background-image:url(../images/animal7.png);
}
.ca-item-8 .ca-icon{
	background-image:url(../images/animal8.png);
}
.ca-item h3{
	font-family: 'Coustard', sans-serif;
	text-transform:uppercase;
	font-size:30px;
	color:#000;
	margin-bottom:20px;
	height:85px;
	text-align:center;
	text-shadow: 0px 1px 1px #e4ebe9;
}
.ca-item h4{
	font-family: "Georgia","Times New Roman",serif;
	font-style:italic;
	font-size:12px;
	text-align:left;
	border-left:10px solid #b0ccc6;
	padding-left:10px;
	line-height:24px;
	margin:10px;
	position:relative;
}
.ca-item h4 span{
	text-indent:40px;
	display:block;
}
.ca-item h4  span.ca-quote{
	color:#f4eee3;
	font-size:100px;
	position:absolute;
	top:20px;
	left:0px;
	text-indent:0px;
}
.ca-content-wrapper{
	background:#b0ccc6;
	position:absolute;
	width:0px; /* expands to width of the wrapper minus 1 element */
	height:440px;
	top:5px;
	text-align:left;
	z-index:10000;
	overflow:hidden;
}
.ca-content{
	width:660px;
	overflow:hidden;
}
.ca-content-text{
	font-size: 14px;
	font-style: italic;
	font-family: "Georgia","Times New Roman",serif;
	margin:10px 20px;
	padding:10px 20px;
	line-height:24px;
}
.ca-content-text p{
	padding-bottom:5px;
}
.ca-content h6{
	margin:25px 20px 0px 35px;
	font-size:32px;
	padding-bottom:5px;
	color:#000;
	font-family: 'Coustard', sans-serif;
	color:#60817a;
	border-bottom:2px solid #99bcb4;
	text-shadow: 1px 1px 1px #99BCB4;
}
.ca-content ul{
	margin:20px 35px;
	height:30px;
}
.ca-content ul li{
	float:left;
	margin:0px 2px;
}
.ca-content ul li a{
	color:#fff;
	background:#000;
	padding:3px 6px;
	font-size:14px;
	font-family: "Georgia","Times New Roman",serif;
	font-style:italic;
}
.ca-content ul li a:hover{
	background:#fff;
	color:#000;
	text-shadow:none;
}
.ca-nav span{
	width:25px;
	height:38px;
	background:transparent url(../images/arrows.png) no-repeat top left;
	position:absolute;
	top:50%;
	margin-top:-19px;
	left:-40px;
	text-indent:-9000px;
	opacity:0.7;
	cursor:pointer;
	z-index:100;
}
.ca-nav span.ca-nav-next{
	background-position:top right;
	left:auto;
	right:-40px;
}
.ca-nav span:hover{
	opacity:1.0;
}


#contactanos{
	background: #363D41;
	color:#fff;
	padding: 20px 20px 20px 40px;
}
/* Circular Content Carousel Style */
html, body{
    height:100vh;
} 

#sidebar-2{
 /* background:#E4D38F;*/
 
}


img#circulo  {
  width: 150px; /*ancho de la imagen*/
  height: 150px; /*alto de la imagen*/
  float: left;
  shape-outside: circle(50%);
  margin-right:10px;
}

.circle { 
     width: 400px;
  height: 400px;
  background-color: ;
  border-radius: 50%;
  float: left;


  border: 20px solid #3EA3BF;
  margin: 30px;
  margin-top:-30px;
  margin-left:-90px;
  -webkit-shape-outside: circle() padding-box;
    shape-outside: circle() padding-box;
  shape-margin:3em;
-webkit-box-shadow: 0px 0px 23px 10px rgba(0,0,0,0.22);
-moz-box-shadow: 0px 0px 23px 10px rgba(0,0,0,0.22);
box-shadow: 0px 0px 23px 10px rgba(0,0,0,0.22);
 
}



.circle2 { 
     width: 400px;
  height: 400px;
  background-color: ;
  border-radius: 50%;
  float: left;


  border: 20px solid #AE9944;
  margin: 30px;
  margin-top:-30px;
  margin-left:-90px;
  -webkit-shape-outside: circle() padding-box;
    shape-outside: circle() padding-box;
  shape-margin:3em;
-webkit-box-shadow: 0px 0px 23px 10px rgba(0,0,0,0.22);
-moz-box-shadow: 0px 0px 23px 10px rgba(0,0,0,0.22);
box-shadow: 0px 0px 23px 10px rgba(0,0,0,0.22);
 
}



#ubicaciontitle{
	display: block;
	background: url(../images/ubicacion-ico.png) top left no-repeat;
	padding: 20px 0 20px 90px;
	font-size: 24px;
	font-weight: bold;
  margin:0 0 20px 50px;
}


#rec-v{
	display: block;
	background: url(../images/360-icon.png) top left no-repeat;
	padding: 20px 0 20px 70px;
	font-size: 24px;
	font-weight: bold;
   margin:0 0 20px 20px;
}

#horario{
	display: block;
	background: url(../images/horario.png) left 7px no-repeat;
	padding: 0px 0 20px 75px;
	font-size: 18px;
	font-weight: bold;
}
#picture{
	display: block;
	background: url(../images/picture.png) left 10px no-repeat;
	padding: 0px 0 20px 75px;
	font-size: 18px;
	font-weight: bold;
}

#conoce{
	display: block;
	background: url(../images/conoce.png) left 10px no-repeat;
	padding: 0px 0 20px 70px;
	font-size: 18px;
	font-weight: bold;
}


.direccionohorarios
{
  background: url(../images/loc-icon.png) left 5px no-repeat;
  display: block; padding: 0 0 0 35px;
  margin-bottom:20px;
}


.telefonohorarios
{
  background: url(../images/tel-icon.png) left 0px no-repeat;
  display: block; padding: 0 0 0 35px;
    margin-bottom:20px;
}

.correohorarios
{
  background: url(../images/email-icon.png) left 0px no-repeat;
  display: block; padding: 0 0 0 35px;
    margin-bottom:20px;
}

.icohorarios
{
  background: url(../images/cal-icon.png) left 0px no-repeat;
  display: block; padding: 0 0 0 35px;
}
.cuadrohorarios
{
 display: block; 
 padding: 0 15px; 
 border-left: 3px solid #fff;
 margin-top:20px; 
}
#mapamug{
	background: #363D41;
	
}

#mapainterno .bt-googlemaps{
  padding-bottom: 72.25%;
}

 @media (min-width:1450px){
   
	/* #mapamug .bt-googlemaps{
 
  max-height:476px !important;
}
*/
	 
			}




.ba-modal .modal-image img {
    background-color: transparent !important;
    margin: 0;
    vertical-align: middle;
    width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}


.ot-minitabs .accordion-inner {
    padding: 0px 15px;
    padding-bottom: 20px;
    width: 100%;
    padding: 0px;
}
.ot-minitabs {
    padding-bottom: 0px;
    padding-top: 0px;
    position: relative;
}


.ot-minitabs ul.nav-tabs li a {
    border: 0px;
    background-image: none;
   
    background-color: #22333B;
  font-weight:bold;
    margin: 0px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

#galeriasder{
  background: #23333B; color: #fff; width: 45%; float: right; margin-right: -60px; margin-top: -40px; height: auto; padding: 50px 25px 20px 25px; font-size: 95%;margin-bottom: -32px;
  
}

#coleccionpic{
  background: #663251; color: #fff; width: 45%; float: right; margin-right: -60px; margin-top: -40px; height: auto; padding: 50px 25px 20px 25px; font-size: 95%;
  
}
#siglolucespic{
  background: #711A24; color: #fff; width: 45%; float: right; margin-right: -60px; margin-top: -40px; height: auto; padding: 50px 25px 20px 25px; font-size: 95%;/*margin-bottom: -60px;*/
  
}
#siglorevoluciones{
  background: #4F543E; color: #fff; width: 45%; float: right; margin-right: -60px; margin-top: -40px; height: auto; padding: 50px 25px 20px 25px; font-size: 95%;/*margin-bottom: -62px;*/
  
}
#minas{
  background: #C6932A; color: #fff; float: right;  margin-top: 0px; height: auto; padding: 30px 25px 30px 25px; font-size: 95%;margin-bottom: 0px;text-align:justify;
  
}

#personal_imprime{
  background: #c8032b; color: #fff; width: 45%; float: right; margin-right: -60px; margin-top: -40px; height: auto; padding: 50px 25px 20px 25px; font-size: 95%;/*margin-bottom: -62px;*/
  
}


#gabinetes{
  float: right;  margin-top: 0px; height: auto; padding: 0px 0px 30px 0px; font-size: 95%;margin-bottom: 0px;text-align:justify;
  
}

#colpictext .ot-minitabs ul.nav-tabs li a {
    border: 0px;
    background-image: none;
    background-color: #663251;
    font-weight: bold;
    margin: 0px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}


@media (max-width:1000px){
	 #galeriasder{
  background: #23333B; color: #fff; width: 100%; float: right; margin-right: 0px; margin-top: 20px; height: auto; padding: 20px 25px; font-size: 95%;
  
}
	#coleccionpic{
  background: #663251; color: #fff; width: 100%; float: right; margin-right: 0px; margin-top: 20px; height: auto; padding: 20px 25px; font-size: 95%;
  
}
	#siglolucespic{
  background: #711A24; color: #fff; width: 100%; float: right; margin-right: 0px; margin-top: 20px; height: auto; padding: 20px 25px; font-size: 95%;
  
}
	#siglorevoluciones{
  background: #4F543E; color: #fff; width: 100%; float: right; margin-right: 0px; margin-top: 20px; height: auto; padding: 20px 25px; font-size: 95%;
  
}
	
		#minas{
  background: #C6932A; color: #fff; width: 100%; float: right; margin-right: 0px; margin-top: 20px; height: auto; padding: 20px 25px; font-size: 95%;
  
}
	
			#gabinetes{
  color: #fff; width: 100%; float: right; margin-right: 0px; margin-top: 20px; height: auto; padding: 20px 25px; font-size: 95%;
  
}
  
.item-page {
    margin-top: 40px;
    margin-bottom: 60px;
    padding: 0 10px 0 10px;
}
  

  
}

@media (max-width:1000px){
 #info1,#escaleras{
    display:none;
  }

#textoaumenta {
    display: block;
    margin-left: 0px;
    background: none;
    min-height: 100px;
    height: auto;
    padding: 25px 15px 0 15px !important;
    text-align: justify;
}

}




@media (max-width:800px){


.tituloabajo{
	display: block;
	position:relative;
	color:#DEDEDE;
	font-size: 500%;
	font-weight: bold;
	z-index: 1;
}

.tituloabajo2{
	display: block;
	position:relative;
	color:#F2F2F2;
	font-size: 500%;
	font-weight: bold;
	z-index: 1;
}

.tituloabajo3{
	display: block;
	position:relative;
	color:#B49B89;
	font-size: 500%;
	font-weight: bold;
	z-index: 1;
}

.tituloarriba{
	display: block;
	position:relative;
	color:#6C6C6C;
	font-size: 200%;
	top:0px;
	z-index: 2;
	
}
	/*
	.tituloarriba{
	display: block;
	position:relative;
	color:#6C6C6C;
	font-size: 200%;
	top:-65px;
	z-index: 2;
	
}*/

  #direccion{
	/*background: url(../images/f-direccion.png) center top repeat-y;*/
background: #fff url(../images/bg-page5.jpg) center top fixed no-repeat;
	background-size: cover;
	padding-bottom: 0px;
	padding-top:50px;
	margin-top:0px;
	padding-bottom: 20px;
	min-height: 200px;

}


}



@media (max-width:1195px){	
  .dj-megamenu-default{
	  margin-left:10px !important;
	  width:100%;
  
  }
 
}

#nosotros img{
padding-top:0px;
  margin:0px;
 padding-bottom: 0%;}


	.redon{
	-webkit-border-top-right-radius: 21px; -webkit-border-bottom-right-radius: 21px; -moz-border-radius-topright: 21px; -moz-border-radius-bottomright: 21px; border-top-right-radius: 21px; border-bottom-right-radius: 21px;
		
		
	
		
	}

@media (max-width:600px){


.tituloabajo{
	display: block;
	position:relative;
	color:#DEDEDE;
	font-size: 400%;
	font-weight: bold;
	z-index: 1;
}

.tituloabajo2{
	display: block;
	position:relative;
	color:#F2F2F2;
	font-size: 400%;
	font-weight: bold;
	z-index: 1;
}

.tituloabajo3{
	display: block;
	position:relative;
	color:#B49B89;
	font-size: 400%;
	font-weight: bold;
	z-index: 1;
}

.tituloarriba{
	display: block;
	position:relative;
	color:#6C6C6C;
	font-size: 180%;
	top:0px;
	z-index: 2;
	
  }
	
	/*
	.tituloarriba{
	display: block;
	position:relative;
	color:#6C6C6C;
	font-size: 180%;
	top:-55px;
	z-index: 2;
	
  }
	*/
	
	.disab{
		display:none;
		visibility: hidden;
	}
	
	.redon{
	
		
		
		-webkit-border-radius: 21px;
-moz-border-radius: 21px;
border-radius: 21px;
		width: 100% !important;
		
	}

}

#logo_mug{
	-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
	-webkit-box-shadow: 13px 25px 23px -2px rgba(0,0,0,0.45);
-moz-box-shadow: 13px 25px 23px -2px rgba(0,0,0,0.45);
box-shadow: 13px 25px 23px -2px rgba(0,0,0,0.45);
	padding-bottom:15px;
}




#imgfiles img{width: 93%;
height: auto;}

.baseline{
	text-align: justify;
	padding-top:10px;
	padding-bottom:10px;
	background: url(../images/baseline.png) left bottom no-repeat;
	
}

.descficha{
	
	min-height:165px;
	height:auto;
	background: #C6932A; 
	color: #fff; 
	padding: 10px 20px 10px 20px;
	 -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.descficha:hover{
	min-height:165px;
	height:auto;
	background: #DBAE53; 
	color: #fff; 
	padding: 10px 20px 10px 20px;
	 -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}








.descficha2{
	
	min-height:165px;
	height:auto;
	background: #273438; 
	color: #fff; 
	padding: 10px 20px 10px 20px;
	 -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.descficha2:hover{
	min-height:165px;
	height:auto;
	background: #465E64; 
	color: #fff; 
	padding: 10px 20px 10px 20px;
	 -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.descficha3{
	
	min-height:165px;
	height:auto;
	background: #D8D9CA; 
	color: #38526B; 
	padding: 10px 20px 10px 20px;
	 -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.descficha3:hover{
	min-height:165px;
	height:auto;
	background: #CECFBC; 
	color: #38526B; 
	padding: 10px 20px 10px 20px;
	 -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}






#quees{
	display:block;padding:20px;color:#fff;background:#C6932A;margin-bottom:30px;
	 -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
#quees:hover{
	display:block;padding:20px;color:#fff;background: #DBAE53;margin-bottom:30px;
	 -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}




#cielotierra{
	display:block;padding:20px;color:#fff;background:#273438;margin-bottom:30px;
	
	 -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
#cielotierra:hover{
	display:block;color:#fff;background: #465E64;margin-bottom:30px;
	
	-webkit-box-shadow: 0px 0px 20px -1px rgba(0,0,0,0.57);
-moz-box-shadow: 0px 0px 20px -1px rgba(0,0,0,0.57);
box-shadow: 0px 0px 20px -1px rgba(0,0,0,0.57);
	
	 -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}




#james{
	display:block;padding:40px;color:#000;background:#B5B1A8;margin-bottom:30px;
	 -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
#james:hover{
	display:block;padding:40px;color:#000;background:#BFBCB5;margin-bottom:30px;
	 -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}





#insectos{
	display:block;padding:40px;color:#fff;background:#4F543E;margin-bottom:30px;
	 -webkit-transition: all .6s ease-in-out;
  -moz-transition: all .6s ease-in-out;
  -o-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;
}
#insectos:hover{
	display:block;padding:40px;color:#000;background:#838B67;margin-bottom:30px;
	 -webkit-transition: all .6s ease-in-out;
  -moz-transition: all .6s ease-in-out;
  -o-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;
   -webkit-box-shadow: 0px 0px 22px -5px rgba(0,0,0,0.42);
-moz-box-shadow: 0px 0px 22px -5px rgba(0,0,0,0.42);
box-shadow: 0px 0px 22px -5px rgba(0,0,0,0.42);
}



#lerma{
	display:block;padding:40px;color:#fff;background:#B82A1D;margin-bottom:30px;
	 -webkit-transition: all .6s ease-in-out;
  -moz-transition: all .6s ease-in-out;
  -o-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;
}
#lerma:hover{
	display:block;padding:40px;background:#E04538;margin-bottom:30px;
	 -webkit-transition: all .6s ease-in-out;
  -moz-transition: all .6s ease-in-out;
  -o-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;
   -webkit-box-shadow: 0px 0px 22px -5px rgba(0,0,0,0.42);
-moz-box-shadow: 0px 0px 22px -5px rgba(0,0,0,0.42);
box-shadow: 0px 0px 22px -5px rgba(0,0,0,0.42);
}



#insectosdesc{
	
	 -webkit-transition: all .6s ease-in-out;
  -moz-transition: all .6s ease-in-out;
  -o-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;
 
}

#insectosdesc:hover{
	display:block;padding:40px;background:rgba(131,139,103,0.7);
	 -webkit-transition: all .6s ease-in-out;
  -moz-transition: all .6s ease-in-out;
  -o-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;
  -webkit-box-shadow: 0px 0px 22px -5px rgba(0,0,0,0.42);
-moz-box-shadow: 0px 0px 22px -5px rgba(0,0,0,0.42);
box-shadow: 0px 0px 22px -5px rgba(0,0,0,0.42);
}




#lermadesc{
	
	 -webkit-transition: all .6s ease-in-out;
  -moz-transition: all .6s ease-in-out;
  -o-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;
 
}

#lermadesc:hover{
	display:block;padding:0px 20px 20px 20px;background:#E04538;
  margin-bottom:-20px !important;
	 -webkit-transition: all .6s ease-in-out;
  -moz-transition: all .6s ease-in-out;
  -o-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;
  -webkit-box-shadow: 0px 0px 22px -5px rgba(0,0,0,0.42);
-moz-box-shadow: 0px 0px 22px -5px rgba(0,0,0,0.42);
box-shadow: 0px 0px 22px -5px rgba(0,0,0,0.42);
}







.embed-container {
    position: relative;
    padding-bottom: 92.25%;
    height: 0;
    overflow: hidden;
}
.embed-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 130%;
    height: 100%;
}




.embed-container {
    position: relative;
    height: 0;
    overflow: hidden;
}
.16by9 {
    padding-bottom: 56.25%;
}
.4by3 {
    padding-bottom: 75%;
}
.embed-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}


@media screen and (min-width: 1400px) and (max-width:3000px) 
  
  {
	
	
	.embed-container {
		
    position: relative;
    padding-bottom: 70.25% !important;
    height: 0;
    overflow: hidden;
}
.embed-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

}


@media (max-width:1200px){
	
	
	.embed-container {
		
    position: relative;
    padding-bottom: 122.25% !important;
    height: 0;
    overflow: hidden;
}
.embed-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}




.embed-container {
    position: relative;
    height: 0;
    overflow: hidden;
}

	
	
}




@media (max-width:900px){
	
	
	.embed-container {
		
    position: relative;
    padding-bottom: 150.25% !important;
    height: 0;
    overflow: hidden;
}
.embed-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}




.embed-container {
    position: relative;
    height: 0;
    overflow: hidden;
}

	
	
}




@media (max-width:800px){
	
	
	.embed-container {
		
    position: relative;
    padding-bottom: 220.25% !important;
    height: 0;
    overflow: hidden;
}
.embed-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}




.embed-container {
    position: relative;
    height: 0;
    overflow: hidden;
}

	
	
}



@media (max-width:700px){
	
	
	.embed-container {
		
    position: relative;
    padding-bottom: 290.25% !important;
    height: 0;
    overflow: hidden;
}
.embed-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}




.embed-container {
    position: relative;
    height: 0;
    overflow: hidden;
}

	
	
}


@media (max-width:600px){
	
	
	.embed-container {
		
    position: relative;
    padding-bottom: 330.25% !important;
    height: 0;
    overflow: hidden;
}
.embed-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}




.embed-container {
    position: relative;
    height: 0;
    overflow: hidden;
}

	
	
}


@media (max-width:500px){
	
	
	.embed-container {
		
    position: relative;
    padding-bottom: 390.25% !important;
    height: 0;
    overflow: hidden;
}
.embed-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}




.embed-container {
    position: relative;
    height: 0;
    overflow: hidden;
}

	
	
}




@media (max-width:400px){
	
	
	.embed-container {
		
    position: relative;
    padding-bottom: 550.25% !important;
    height: 0;
    overflow: hidden;
}
.embed-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}




.embed-container {
    position: relative;
    height: 0;
    overflow: hidden;
}

	
	
}