/*
    Theme Name: Moderna
    Theme URL: https://bootstrapmade.com/free-bootstrap-template-corporate-moderna/
    Author: BootstrapMade
    Author URL: https://bootstrapmade.com
*/

/* ==== Google font ==== */

@import url('https://fonts.googleapis.com/css?family=Noto+Serif:400,400italic,700|Open+Sans:300,400,600,700');

/* === prettify === */

@import url('../js/google-code-prettify/prettify.css');
/* === fontawesome === */

@import url('font-awesome.css');
/* === custom icon === */

@import url('custom-fonts.css');
/* ==== overwrite bootstrap standard ==== */

@import url('overwrite.css');
@import url('animate.css');

/* ===================================
1. General
==================================== */

body {	font-family: 'Open Sans', Arial, sans-serif;	font-size: 18px;	font-weight: 300;	line-height: 1.6em;	color: #333333; transition: all 0.5s;}
a:active, a:focus {	outline: 0; text-decoration: none;}
.clear {	clear: both;}
h1,h2,h3,h4,h5,h6 {	font-family: 'Open Sans', Arial, sans-serif;	font-weight: 700;	line-height: 1.1em;	color: #333;	margin-bottom: 20px; font-size: 18px;}

/* ===================================
2. layout
==================================== */

.container {	padding: 0 20px 0 20px;	position: relative;}
#wrapper {	width: 100%;	margin: 120px 0 0 0;	padding: 0; min-height: 1vh;}
/* .row,.row-fluid {	margin-bottom: 30px; } */
.row .row,.row-fluid .row-fluid {	margin-bottom: 30px;}
.row.nomargin,.row-fluid.nomargin {	margin-bottom: 0;}

/* ===================================
3. Responsive media
==================================== */

.video-container,.map-container,.embed-container {	position: relative;	margin: 0 0 15px 0;	padding-bottom: 51%;	padding-top: 30px;	height: 0;	overflow: hidden;	border: none;}
.embed-container iframe,.embed-container object,.embed-container embed,.video-container iframe,.map-container iframe,.map-container object,.map-container embed,.video-container object,.video-container embed {
	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;}
iframe {	border: none;}
img.img-polaroid {	margin: 0 0 20px 0;}
.img-box {	max-width: 100%;}

/* ===================================
4. Header
==================================== */

/* --- header -- */

header .navbar {	margin-bottom: 0;}
.navbar-default {	border: none;}
.navbar-brand { margin: 8px 0 2px 0px;	padding: 10px; z-index: 999; height: auto; width: 100%; transition: all 0.5s;}

header .navbar-collapse ul.navbar-nav {	/*float: right; margin-left: 20px;*/ margin-right: 0;}
header .navbar-default {	background-color: #fff;}
header .nav li a:hover,
header .nav li a:focus,
header .nav li.active a,
header .nav li.active a:hover,
header .nav li a.dropdown-toggle:hover,
header .nav li a.dropdown-toggle:focus,
header .nav li.active ul.dropdown-menu li a:hover,
header .nav li.active ul.dropdown-menu li.active a {	-webkit-transition: all .3s ease;	-moz-transition: all .3s ease;	-ms-transition: all .3s ease;	-o-transition: all .3s ease;	transition: all .3s ease;}
header .navbar-default .navbar-nav>.open>a,header .navbar-default .navbar-nav>.open>a:hover,header .navbar-default .navbar-nav>.open>a:focus {	-webkit-transition: all .3s ease;	-moz-transition: all .3s ease;	-ms-transition: all .3s ease;	-o-transition: all .3s ease;	transition: all .3s ease;}
/*header .navbar {min-height: 100px; }*/
/*header .navbar-nav>li {	padding-bottom: 30px;	padding-top: 30px;}*/
header .navbar-nav>li>a {	padding-bottom: 6px;	padding-top: 5px;	margin-left: 2px;	line-height: 30px;	font-weight: 700;	-webkit-transition: all .3s ease;	-moz-transition: all .3s ease;	-ms-transition: all .3s ease;	-o-transition: all .3s ease;	transition: all .3s ease;}
.dropdown-menu li a:hover {	color: #fff !important;}
header .nav .caret {	border-bottom-color: #f5f5f5;	border-top-color: #f5f5f5;}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus {	background-color: #fff;}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus {	background-color: #fff;}
.dropdown-menu {	box-shadow: none;	border-radius: 0;	border: none;}
.dropdown-menu li:last-child {	padding-bottom: 0 !important;	margin-bottom: 0;}
header .nav li .dropdown-menu {	padding: 0;}
header .nav li .dropdown-menu li a {	line-height: 28px;	padding: 3px 12px;}

/* --- menu --- */

header .navigation {	float: right;}
header ul.nav li {	border: none;	margin: 0;}
header ul.nav li a {	font-size: 12px;	border: none;	font-weight: 700;}
header ul.nav li ul li a {	font-size: 12px;	border: none;	font-weight: 300;	text-transform: uppercase;}
.navbar .nav>li>a {	color: #353375;	text-shadow: none; padding: 8px 12px 2px 12px;}
.navbar .nav a:hover {	background-color: #353375 !important;}
.navbar .nav>.active>a,.navbar .nav>.active>a:hover {	background-color: #353375; padding: 8px 12px 2px 12px;	font-weight: 700;}
.navbar .nav>.active>a:active,.navbar .nav>.active>a:focus {background-color: #353375;	outline: 0;	font-weight: 700;}
.navbar .nav li .dropdown-menu {	z-index: 2000;}
header ul.nav li ul {	margin-top: 1px;}
header ul.nav li ul li ul {	margin: 1px 0 0 1px;}
.dropdown-menu .dropdown i {	position: absolute;	right: 0;	margin-top: 3px;	padding-left: 20px;}
.navbar .nav>li>.dropdown-menu:before {	display: inline-block;	border-right: none;	border-bottom: none;	border-left: none;	border-bottom-color: none;	content: none;}
ul.nav li.dropdown a {	z-index: 1000;	display: block;}
select.selectmenu {	display: none;}

/* ===================================
5. Section: Featured
==================================== */

#featured {	width: 100%;	background: #fcfcfc;	position: relative;	margin: 0;	padding: 0;}

/* ===================================
6. Sliders
==================================== */

/* --- flexslider --- */

#featured .flexslider {	padding: 0;	margin: 0 0 30px 0;	background: #fff;	position: relative;	zoom: 1;}
.flex-caption {	background: none;	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000);	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000);	zoom: 1;}
.flex-caption {	bottom: 35px;	background-color: rgba(0, 0, 0, 0.8);	color: #fff;	margin: 0;	padding: 25px 25px 25px 30px;	position: absolute;	right: 45px;	width: 295px;}
.flex-caption h3 {	color: #fff;	letter-spacing: 1px;	margin-bottom: 8px;	text-transform: uppercase;}
.flex-caption p {	margin: 0 0 15px;}

/* ===================================
7. Section: call action
==================================== */

section.callaction {	background: #f9f9f9;	padding: 50px 0 0 0;}

/* ===================================
8. Section: Content
==================================== */

#content {	position: relative;	background: #fff;	padding: 50px 0 100px 0;}
#content img {	max-width: 100%;	height: auto;}

/* --- Call to action --- */

.cta-text {	text-align: center;	margin-top: 10px;}
.big-cta .cta {	margin-top: 10px;}

/* --- box --- */

.box {	width: 100%;}
.box-gray {background: #f8f8f8;	padding: 20px 20px 30px;}
.box-gray h4,.box-gray i {	margin-bottom: 20px;}
.box-bottom {	padding: 20px 0;	text-align: center;}
.box-bottom a {	color: #fff;	font-weight: 700;}
.box-bottom a:hover {	color: #eee;	text-decoration: none;}

/* ===================================
9. Section: Bottom
==================================== */

#bottom {	background: #fcfcfc;	padding: 50px 0 0;}

/* twitter */

#twitter-wrapper {	text-align: center;	width: 70%;	margin: 0 auto;}
#twitter em {	font-style: normal;	font-size: 13px;}
#twitter em.twitterTime a {	font-weight: 600;}
#twitter ul {	padding: 0;	list-style: none;}
#twitter ul li {	font-size: 20px;	line-height: 1.6em;	font-weight: 300;	margin-bottom: 20px;	position: relative;	word-break: break-word;}

/* ===================================
10. Inner - Section: page headline
==================================== */

#inner-headline {	background: #353375;	position: relative;	margin: 0;	padding: 0;	color: #fefefe;	z-index:100; min-height: 36px;}
#inner-headline .inner-heading h2 {	color: #fff;	margin: 20px 0 0 0;}

/* --- breadcrumbs --- */

#inner-headline ul.breadcrumb {	margin-top: 8px;	float: left;}
#inner-headline ul.breadcrumb li {	margin-bottom: 0;	padding-bottom: 0;}
#inner-headline ul.breadcrumb li {	font-size: 13px;	color: #fff;}
#inner-headline ul.breadcrumb li i {	color: #dedede;}
#inner-headline ul.breadcrumb li a {	color: #fff; padding:5px; margin-right: 10px; font-weight: bold; transition: all 0.5s}
ul.breadcrumb li a:hover {	text-decoration: none; color: #68A4C4 !important;}
ul.breadcrumb li a.active {	text-decoration: none; color: #68A4C4 !important;}

/* ============================
11. Forms
============================= */

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

form#contactform input[type="text"] {	width: 100%;	border: 1px solid #f5f5f5;	min-height: 40px;	padding-left: 20px;	font-size: 13px;	padding-right: 20px;	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;	box-sizing: border-box;}
form#contactform textarea {	border: 1px solid #f5f5f5;	width: 100%;	padding-left: 20px;	padding-top: 10px;	font-size: 13px;	padding-right: 20px;	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;	box-sizing: border-box;}
form#contactform .validation {	font-size: 11px;}
.validation {	color: red;	display: none;	margin: 0 0 20px;	font-weight: 400;	font-size: 13px;}
#sendmessage {	color: green;	border: 1px solid green;	display: none;	text-align: center;	padding: 15px;	font-weight: 600;	margin-bottom: 15px;}
#errormessage {	color: red;	display: none;	border: 1px solid red;	text-align: center;	padding: 15px;	font-weight: 600;	margin-bottom: 15px;}
#sendmessage.show,#errormessage.show,.show {	display: block;}
/* --- comment form ---- */
form#commentform input[type="text"] {	width: 100%;	min-height: 40px;	padding-left: 20px;	font-size: 13px;	padding-right: 20px;	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;	box-sizing: border-box;	-webkit-border-radius: 2px 2px 2px 2px;	-moz-border-radius: 2px 2px 2px 2px;	border-radius: 2px 2px 2px 2px;}
form#commentform textarea {	width: 100%;	padding-left: 20px;	padding-top: 10px;	font-size: 13px;	padding-right: 20px;	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;	box-sizing: border-box;	-webkit-border-radius: 2px 2px 2px 2px;	-moz-border-radius: 2px 2px 2px 2px;	border-radius: 2px 2px 2px 2px;}
/* --- search form --- */
.search {	float: right;	margin: 35px 0 0;	padding-bottom: 0;}
#inner-headline form.input-append {	margin: 0;	padding: 0;}

/* ===============================
12. Portfolio
================================ */

.work-nav #filters {	margin: 0;	padding: 0;	list-style: none;}
.work-nav #filters li {	margin: 0 10px 30px 0;	padding: 0;	float: left;}
.work-nav #filters li a {	color: #7F8289;	font-size: 18px;	display: block;}
/*.work-nav #filters li a:hover {}*/
.work-nav #filters li a.selected {	color: #DE5E60;}
#thumbs {	margin: 0;	padding: 0;}
#thumbs li {	list-style-type: none;}
.item-thumbs {	position: relative;	overflow: hidden;	margin-bottom: 30px;	cursor: pointer;}
.item-thumbs a+img {	width: 100%;}
.item-thumbs .hover-wrap {	position: absolute;	display: block;	width: 100%;	height: 100%;	opacity: 0;	filter: alpha(opacity=0);
	-webkit-transition: all 450ms ease-out 0s;
	-moz-transition: all 450ms ease-out 0s;
	-o-transition: all 450ms ease-out 0s;
	transition: all 450ms ease-out 0s;

	-webkit-transform: rotateY(180deg) scale(0.5, 0.5);
	-moz-transform: rotateY(180deg) scale(0.5, 0.5);
	-ms-transform: rotateY(180deg) scale(0.5, 0.5);
	-o-transform: rotateY(180deg) scale(0.5, 0.5);
	transform: rotateY(180deg) scale(0.5, 0.5);
}

.item-thumbs:hover .hover-wrap,.item-thumbs.active .hover-wrap {
	opacity: 1;
	filter: alpha(opacity=100);

	-webkit-transform: rotateY(0deg) scale(1, 1);
	-moz-transform: rotateY(0deg) scale(1, 1);
	-ms-transform: rotateY(0deg) scale(1, 1);
	-o-transform: rotateY(0deg) scale(1, 1);
	transform: rotateY(0deg) scale(1, 1);
}

.item-thumbs .hover-wrap .overlay-img {	position: absolute;	width: 50%;	height: 100%;	opacity: 0.80;	filter: alpha(opacity=80);	background: #000;}
.item-thumbs .hover-wrap .overlay-img-thumb {	position: absolute;	border-radius: 60px;	top: 50%;	left: 50%;	margin: -18px 0 0 -18px;	color: #fff;	font-size: 32px;	line-height: 1em;	opacity: 1;	filter: alpha(opacity=100);}

/* --- Portolio filter --- */
ul.portfolio-categ {	margin: 10px 0 30px 0;	padding: 0;	float: left;	list-style: none;}
ul.portfolio-categ li {	margin: 0;	padding: 0 20px 0 0;	float: left;	list-style: none;	font-size: 13px;	font-weight: 600;}
ul.portfolio-categ li a {	display: block;	padding: 35px 0 35px 0;	color: #353535;}
ul.portfolio-categ li.active a:hover,ul.portfolio-categ li a:hover,ul.portfolio-categ li a:focus,ul.portfolio-categ li a:active {	text-decoration: none;	outline: 0;}
/* --- portfolio detail --- */
.top-wrapper {	margin-bottom: 20px;}
/* ===============================
13. Elements
================================ */

/* --- blockquote --- */

blockquote {	font-size: 18px;	font-weight: 400;	font-family: 'Noto Serif', serif;	font-style: italic;	padding-left: 0;	color: #a2a2a2;	line-height: 1.6em;	border: none;}
blockquote cite {	display: block;	font-size: 12px;	color: #666;	margin-top: 10px;}
blockquote cite:before {	content: "\2014 \0020";}
blockquote cite a,blockquote cite a:visited,blockquote cite a:visited {	color: #555;}
/* --- pullquotes --- */
.pullquote-left {	display: block;	color: #a2a2a2;	font-family: 'Noto Serif', serif;	font-size: 14px;	line-height: 1.6em;	padding-left: 20px;}
.pullquote-right {	display: block;	color: #a2a2a2;	font-family: 'Noto Serif', serif;	font-size: 14px;	line-height: 1.6em;	padding-right: 20px;}
/* --- button --- */

.btn-theme {	color: #fff;}
.btn-theme:hover {	color: #eee;}

/* --- list style --- */

ul.general {	list-style: none;	margin-left: 0;}
ul.link-list {	margin: 0;	padding: 0;	list-style: none;}
ul.link-list li {	margin: 0;	padding: 0 0 2px 0;	list-style: none;}
footer ul.link-list li a {	color: #606062;}
footer ul.link-list li a:hover {	color: #606062;}

/* --- Heading style --- */

h4.heading {	font-weight: 700;}
.heading {	margin-bottom: 30px;}
.heading {	position: relative;}
.widgetheading {	width: 100%;	padding: 0;}
#bottom .widgetheading {	position: relative;	border-bottom: #e6e6e6 1px solid;	padding-bottom: 9px;}
aside .widgetheading {	position: relative;	border-bottom: #e9e9e9 1px solid;	padding-bottom: 9px;}
footer .widgetheading {	position: relative;}
footer .widget .social-network {	position: relative;}
#bottom .widget .widgetheading span,aside .widget .widgetheading span,footer .widget .widgetheading span {	position: absolute;	width: 60px;	height: 1px;	bottom: -1px;	right: 0;}

/* --- Map --- */
.map {	position: relative;	margin-top: -50px;	margin-bottom: 40px;}
/* google map */
#google-map {	position: relative;	height: 450px;}
/* --- our team --- */
ul.team-detail {	margin: -10px 0 0 0;	padding: 0;	list-style: none;}
ul.team-detail li {	border-bottom: 1px dotted #e9e9e9;	margin: 0 0 15px 0;	padding: 0 0 15px 0;	list-style: none;}
ul.team-detail li label {	font-size: 13px;}
ul.team-detail li h4,ul.team-detail li label {	margin-bottom: 0;}
ul.team-detail li ul.social-network {	border: none;	margin: 0;	padding: 0;}
ul.team-detail li ul.social-network li {	border: none;	margin: 0;}
ul.team-detail li ul.social-network li i {	margin: 0;}
/* --- Pricing box --- */
.pricing-title {	background: #fff;	text-align: center;	padding: 10px 0 10px 0;}
.pricing-title h3 {	font-weight: 600;	margin-bottom: 0;}
.pricing-offer {	background: #fcfcfc;	text-align: center;	padding: 40px 0 40px 0;	font-size: 18px;	border-top: 1px solid #e6e6e6;	border-bottom: 1px solid #e6e6e6;}
.pricing-box.special .pricing-offer {	color: #fff;}
.pricing-offer strong {	font-size: 78px;	line-height: 89px;}
.pricing-offer sup {	font-size: 28px;}
.pricing-content {	background: #fff;	text-align: center;	font-size: 14px;}
.pricing-content strong {	color: #353535;}
.pricing-content ul {	list-style: none;	padding: 0;	margin: 0;}
.pricing-content ul li {	border-bottom: 1px solid #e9e9e9;	list-style: none;	padding: 15px 0 15px 0;	margin: 0 0 0 0;	color: #888;}
.pricing-action {	margin: 0;	background: #fcfcfc;	text-align: center;	padding: 20px 0 30px 0;}
.pricing-wrapp {	margin: 0 auto;	width: 100%;	background: #fd0000;}
/* --- pricing box alt 1 --- */
.pricing-box-alt {	border: 1px solid #e6e6e6;	background: #fcfcfc;	position: relative;	margin: 0 0 20px 0;	padding: 0;	-webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.03);	-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.03);	box-shadow: 0 2px 0 rgba(0, 0, 0, 0.03);	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;	box-sizing: border-box;}
.pricing-box-alt .pricing-heading {	background: #fcfcfc;	text-align: center;	padding: 40px 0 0px 0;	display: block;}
.pricing-box-alt.special .pricing-heading {	background: #fcfcfc;	text-align: center;	padding: 40px 0 1px 0;	border-bottom: none;	display: block;	color: #fff;}
.pricing-box-alt.special .pricing-heading h3 {	color: #fff;}
.pricing-box-alt .pricing-heading h3 strong {	font-size: 32px;	font-weight: 700;letter-spacing: -1px;}
.pricing-box-alt .pricing-heading h3 {	font-size: 32px;	font-weight: 300;	letter-spacing: -1px;}
.pricing-box-alt .pricing-terms {	text-align: center;	background: #333;	display: block;	overflow: hidden;	padding: 30px 0 20px;}
.pricing-box-alt .pricing-terms h6 {	font-style: italic;	margin-top: 10px;	color: #fff;	font-family: 'Noto Serif', serif;}
.pricing-box-alt .icon .price-circled {	margin: 10px 10px 10px 0;	display: inline-block !important;	text-align: center !important;	color: #fff;	width: 68px;	height: 68px;	padding: 12px;	font-size: 18px;	font-weight: 700;	line-height: 68px;	text-shadow: none;	cursor: pointer;	background-color: #888;	border-radius: 64px;	-moz-border-radius: 64px;	-webkit-border-radius: 64px;}
.pricing-box-alt .pricing-action {	margin: 0;	text-align: center;	padding: 30px 0 30px 0;}

/* ===============================
14. Blog & article
================================ */

article {	margin-bottom: 40px;}
article .post-heading h3 {	margin-bottom: 20px;}
article .post-heading h3 a {font-weight: 700;	color: #353535;}
article .post-heading h3 a:hover {	text-decoration: none;}
/* --- post meta --- */
.post-meta {	background: #fcfcfc;	border: 1px solid #e6e6e6;	border-top: none;	text-align: center;}
.post-meta .format {	border-bottom: 1px solid #e6e6e6;	padding: 10px 0 10px;}
.post-meta i {	margin: 0;}
.post-meta .date {	border-bottom: 1px solid #e6e6e6;	padding: 10px 0 10px;}
.post-meta .date span {	text-align: center;	color: #999;	font-size: 12px;	font-weight: 600;}
.post-meta .comments {	padding: 10px 0 10px;}
.post-meta .comments a {	color: #999;	font-size: 12px;	font-weight: 700;}
.post-meta .comments a:hover {	text-decoration: none;}

/* --- post format --- */

.post-image {	margin-bottom: 20px;}
.post-quote {	margin-bottom: 20px;}
.post-video {	margin-bottom: 20px;}
.post-audio {	margin-bottom: 20px;}
.post-link {	margin-bottom: 20px;}
.post-slider {	margin-bottom: 20px;}
.post-quote blockquote {	font-size: 18px;	color: #999;	font-family: 'Noto Serif', serif;	font-style: italic;	line-height: 1.6em;}
.post-image img:hover {	-webkit-box-shadow: 0 0 2px #979797;	-moz-box-shadow: 0 0 2px #979797;	box-shadow: 0 0 2px #979797;	-webkit-transition: all 1s ease-in-out;	-moz-transition: all 1s ease-in-out;	-o-transition: all 1s ease-in-out;	transition: all 1s ease-in-out;}
ul.meta-post {	float: left;	margin: 0;	padding: 0;	list-style: none;}
ul.meta-post li {	float: left;	margin: 0 10px 0 0;	padding: 0;	list-style: none;	border-right: 1px dotted #e9e9e9;	padding-right: 10px;}
ul.meta-post li i {	float: left;	font-size: 12px;	margin: 2px 5px 0 0;}
ul.meta-post li a {	color: #999;	float: left;	font-size: 12px;	font-weight: 600;}
/* --- single post --- */
.bottom-article {	overflow: hidden;	border-top: 1px solid #f5f5f5;	border-bottom: 1px solid #f5f5f5;	padding: 10px 0 10px 0;	margin-top: 20px;}
/* --- author info --- */
.about-author {	border: 1px solid #f5f5f5;	padding: 20px;	float: left;	margin-bottom: 5px;}
.about-author h5 {	margin-bottom: 10px;}
/* --- Comment --- */
.comment-area {	float: left;	width: 100%;	margin-top: 30px;}
.media-content {	overflow: hidden;	margin-left: 12px;	border-bottom: 1px dotted #d5d5d5;	padding-bottom: 20px;}
.media-content h6 {	font-size: 14px;	font-weight: 700;}
.media-content span {	color: #a9a9a9;	font-size: 14px;	font-weight: 300;}
.comment-area .thumbnail>img {	display: block;	width: 60px;	height: 60px;}
.filter-list {	margin-top: 20px;}

/* --- pagination --- */

#pagination a,#pagination span {	display: block;	float: left;	margin: 0 7px 0 0;	padding: 7px 10px 6px 10px;	font-size: 12px;	line-height: 12px;	color: #888;	font-weight: 600;}
#pagination a:hover {	color: #fff;	text-decoration: none;}
#pagination span.current {	background: #333;	color: #fff;	font-weight: bold;}

/* ===============================
15. Aside, sidebar
================================ */

aside {	position: relative;	margin-bottom: 40px;}
.sidebar-nav {	float: left;	width: 100%;}
.right-sidebar {	border-left: 1px solid #f5f5f5;	padding: 0 0 0 30px;	-webkit-box-shadow: inset 1px 0 0 0 rgba(0, 0, 0, .01);	box-shadow: inset 1px 0 0 0 rgba(0, 0, 0, .01);}
.left-sidebar {	border-right: 1px solid #f5f5f5;	padding: 0 30px 0 0;	-webkit-box-shadow: inset 1px 0 0 0 rgba(0, 0, 0, .01);	box-shadow: inset 1px 0 0 0 rgba(0, 0, 0, .01);}
.left-sidebar .widget h3,.left-sidebar .widget .widget-content {	padding-right: 20px;}
aside .widget {	margin-bottom: 40px;}
ul.cat,ul.recent,ul.folio-detail,ul.contact-info {	margin: 0;	padding: 0;	list-style: none;}
ul.cat li,ul.recent li,ul.folio-detail li,ul.contact-info li {	margin: 0 0 15px 0;	list-style: none;}
ul.cat li a,ul.folio-detail li a {	color: #333333;}
ul.folio-detail li label {	display: inline;	cursor: default;	color: #353535;	font-weight: bold;}
.widget ul.recent li {	margin-bottom: 20px;}
ul.recent li h6 {	margin: 0 0 10px 0;}
ul.recent li h6 a {	color: #353535;	font-size: 18px;	font-weight: 600;}
.widget ul.tags {	list-style: none;	margin: 0;	margin-left: 0;	padding-left: 0;}
.widget ul.tags li {	margin: 0 5px 15px 0;	display: inline-block;}
.widget ul.tags li a {	background: #e6e6e6;	color: #333;	padding: 5px 10px;}
.widget ul.tags li a:hover {	text-decoration: none;	color: #fff;}
/* ===== Widgets ===== */
/* --- flickr --- */
.widget .flickr_badge {	width: 100%;}
.widget .flickr_badge img {	margin: 0 9px 20px 0;}
footer .widget .flickr_badge {	width: 100%;}
footer .widget .flickr_badge img {	margin: 0 9px 20px 0;}
.flickr_badge img {	width: 50px;	height: 50px;	float: left;	margin: 0 9px 20px 0;}
/* --- latest tweet widget --- */
.twitter ul {	margin-left: 0;	list-style: none;}
.twitter img {	float: left;	margin-right: 15px;}
.twitter span.tweet_time {	display: block;	padding-bottom: 5px;}
.twitter li {	border-bottom: 1px dashed #efefef;	padding-bottom: 20px;	margin-bottom: 20px;	list-style: none;}
.twitter li:last-child {	border: none;}
/* --- Recent post widget --- */
.recent-post {	margin: 20px 0 0 0;	padding: 0;	line-height: 18px;}
.recent-post h5 a:hover {	text-decoration: none;}
.recent-post .text h5 a {	color: #353535;}
ul.time-post {	float: left;	width: 120px;	padding: 0;	list-style: none;	margin: 0 20px 0 0;	text-align: center;	color: #0e0f0f;}
ul.time-post li {	float: none;	background: #f8f8f8;	list-style: none;	margin: 0 0 2px 0;	padding: 0;}
ul.time-post li a img:hover {	opacity: 0.8;	/* For IE 5-7 */	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);	/* For IE 8 8 */	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}
ul.time-post li.time {	float: none;	padding: 5px 0 5px 0;	text-shadow: none;}
.recent-post ul.time-post li.time {	color: #121214;}
.post-meta {	margin-bottom: 20px;}
.post-meta span {	padding: 0 10px 0 10px;	margin-bottom: 10px;}
.post-meta span a {	color: #919191;}
.post-meta strong {	font-weight: 200px;	color: #c7c7c7;}
.item .text {	margin-left: 140px;	margin-bottom: 20px;}
/* ===============================
16. Footer
================================ */

footer {	padding:  0;	color: #606062;}
footer a {	color: #606062;}
footer a:hover {	color: #606062;}
footer h1,footer h2,footer h3,footer h4,footer h5,footer h6 {	color: #606062;}
footer address {line-height: 1.3em;}
footer h5 a:hover,footer a:hover {	text-decoration: none;}
ul.social-network {	list-style: none;	margin: 0;}
ul.social-network li {	display: inline;	margin: 0 5px;}
#sub-footer {	text-shadow: none;	color: #f5f5f5;	padding: 0;	padding-top: 30px;	margin: 20px 0 0 0;}
#sub-footer p {	margin: 0;	padding: 0;}
#sub-footer span {	color: #f5f5f5;}
.copyright {	text-align: left;	font-size: 12px;}
#sub-footer ul.social-network {	float: right;}

/* ===============================
 Live preview purpose
================================ */

/* --- buttons --- */

.bs-docs-example {margin: 0 0 10px 0;}
.demobtn a.btn {	margin: 0 10px 10px 0;}
section.demogrid .col-lg-1,section.demogrid .col-lg-2,section.demogrid .col-lg-3,section.demogrid .col-lg-4,section.demogrid .col-lg-5,section.demogrid .col-lg-6,section.demogrid .col-lg-7,section.demogrid .col-lg-8,section.demogrid .col-lg-9,section.demogrid .col-lg-10,section.demogrid .col-lg-11 {	background: #f6f6f6;	text-align: center;	padding: 20px 0 20px;}
section.demogrid .show-grid .row,section.demogrid .show-grid .row-fluid {	margin-bottom: 0;}
section.demogrid .show-grid .nest {	background: #ddd;	text-align: center;	padding: 20px 0 20px;}
section.demogrid .col-lg-12.nest {	background: #f6f6f6;	text-align: center;	padding: 20px 0 0;}
.demoinline p {	display: inline;	margin-right: 20px;}

/* ===============================
17. Divider, Line & Misc
================================ */

.solidline {	border-top: 1px solid #f5f5f5;	margin: 0 0 30px;}
.dottedline {	border-top: 1px dotted #f5f5f5;	margin: 0 0 30px;}
.dashedline {	border-top: 1px dashed #f5f5f5;	margin: 0 0 30px;}
.blankline {	height: 1px;	margin: 0 0 30px;}

/* scroll to top */

.scrollup {	position: fixed;	width: 32px;	height: 32px;	bottom: 0px;	right: 20px;	background: #222;}
a.scrollup {	outline: 0;	text-align: center;}
a.scrollup:hover,a.scrollup:active,a.scrollup:focus {	opacity: 1;	text-decoration: none;}
a.scrollup i {	margin-top: 10px;	color: #fff;}
a.scrollup i:hover {	text-decoration: none;}

/* =============================
18. Position & alignment
============================= */

.absolute {	position: absolute;}
.relative {	position: relative;}
.aligncenter {	text-align: center;}
.aligncenter span {	margin-left: 0;}
.floatright {	float: right;}
.floatleft {	float: left;}
.floatnone {	float: none;}
.aligncenter {	text-align: center;}

/* --- Image allignment style --- */

img.pull-left,.align-left {	float: left;	margin: 0 15px 15px 0;}
.widget img.pull-left {	float: left;	margin: 0 15px 15px 0;}
img.pull-right,.align-right {	float: right;	margin: 0 0 15px 15px;}
article img.pull-left,article .align-left {	float: left;	margin: 5px 15px 15px 0;}
article img.pull-right,article .align-right {	float: right;	margin: 5px 0 15px 15px;}

/* =============================
20. Spacer, margin
============================= */

.clear-marginbot {	margin-bottom: 0;}
.marginbot10 {	margin-bottom: 10px;}
.marginbot20 {	margin-bottom: 20px;}
.marginbot30 {	margin-bottom: 30px;}
.marginbot40 {	margin-bottom: 40px;}
.clear-margintop {	margin-top: 0;}
.margintop10 {	margin-top: 10px;}
.margintop20 {	margin-top: 20px;}
.margintop30 {	margin-top: 30px;}
.margintop40 {	margin-top: 40px;}


/* =============================
21. Media queries 
============================= */

@media (min-width: 768px) and (max-width: 979px) {

	a.detail {		background: none;		width: 100%;	}
	footer .widget form input#appendedInputButton {		display: block;		width: 91%;		-webkit-border-radius: 4px 4px 4px 4px;		-moz-border-radius: 4px 4px 4px 4px;		border-radius: 4px 4px 4px 4px;	}
	footer .widget form .input-append .btn {		display: block;		width: 100%;		padding-right: 0;		padding-left: 0;		-webkit-box-sizing: border-box;		-moz-box-sizing: border-box;		box-sizing: border-box;		margin-top: 10px;	}
	ul.related-folio li {		width: 156px;		margin: 0 20px 0 0;	}
	
}

@media (max-width: 767px) {

	body {	padding-right: 0; padding-left: 0;	}
	.navbar-brand {	margin-top: 10px;		border-bottom: none;	}
	.navbar-header {margin-top: 0px;		border-bottom: none;	}
	.navbar-nav {	border-top: none;		float: none;		width: 100%;	}
	header .navbar-nav>li {		padding-bottom: 0;		padding-top: 0;	}
	header .nav li .dropdown-menu {		margin-top: 0;	}
	.dropdown-menu {position: absolute;		top: 0;		left: 40px;		z-index: 1000;	display: none;		float: left;		min-width: 160px;		padding: 5px 0;		margin: 2px 0 0;		font-size: 13px;		list-style: none;		background-color: #fff;		background-clip: padding-box;		border: 1px solid #f5f5f5;		border: 1px solid rgba(0, 0, 0, .15);		border-radius: 0;		-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);		box-shadow: 0 6px 12px rgba(0, 0, 0, .175);	}
	.navbar-collapse.collapse {		border: none;		overflow: hidden;	}
	.box {	border-bottom: 1px solid #e9e9e9;		padding-bottom: 20px;	}
	#featured .flexslider .slide-caption {		width: 90%;		padding: 2%;		position: absolute;		left: 0;		bottom: -40px;	}
	#inner-headline .breadcrumb {		float: left;		clear: both;		width: 100%;	}
	.breadcrumb>li {font-size: 13px;	}
	ul.portfolio li article a i.icon-48 {		width: 20px;		height: 20px;		font-size: 18px;		line-height: 20px;	}
	.left-sidebar {	border-right: none;		padding: 0 0 0 0;		border-bottom: 1px dotted #e6e6e6;		padding-bottom: 10px;		margin-bottom: 40px;	}
	.right-sidebar {margin-top: 30px;		border-left: none;		padding: 0 0 0 0;	}
	footer .col-lg-1,footer .col-lg-2,	footer .col-lg-3,	footer .col-lg-4,	footer .col-lg-5,	footer .col-lg-6,	footer .col-lg-7,	footer .col-lg-8,	footer .col-lg-9,	footer .col-lg-10,	footer .col-lg-11,	footer .col-lg-12 {		margin-bottom: 20px;	}
	#sub-footer ul.social-network {		float: left;	}
	[class*="span"] {margin-bottom: 20px;	}
}

@media (max-width: 480px) {
	.bottom-article a.pull-right {		float: left;		margin-top: 20px;	}
	.search {		float: left;	}
	.flexslider .flex-caption {		display: none;	}
	.cta-text {		margin: 0 auto;		text-align: center;	}
	ul.portfolio li article a i {		width: 20px;		height: 20px;		font-size: 14px;	}

}

@media (max-width: 360px) {}

.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { background-color: #fff; }
.breadcrumb>li+li:before { content: none;    padding: 0;  }
.busqueda {    border: 1px solid #353375;    width: 250px;    padding: 5px 5px 5px 12px;}
.busqueda_boton { width: 34px; height: 34px; vertical-align: top; color: #353375; background-color: transparent; border:1px solid #353375; font-size:20px; margin-left: 5px }

#inner-headline ul.breadcrumb li.active a { color: #68A4C4 ; }

.prefooter { background-color: #e6e7e8; height: 30px;}
.borderM { border-left: 3px solid #a9abae; border-right:3px solid #a9abae; min-height: 190px; transition: all 0.5s;}
.item-thumbs p { color:#353375; font-weight: bold; margin-top: 10px; font-size: 18px; }

.widget_news h1, .widget_news p strong { color: #353375}
.widget_news p { font-size: 18px; color: #333333}

#somos_content h1, #somos_content h2, #somos_content h3, #somos_content h4,#hacemos_content h1, #hacemos_content h2, #hacemos_content h3, #hacemos_content h4,#pubs_content h1, #pubs_content h2, #pubs_content h3, #pubs_content h4 { color:#353375; } 
#somos_content p, #hacemos_content p { color: #333333; font-size: 18px; text-align: justify; line-height: 25px; }

#pubs_content p { color: #333333; font-size: 18px; text-align: justify; font-weight: normal; }
#pubs_content strong { color: #353375; }


#somos_content li  { color: #333333; font-size: 18px; text-align: justify; }

#directorio_content p { color: #333333; font-size: 13px; text-align: center; font-weight: 600; margin-top:15px; margin-bottom: 0; line-height: 13px; }
#directorio_content subtitle { color: #333333; font-size: 12px; text-align: center; font-weight: 600; margin-bottom:10px; display:block; margin-top: 5px; line-height: 12px;  }

#hacemos_content a { color: #333333; font-size: 18px; font-weight: 600;  }
#hacemos_content.conservacion1 a { color: #353375; font-size: 16px; font-weight: 600; line-height: 13px; float: right; font-weight: bold; }
#hacemos_content li a { font-weight: normal !important;}

.directoriobread a, .directoriobread strong { font-size:18px !important; color: #353375; }

.table p { text-align: left !important; font-weight: normal !important; line-height: normal;}
.submenu a { font-weight: normal !important;}

#inner-headline ul.breadcrumb li a { padding-left:0;}
.breadcrumb.publicaciones li { line-height: 15px; vertical-align: middle;}
.breadcrumb.publicaciones { padding: 3px 30px; }

.superior {    padding: 20px 10px 10px 15px;    margin-bottom: -1px;    background-color: #d7d4d4;    border: 1px solid #ddd;    font-weight: bold;}
.inferior {    padding: 10px 0px 10px 15px;    margin-bottom: -1px;    background-color: #fff;    border: 1px solid #ddd;}

.file {  position: relative;  height: 75px;  width: 100%; min-width: 225px; }
.file > input[type="file"] {  position: absoulte;  opacity: 0;  top: 0;  left: 0;  right: 0;  bottom: 0 }
.file > label {  position: absolute;  top: 0;  right: 0;  left: 0;  bottom: 0;  background-color: #666;  color: #fff;  border-radius: 5px;  line-height: 30px;  text-align: center;  cursor: pointer; padding:15px; transition: all 0.5s;}
.file > label:hover { background-color: #333; }

.file > label span { font-size:40px;}
.file > label img { cursor:pointer; }

.thumbsGaleria { display:inline-block; width:50px; height: 50px; background-position: top center; background-size:cover; margin: 0 5px 0 0;}
.galDetalles { width:100%; height: 184px;}
.preview7 { position: relative; top: -5px; left:15px; font-size:13px; color:red;}
.galMenu { width:100%; height: 175px; transition: all 0.5s;}
.galMenu2 { width:100%; height: 150px;}

/* Carousel Fading slide */
.carousel-fade .carousel-inner { background: #000; }
.carousel-fade .carousel-control { z-index: 2; }  
.carousel-fade .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
  }

  .carousel-fade .next.left,
  .carousel-fade .prev.right,
  .carousel-fade .item.active { opacity: 1; }
  .carousel-fade .active.left, .carousel-fade .active.right { left: 0; opacity: 0; z-index: 1; }

/* Safari Fix */
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}

/* Carousel Control custom */
.carousel-control .control-icon {  font-size: 48px;  height: 30px;  margin-top: -15px;  width: 30px; display: inline-block; position: absolute; top: 50%; z-index: 5; }
  .carousel-control .prev { margin-left:  -15px;  left: 50%; } /* Prev */
  .carousel-control .next { margin-right: -15px; right: 50%; } /* Next */

/* Removing BS background */
a.carousel-control.left  { left: 0; background: none; border: 0; opacity:0;}
a.carousel-control.right { right: 0; background: none; border: 0; opacity:0;}

/* Animation */
.control-box, a.carousel-control, .carousel-indicators li {
  -webkit-transition: all 250ms ease;
  -moz-transition: all 250ms ease;
  -ms-transition: all 250ms ease;
  -o-transition: all 250ms ease;
  transition: all 250ms ease;   
  /* hardware acceleration causes Bootstrap carousel controlbox margin error in webkit */
  /* Assigning animation to indicator li will make slides flicker */
  } 

/* Hover animation */
a.carousel-control.left:hover { left: 15px; opacity: 1; }
a.carousel-control.right:hover { right: 15px; opacity: 1; }  

/* Carouse Indicator */
.carousel-indicators li.active,
.carousel-indicators li { border: 0; }
.carousel-indicators li { background: #666; margin: 0 3px; width: 12px; height: 12px; }
.carousel-indicators li.active { background: #fff; margin: 0 3px; }

.carousel-inner>.item>img { width: 100% !important;}

.minh101 {min-height: 90px;}
.posMenuTop { position: absolute; bottom:0;}

.gsc-search-button-v2 {font-size: 18px !important; padding: 3px 18px !important;}

#header_img img, #hacemosHeader img  { width: 100%; height: auto;}
.que_sticky { height: 4000px;}
.que_sticky1 { height: 600px;}
.que_sticky2 { height: 900px;}
.que_sticky21 { height: 1200px;}
.que_sticky3 { height: 1400px;}
.que_sticky31 { height: 2200px;}
.que_sticky32 { height: 2700px;}
.que_sticky4 { height: 3000px;}

#tabla1 p { font-size: 16px;}

#sdm.active a { background-color:#353375b0 !important; }
#wedo.active a { background-color:#353375 !important; }

#sdm a { background-color:#ccccccb0 ; }
#wedo a { background-color:#cccccc9d ; }

.dobleMenu { margin-top: -14px !important;}

.lb-outerContainer, .lightbox .lb-image { border-radius: 0; background-color: transparent;}
.lightbox .lb-image { border: none; }

.bottomFooter { position: absolute; width: 100%; bottom: -200px;}

.navbar-toggle { margin-top: 25px; margin-bottom: 0;}

.gsc-search-button-v2, .gsc-search-button-v2:hover, .gsc-search-button-v2:focus { border-color: #353375 !important; background-color: transparent !important; }
.gsc-search-button-v2 svg { fill: #353375 !important; }
input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus { border-color: #353375b0 !important; }
.directorio { cursor: pointer; } 

#btnBorrar { display:none;}

.titulo2sp { height: 53px; overflow: hidden; margin-bottom: 10px; margin-top: 15px; transition: all 0.5s; font-size: 14px;}
.videodoc { width: 100%; height: 220px; transition: all 0.5s;}
/* ***********************.*/
.gsc-control-cse { width: 100% !important; transition: all 0.5s; }
form.gsc-search-box,table.gsc-search-box{	transition: all 0.5s; }
.gsc-search-box .gsc-input{ transition: all 0.5s;	}
#gsc-iw-id1{transition: all 0.5s;	 }
#gs_tti50 { transition: all 0.5s;}
#gsc-i-id1{	transition: all 0.5s;}
.gsib_b{	display:none; transition: all 0.5s;}
button.gsc-search-button{ transition: all 0.5s;   }
.gsc-branding{	display:none !important; transition: all 0.5s;}
.gsc-control-cse,#gsc-iw-id1{	background-color:transparent !important; transition: all 0.5s;}
/******************/

.disabled { opacity: 0.5; cursor: not-allowed; }

.navbar-brand.admin { min-height: 85px; }
.scrollup { display: none;}
#searchBox { display: none;}

.clickable { cursor: pointer; }

/* Demyus.com Custom CSS for Bootstrap style shortcuts 
-------------------------------------------------------*/
.lh70 { line-height: 70px !important; }
.lh50 { line-height: 50px !important; }
.lh45 { line-height: 45px !important; }
.lh35 { line-height: 35px !important; }
.lh30 { line-height: 30px !important; }
.lh25 { line-height: 25px !important; }
.lh20 { line-height: 20px !important; }
.lh15 { line-height: 15px !important; }
.lh10 { line-height: 10px !important; }
.lh5  { line-height: 5px !important; }
.lh0  { line-height: 0px !important; }

.fw800 { font-weight: 800 !important; }
.fw700 { font-weight: 700 !important; }
.fw600 { font-weight: 600 !important; }
.fw500 { font-weight: 500 !important; }
.fw400 { font-weight: 400 !important; }
.fw300 { font-weight: 300 !important; }

.txt125 { font-size: 125px !important; }
.txt75 { font-size: 75px !important; }
.txt60 { font-size: 60px !important; }
.txt55 { font-size: 55px !important; }
.txt50 { font-size: 50px !important; }
.txt45 { font-size: 45px !important; }
.txt40 { font-size: 40px !important; }
.txt38 { font-size: 38px !important; }
.txt36 { font-size: 36px !important; }
.txt34 { font-size: 34px !important; }
.txt32 { font-size: 32px !important; }
.txt30 { font-size: 30px !important; }
.txt28 { font-size: 28px !important; }
.txt26 { font-size: 26px !important; }
.txt24 { font-size: 24px !important; }
.txt22 { font-size: 22px !important; }
.txt20 { font-size: 20px !important; }
.txt18 { font-size: 18px !important; }
.txt16 { font-size: 16px !important; }
.txt14 { font-size: 14px !important; }
.txt12 { font-size: 12px !important; }
.txt10 { font-size: 10px !important; }
.txt9 { font-size: 9px !important; }

.boldu { font-weight: bold !important; }

.txtBlack { color: #000 !important; }
.txtWhite { color: #FFF !important; }
.txtGrey { color: #333333 !important; }
.txtRed { color: #f05d4d !important; }
.txtGreen { color:#00FF4C !important; }
.txtIx { color: #cb273b !important; }
.txtBlue { color: #353375 !important; }
.txtCafe { color: #544019 !important; }

.bgBlue { background-color: #428bca; }
.bgWhite { background-color: rgba(255,255,255,0.9) !important; }

.no-pad { padding: 0 !important; }
.no-mar { margin: 0 !important; }
.no-border { border: 0 !important; }

.mar-30 { margin-left: 30px !important; margin-right: 30px !important; }
.mar-25 { margin-left: 25px !important; margin-right: 25px !important; }
.mar-20 { margin-left: 20px !important; margin-right: 20px !important; }
.mar-15 { margin-left: 15px !important; margin-right: 15px !important; }
.mar-10 { margin-left: 10px !important; margin-right: 10px !important; }
.mar-5 { margin-left: 5px !important; margin-right: 5px !important; }

.pad-200 { padding-left:200px !important; padding-right: 200px !important; }
.pad-150 { padding-left:150px !important; padding-right: 150px !important; }
.pad-120 { padding-left:120px !important; padding-right: 120px !important; }
.pad-100 { padding-left:100px !important; padding-right: 100px !important; }
.pad-65  { padding-left:65px  !important; padding-right:  65px !important; }
.pad-60  { padding-left:60px  !important; padding-right:  60px !important; }
.pad-55  { padding-left:55px  !important; padding-right:  55px !important; }
.pad-50  { padding-left:50px  !important; padding-right:  50px !important; }
.pad-45  { padding-left:45px  !important; padding-right:  45px !important; }
.pad-40  { padding-left:40px  !important; padding-right:  40px !important; }
.pad-35  { padding-left:35px  !important; padding-right:  35px !important; }
.pad-30  { padding-left:30px  !important; padding-right:  30px !important; }
.pad-25  { padding-left:25px  !important; padding-right:  25px !important; }
.pad-20  { padding-left:20px  !important; padding-right:  20px !important; }
.pad-15  { padding-left:15px  !important; padding-right:  15px !important; }
.pad-10  { padding-left:10px  !important; padding-right:  10px !important; }
.pad-5   { padding-left:5px   !important; padding-right:   5px !important; }

.pad-top-0  { padding-top: 0 !important; }
.pad-top-5 { padding-top: 5px !important; }
.pad-top-10 { padding-top: 10px !important; }
.pad-top-15 { padding-top: 15px !important; }
.pad-top-20 { padding-top: 20px !important; }
.pad-top-25 { padding-top: 25px !important; }
.pad-top-30 { padding-top: 30px !important; }
.pad-top-35 { padding-top: 35px !important; }
.pad-top-40 { padding-top: 40px !important; }
.pad-top-45 { padding-top: 45px !important; }
.pad-top-50 { padding-top: 50px !important; }

.mar-top-0  { margin-top: 0 !important; }
.mar-top-5  { margin-top: 5px !important; }
.mar-top-10 { margin-top: 10px !important; }
.mar-top-15 { margin-top: 15px !important; }
.mar-top-20 { margin-top: 20px !important; }
.mar-top-25 { margin-top: 25px !important; }
.mar-top-30 { margin-top: 30px !important; }
.mar-top-45 { margin-top: 45px !important; }

.pad-bot-0 { padding-bottom: 0 !important; }
.pad-bot-5 { padding-bottom: 5px !important; }
.pad-bot-10 { padding-bottom: 10px !important; }
.pad-bot-15 { padding-bottom: 15px !important; }
.pad-bot-30 { padding-bottom: 30px !important; }
.pad-bot-45 { padding-bottom: 45px !important; }

.mar-bot-0 { margin-bottom: 0 !important; }
.mar-bot-5 { margin-bottom: 5px !important; }
.mar-bot-10 { margin-bottom: 10px !important; }
.mar-bot-15 { margin-bottom: 15px !important; }
.mar-bot-30 { margin-bottom: 30px !important; }
.mar-bot-45 { margin-bottom: 45px !important; }

.pad-left-0  { padding-left:0 !important; }
.pad-left-5  { padding-left:5px !important; }
.pad-left-10 { padding-left:10px !important; }
.pad-left-15 { padding-left:15px !important; }
.pad-left-20 { padding-left:20px !important; }
.pad-left-25 { padding-left:25px !important; }
.pad-left-30 { padding-left:30px !important; }
.pad-left-35 { padding-left:35px !important; }
.pad-left-40 { padding-left:40px !important; }
.pad-left-45 { padding-left:45px !important; }
.pad-left-50 { padding-left:50px !important; }
.pad-left-55 { padding-left:55px !important; }
.pad-left-60 { padding-left:60px !important; }
.pad-left-65 { padding-left:65px !important; }

.pad-right-0  { padding-right:  0   !important; }
.pad-right-5  { padding-right : 5px !important; }
.pad-right-10 { padding-right: 10px !important; }
.pad-right-15 { padding-right: 15px !important; }
.pad-right-20 { padding-right: 20px !important; }
.pad-right-25 { padding-right: 25px !important; }
.pad-right-30 { padding-right: 30px !important; }
.pad-right-35 { padding-right: 35px !important; }
.pad-right-40 { padding-right: 40px !important; }
.pad-right-45 { padding-right: 45px !important; }
.pad-right-50 { padding-right: 50px !important; }
.pad-right-55 { padding-right: 55px !important; }
.pad-right-60 { padding-right: 60px !important; }

.mar-left-0  { margin-left:  0  !important; }
.mar-left-5  { margin-left: 5px !important; }
.mar-left-10 { margin-left:10px !important; }
.mar-left-15 { margin-left:15px !important; }
.mar-left-20 { margin-left:20px !important; }
.mar-left-25 { margin-left:25px !important; }
.mar-left-30 { margin-left:30px !important; }
.mar-left-35 { margin-left:35px !important; }


.mar-right-0 { margin-right: 0 !important; }
.mar-right-5 { margin-right: 5px !important; }
.mar-right-10 { margin-right: 10px !important; }
.mar-right-15 { margin-right: 15px !important; }

.hat-30 { margin-top:30px;}
.hat-60 { margin-top:60px;}
.hat-90 { margin-top:90px;}
.hat-120 { margin-top:120px;}

.pillow-xs { padding-top: 50px; }
.pillow-sm { padding-top: 75px; }
.pillow-md { padding-top: 150px; }
.pillow-lg { padding-top: 250px; }

.cushion-xs { padding-bottom: 50px; }
.cushion-sm { padding-bottom: 75px; }
.cushion-md { padding-bottom: 150px; }
.cushion-lg { padding-bottom: 250px; }

.bgWhitetransparent { background-color:rgba(255,255,255,0.75)}
.bgBlacktransparent { background-color: rgba(0,0,0,0.75); padding-top:30px; }

.visible-1024 { display: none !important; }
.hidden-1024 { display: block !important; }

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

    .link-list { font-size: 18px; text-align: center !important;  }
    .borderM { border: none !important; }
    #hacemos_content.conservacion1 a { float:left; line-height: 22px;}
    
    #wrapper { margin-top: 77px;}
    .navbar-brand {  top: 10px; left:15px; width:250px; padding: 0; border-radius: 0; box-shadow: none; margin:0; }
        
    .map { height: 350px; width: 100%; }
        
    .xs-center-block { display: block; margin-right: auto; margin-left: auto; }
    .xs-text-center { text-align: center; }
    
    .pull-right 	{ float:  none !important; }
    .pull-left 	{ float: none!important; }
    .xs-pull-right  { float: right!important; }
    .xs-pull-left 	{ float: left!important; }
    
    .pillow-xs { padding-top: 0; }
    .pillow-sm { padding-top: 10px; }
    .pillow-md { padding-top: 30px; }
    .pillow-lg { padding-top: 50px; }
    
    .cushion-xs { padding-bottom: 0; }
    .cushion-lg { padding-bottom: 50px; }
    
    .xs-pillow-xs { padding-top: 30px; }
    .xs-pillow-md { padding-top: 150px; }
    
    .xs-cushion-xs { padding-bottom: 30px; }
    
    .xs-mar-0 { margin:0 !important; }
    .xs-mar-5 { margin:5px !important; }
    .xs-mar-10 { margin:10px !important; }
    .xs-mar-15 { margin:15px !important; }

    .xs-mar-right-0 { margin-right: 0 !important; }
    .xs-mar-right-5 { margin-right: 5px !important; }
    .xs-mar-right-10 { margin-right: 10px !important; }
    .xs-mar-right-15 { margin-right: 15px !important; }

    .xs-mar-bottom-0 { margin-bottom: 0 !important; }
    .xs-mar-bottom-5 { margin-bottom: 5px !important; }
    .xs-mar-bottom-10 { margin-bottom: 10px !important; }
    .xs-mar-bottom-15 { margin-bottom: 15px !important; }
    
    .xs-pad-20 { padding:20px !important; padding-right: 20px !important; }
    .xs-pad-15 { padding:15px !important; padding-right: 15px !important; }
    .xs-pad-10 { padding:10px !important; padding-right: 10px !important; }
    .xs-pad-5  { padding: 5px !important; padding-right:  5px !important; }
    .xs-pad-0  { padding: 0px !important; padding-right:  0px !important; }
    
    .hidden-1024 { display: none !important; }

    .mar-5 .mar-10, .mar-15, .mar-20, .mar-25, .mar-30, .mar-35, .mar-40, .mar-45, .mar-50 { margin:15px !important; margin-right: 15px !important; }
    .pad-5, .pad-10, .pad-15, .pad-20, .pad-25, .pad-30, .pad-35, .pad-40, .pad-45, .pad-50, .pad-55, .pad-60, .pad-65, .pad-100 { padding-left:15px !important; padding-right: 15px !important; }
    .pad-left-0, .pad-left-5, .pad-left-10, .pad-left-15, .pad-left-20, .pad-left-25, .pad-left-30, .pad-left-35, .pad-left-40 { padding-left: 15px !important; }
    .pad-right-0, .pad-right-5, .pad-right-10, .pad-right-15, .pad-right-20, .pad-right-25, .pad-right-30, .pad-right-35, .pad-right-40{ padding-right: 15px !important; }
    .mar-left-5, .mar-left-10, .mar-left-15, .mar-left-20, .mar-left-25, .mar-left-30 { margin-left: 0 !important; }
    .mar-right-5, .mar-right-10, .mar-right-15, .mar-right-20, .mar-right-25, .mar-right-30 { margin-right: 0 !important; }
    
    .xs-pad-left-0  { padding-left: 0px !important; }
    .xs-pad-left-5  { padding-left: 5px !important; }
    .xs-pad-left-10 { padding-left: 10px !important; }
    .xs-pad-left-15 { padding-left: 15px !important; }
    .xs-pad-left-20 { padding-left: 20px !important; }
    .xs-pad-left-25 { padding-left: 25px !important; }
    .xs-pad-left-30 { padding-left: 30px !important; }

    .xs-pad-right-0  { padding-right: 0px !important; }
    .xs-pad-right-5  { padding-right: 5px !important; }
    .xs-pad-right-10 { padding-right: 10px !important; }
    .xs-pad-right-15 { padding-right: 15px !important; }
    .xs-pad-right-20 { padding-right: 20px !important; }
    .xs-pad-right-25 { padding-right: 25px !important; }
    .xs-pad-right-30 { padding-right: 30px !important; }

    .xs-pad-top-0 { padding-top: 0 !important; }  
    .xs-pad-top-5 { padding-top: 5px !important; }
    
    .xs-pad-bot-0 { padding-bottom: 0 !important; }

    .xs-no-pad { padding-left: 0 !important; padding-right: 0 !important;}

    .table p { font-size: 10px !important; margin: 5px 0; line-height: 14px !important;}
    .table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td { padding: 3px;}

    #inner-headline {min-height: 10px; }
    #directorio_content subtitle { line-height: 16px; }
    .galMenu { height: 85px;}

    .borderM {  min-height: 130px;}

    .bottomFooter { position:  initial !important; width: 100%; bottom: 0;}
}

@media only screen and (min-width: 768px) and (max-width: 1366px) {
.visible-1024 { display: block !important; }
.hidden-1024 { display: none !important; }
}


@media only screen and (max-width : 1000px) {
    .navbar .nav > li > a { font-size:14px; }
    .container { padding:0; }
    .pad-100 { padding-left:10px !important; padding-right:10px !important;}
    
}

@media only screen and (min-width : 2300px) {
  .minh101 { min-height: 115px; }
  .xxl-hidden { display:none;}
  .navbar-brand img { left: 10px; width: 200px   }
  .videodoc { height: 280px; }
  .galMenu { height: 210px;}
}

@media only screen and (min-width: 1801px) and (max-width: 2299px) { 
  .navbar-brand img { left: 10px; width: 200px   }
}

@media only screen and (min-width: 1601px) and (max-width: 1800px) { 
.navbar-brand img { left: -10px;  width: 200px  }
}

@media only screen and (min-width: 1201px) and (max-width: 1600px) { 
  .navbar-brand img { left: -55px;  width: 200px  }
  address { font-size: 13px;}
}

@media only screen and (min-width: 1061px) and (max-width: 1261px) { 
  .navbar-brand img { left: -85px;  width: 200px  }
  .islasMenu a {font-size: 11px !important;}
  .hidden-910 { display: none;}
  address { font-size: 10px;}
  .link-list a { font-size: 14px;  }
}

@media only screen and (min-width: 992px) and (max-width: 1060px) { 
  .navbar-brand img { left: -85px;  width: 200px  }
  .islasMenu a {font-size: 11px !important;}
  .hidden-910 { display: none;}
  address { font-size: 10px;}
  .link-list a { font-size: 12px;  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) { 
  .navbar-brand img { left: -4px;  width: 145px  }
  .islasMenu a {font-size: 11px !important;}
  .hidden-910 { display: none;}
  address { font-size: 14px; text-align: center;}
  .link-list a { font-size: 12px;  }
  .borderM {  min-height: 210px;}
}

@media only screen and (min-width: 768px) { 
  .navbar-brand img { position: absolute; transition: all 0.5s;  }
}

@media only screen and (min-width: 768px) and (max-width: 900px) {
  .galMenu { height: 120px;}
}

@media only screen and (min-width: 1201px) and (max-width: 1380px) {
  .navbar .nav>li>a { padding: 8px 8px 2px 8px; font-size: 16px; }
  .galMenu { height: 100px;}
}

@media only screen and (min-width: 768px) and (max-width: 1380px) {

  /* **********SEARCHBOX*************.*/
  #___gcse_0 { height: 42px !important;}
.gsc-control-cse { width: 100% !important; padding: 5px !important; }
form.gsc-search-box,table.gsc-search-box {	 }
.gsc-search-box .gsc-input {	}
#gsc-iw-id1 {	 }
#gs_tti50 { padding: 0 5px; }
#gsc-i-id1{ font-size: 12px; height: 18px !important;	}
.gsc-search-button-v2 svg { position: relative; top: -2px; }
button.gsc-search-button{ height: 25px; padding: 0px 6px !important;   }
.gsc-control-cse, #gsc-iw-id1 { height: 28px !important;  }
/******************/

} 

@media only screen and (min-width: 768px) and (max-width: 1800px) {
  .hiddenLR { display: none; }
}

@media only screen and (min-width: 500px) and (max-width: 767px) {
  .galMenu { height: 240px;}
}

@media only screen and (min-width: 380px) and (max-width: 499px) {
  .galMenu { height: 140px;}
}

@media only screen and (min-width: 1021px) and (max-width: 1200px) {
  .navbar .nav>li>a { padding: 8px 4px 2px 4px; font-size: 14px; }
}

@media only screen and (min-width: 992px) and (max-width: 1020px) {
  .navbar .nav>li>a { padding: 8px 4px 2px 4px; font-size: 13px; }
}

@media only screen and (min-width: 891px) and (max-width: 991px) {
  .navbar .nav>li>a { padding: 8px 6px 2px 6px; font-size: 14px; }
}

@media only screen and (min-width: 768px) and (max-width: 890px) {
  .navbar .nav>li>a { padding: 8px 4px 2px 4px; font-size: 12px; }
}

@media only screen and (max-width: 400px) {
.hidden-400 { display: none;}
.titulo2sp { height: 42px; margin-bottom: 8px; margin-top: 12px; line-height: 18px; }
.titulo2sp strong { font-size: 14px; }
.videodoc { height: 100px;}

}

@media only screen and (max-width: 320px) {
  .navbar-brand {  left:15px; width:180px; padding-top: 15px; }
}

.warp-video {   
  position: relative;
  padding-top: 56.25%;
  overflow: hidden;  
  margin: auto;
  margin-bottom: 34px;
}

.video-bioseguridad {  
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;  
}

.mobile-logo {
  width: 200px;
  margin-top: 15px;
  margin-bottom: 10px;
  margin-left: 15px;
}