/* ==========================================================================
=Wrap
========================================================================== */
.tituloNoticias{
margin-bottom:10px !important;
}
#wrap {
position: relative;
background-color: #fff;
}
@media (max-width: 767px) {
#wrap {}
}
/* ==========================================================================
=Header wrap
========================================================================== */
/**
* 1. z-index is 105 because ..tp-bullets is 100
*/
.header-style-2 #header-wrap {
position: absolute;
z-index: 105; /* 1 */
top: 0;
left: 0;
right: 0;
background-color: transparent;
}
/* ==========================================================================
=Header
========================================================================== */
#header {
margin: 0 auto;
}
/* ==========================================================================
=Logo
========================================================================== */
#logo {
padding: 10px 0;
}
/**
* 1. displaying the inline-block makes it depends on the size of it's children
* we add max-width:100% to tell it not that it shouldn't extend beyond the size of it's
* parent if it's child is very large eg a 1000x1000 logo img
*/
#logo a {
display: inline-block;
max-width: 100%; /* 1 */
}
#logo img { display: block; }
@media (min-width: 768px) and (max-width: 991px) {
#logo {
padding: 50px 0;
}
}
@media (max-width: 767px) {
/**
* 1. on mobile devices logo padding right needs to be the width of the
* mobile menu trigger + some spacing so as to not let the logo
* overlap the mobile menu trigger
*/
#logo {padding: 10px 50px 10px 0;}
.mobileContacto{color:#012168 !important;}
.mobileSumate{color:#E24301 !important;}
.mobileExplora{color:#F7A700 !important;}
.mobileConocenos{color:#82BC00 !important;}
.mobileInicio{color:#00A19A !important;}
.mobileMapema{color:#604d9e !important;}
.mobileInforme{color: #F7A700 !important;}
.busqueda{display:none;}
.header-style-2 #logo {padding: 30px 50px 30px 0;}
#mobile-menu li a {position: relative;display: block;padding: 15px 25px !important;border-top: 1px solid #ccc;color: #212121;font-size: 14px;text-decoration: none;}
span.line2,span.line{display:none;}
#footer-widget-area-1{padding-top:5% !important;}
#footer-widget-area-1,#footer-widget-area-2,#footer-widget-area-3,#footer-widget-area-4{text-align:center;}
.footer-style-2 #footer {background: #f6a704;padding-bottom: 3% !important;}
#footer-widget-area-2 {padding-top: 30px !important;}
#footer-widget-area-3 {padding-top:10px !important;}
#header-wrap{background-color:#ffffff;}
#footer-widget-area-4 {margin-top:-10%;}
.icon-box-1 h1 {font-weight: 900 !important;font-size: 40px !important;margin-bottom: 40px !important}
.icon-box-1 p {font-weight: 500 !important;font-size: 14px !important;margin-bottom: 40px !important;letter-spacing: 0px;line-height: 26px;}
.caption.title-2 {color: #fff;font-size: 10px !important;font-weight: 300;text-transform: uppercase;line-height: 10px !important;}
.bienvenida{color:#012168;text-transform:none;padding: 0 11%;font-size: 17px;line-height: 30px;}
.img-bienvenida{width:80%;}
.fecha {color: #012168;background: url('../../content/eventos/calen.png');background-repeat: no-repeat;background-position: 105px 0px;height: 50px;padding-top: 5%;padding-right: 9%;font-weight: 500;background-size: 20%;font-size: 25px;text-align:center;}
.title-evento{color:#012168;text-transform: none;text-align:center;}
.fecha-tamano{width:100%;border: none !important;padding-bottom: 0px !important;}
.title-tamano{width:100%;border: none !important;padding-bottom: 0px !important;vertical-align: middle;padding-left: 0px !important;text-align:center;}
.titleMobile{padding-bottom: 5px;float: left;margin-top: -12px;margin-left: -5px;}
.textTitleMobile{text-align:left !important;}
.espaciados{padding:0 11%;}
.copyright{line-height: 22px;}
#footer-bottom{padding: 20px 0 5px !important;}
.pcWeb{display:none;}
.mobilefooter{display:block !important;}
.footerLateral{width: 50%;float:left;text-align;left !important;padding-left:0 !important; padding-right:0 !important;}
.espaciadosFooter{padding: 0 11% !important;}
.console{display: none;}
span.line12 {
background: url(data:image/svg+xml);
background: -moz-linear-gradient(top,rgba(255, 255, 255, 1) 13%,rgba(255, 255, 255, 1) 50%,rgba(255, 255, 255, 1) 87%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(13%,rgba(255, 255, 255, 1)),color-stop(50%,rgba(255, 255, 255, 1)),color-stop(87%,rgba(255, 255, 255, 1)));
background: -webkit-linear-gradient(top,rgba(255, 255, 255, 1) 13%,rgba(255, 255, 255, 1) 50%,rgba(255, 255, 255, 1) 87%);
background: -o-linear-gradient(top,rgba(255, 255, 255, 1) 13%,rgba(255, 255, 255, 1) 50%,rgba(255, 255, 255, 1) 87%);
background: -ms-linear-gradient(top,rgba(255, 255, 255, 1) 13%,rgba(255, 255, 255, 1) 50%,rgba(255, 255, 255, 1) 87%);
background: linear-gradient(to bottom,rgba(255, 255, 255, 1) 13%,rgba(255, 255, 255, 1) 50%,rgba(255, 255, 255, 1) 87%);
content: "";
display: block;
position: absolute;
width: 1px;
height: 21%;
bottom: -672%;
left: 45%;
}
span.line11 {
background: url(data:image/svg+xml);
background: -moz-linear-gradient(top,rgba(255, 255, 255, 1) 13%,rgba(255, 255, 255, 1) 50%,rgba(255, 255, 255, 1) 87%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(13%,rgba(255, 255, 255, 1)),color-stop(50%,rgba(255, 255, 255, 1)),color-stop(87%,rgba(255, 255, 255, 1)));
background: -webkit-linear-gradient(top,rgba(255, 255, 255, 1) 13%,rgba(255, 255, 255, 1) 50%,rgba(255, 255, 255, 1) 87%);
background: -o-linear-gradient(top,rgba(255, 255, 255, 1) 13%,rgba(255, 255, 255, 1) 50%,rgba(255, 255, 255, 1) 87%);
background: -ms-linear-gradient(top,rgba(255, 255, 255, 1) 13%,rgba(255, 255, 255, 1) 50%,rgba(255, 255, 255, 1) 87%);
background: linear-gradient(to bottom,rgba(255, 255, 255, 1) 13%,rgba(255, 255, 255, 1) 50%,rgba(255, 255, 255, 1) 87%);
content: "";
display: block;
position: absolute;
width: 1px;
height: 5.3%;
top: 83.2%;
left: 45%;
}
span.line10 {
background: url(data:image/svg+xml);
background: -moz-linear-gradient(top,rgba(255, 255, 255, 1) 13%,rgba(255, 255, 255, 1) 50%,rgba(255, 255, 255, 1) 87%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(13%,rgba(255, 255, 255, 1)),color-stop(50%,rgba(255, 255, 255, 1)),color-stop(87%,rgba(255, 255, 255, 1)));
background: -webkit-linear-gradient(top,rgba(255, 255, 255, 1) 13%,rgba(255, 255, 255, 1) 50%,rgba(255, 255, 255, 1) 87%);
background: -o-linear-gradient(top,rgba(255, 255, 255, 1) 13%,rgba(255, 255, 255, 1) 50%,rgba(255, 255, 255, 1) 87%);
background: -ms-linear-gradient(top,rgba(255, 255, 255, 1) 13%,rgba(255, 255, 255, 1) 50%,rgba(255, 255, 255, 1) 87%);
background: linear-gradient(to bottom,rgba(255, 255, 255, 1) 13%,rgba(255, 255, 255, 1) 50%,rgba(255, 255, 255, 1) 87%);
content: "";
display: block;
position: absolute;
width: 1px;
height: 4.5%;
top: 85.9%;
left: 45%;
}
span.line9 {
background: url(data:image/svg+xml);
background: -moz-linear-gradient(top,rgba(255, 255, 255, 1) 13%,rgba(255, 255, 255, 1) 50%,rgba(255, 255, 255, 1) 87%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(13%,rgba(255, 255, 255, 1)),color-stop(50%,rgba(255, 255, 255, 1)),color-stop(87%,rgba(255, 255, 255, 1)));
background: -webkit-linear-gradient(top,rgba(255, 255, 255, 1) 13%,rgba(255, 255, 255, 1) 50%,rgba(255, 255, 255, 1) 87%);
background: -o-linear-gradient(top,rgba(255, 255, 255, 1) 13%,rgba(255, 255, 255, 1) 50%,rgba(255, 255, 255, 1) 87%);
background: -ms-linear-gradient(top,rgba(255, 255, 255, 1) 13%,rgba(255, 255, 255, 1) 50%,rgba(255, 255, 255, 1) 87%);
background: linear-gradient(to bottom,rgba(255, 255, 255, 1) 13%,rgba(255, 255, 255, 1) 50%,rgba(255, 255, 255, 1) 87%);
content: "";
display: block;
position: absolute;
width: 1px;
height: 18%;
bottom: -547%;
left: 45%;
}
span.line8 {
background: url(data:image/svg+xml);
background: -moz-linear-gradient(top,rgba(255, 255, 255, 1) 13%,rgba(255, 255, 255, 1) 50%,rgba(255, 255, 255, 1) 87%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(13%,rgba(255, 255, 255, 1)),color-stop(50%,rgba(255, 255, 255, 1)),color-stop(87%,rgba(255, 255, 255, 1)));
background: -webkit-linear-gradient(top,rgba(255, 255, 255, 1) 13%,rgba(255, 255, 255, 1) 50%,rgba(255, 255, 255, 1) 87%);
background: -o-linear-gradient(top,rgba(255, 255, 255, 1) 13%,rgba(255, 255, 255, 1) 50%,rgba(255, 255, 255, 1) 87%);
background: -ms-linear-gradient(top,rgba(255, 255, 255, 1) 13%,rgba(255, 255, 255, 1) 50%,rgba(255, 255, 255, 1) 87%);
background: linear-gradient(to bottom,rgba(255, 255, 255, 1) 13%,rgba(255, 255, 255, 1) 50%,rgba(255, 255, 255, 1) 87%);
content: "";
display: block;
position: absolute;
width: 1px;
height: 8%;
top: 75.5%;
left: 45%;
}
span.line7 {
background: url(data:image/svg+xml);
background: -moz-linear-gradient(top,rgba(255, 255, 255, 1) 13%,rgba(255, 255, 255, 1) 50%,rgba(255, 255, 255, 1) 87%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(13%,rgba(255, 255, 255, 1)),color-stop(50%,rgba(255, 255, 255, 1)),color-stop(87%,rgba(255, 255, 255, 1)));
background: -webkit-linear-gradient(top,rgba(255, 255, 255, 1) 13%,rgba(255, 255, 255, 1) 50%,rgba(255, 255, 255, 1) 87%);
background: -o-linear-gradient(top,rgba(255, 255, 255, 1) 13%,rgba(255, 255, 255, 1) 50%,rgba(255, 255, 255, 1) 87%);
background: -ms-linear-gradient(top,rgba(255, 255, 255, 1) 13%,rgba(255, 255, 255, 1) 50%,rgba(255, 255, 255, 1) 87%);
background: linear-gradient(to bottom,rgba(255, 255, 255, 1) 13%,rgba(255, 255, 255, 1) 50%,rgba(255, 255, 255, 1) 87%);
content: "";
display: block;
position: absolute;
width: 1px;
height: 5.9%;
top: 82%;
left: 45%;
}
span.line6 {
background: url(data:image/svg+xml);
background: -moz-linear-gradient(top,rgba(255, 255, 255, 1) 13%,rgba(255, 255, 255, 1) 50%,rgba(255, 255, 255, 1) 87%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(13%,rgba(255, 255, 255, 1)),color-stop(50%,rgba(255, 255, 255, 1)),color-stop(87%,rgba(255, 255, 255, 1)));
background: -webkit-linear-gradient(top,rgba(255, 255, 255, 1) 13%,rgba(255, 255, 255, 1) 50%,rgba(255, 255, 255, 1) 87%);
background: -o-linear-gradient(top,rgba(255, 255, 255, 1) 13%,rgba(255, 255, 255, 1) 50%,rgba(255, 255, 255, 1) 87%);
background: -ms-linear-gradient(top,rgba(255, 255, 255, 1) 13%,rgba(255, 255, 255, 1) 50%,rgba(255, 255, 255, 1) 87%);
background: linear-gradient(to bottom,rgba(255, 255, 255, 1) 13%,rgba(255, 255, 255, 1) 50%,rgba(255, 255, 255, 1) 87%);
content: "";
display: block;
position: absolute;
width: 1px;
height: 8.4%;
top: 74%;
left: 45%;
}
span.line5 {
background: url(data:image/svg+xml);
background: -moz-linear-gradient(top,rgba(255, 255, 255, 1) 13%,rgba(255, 255, 255, 1) 50%,rgba(255, 255, 255, 1) 87%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(13%,rgba(255, 255, 255, 1)),color-stop(50%,rgba(255, 255, 255, 1)),color-stop(87%,rgba(255, 255, 255, 1)));
background: -webkit-linear-gradient(top,rgba(255, 255, 255, 1) 13%,rgba(255, 255, 255, 1) 50%,rgba(255, 255, 255, 1) 87%);
background: -o-linear-gradient(top,rgba(255, 255, 255, 1) 13%,rgba(255, 255, 255, 1) 50%,rgba(255, 255, 255, 1) 87%);
background: -ms-linear-gradient(top,rgba(255, 255, 255, 1) 13%,rgba(255, 255, 255, 1) 50%,rgba(255, 255, 255, 1) 87%);
background: linear-gradient(to bottom,rgba(255, 255, 255, 1) 13%,rgba(255, 255, 255, 1) 50%,rgba(255, 255, 255, 1) 87%);
content: "";
display: block;
position: absolute;
width: 1px;
height: 8%;
top: 75%;
left: 45%;
}
span.line4 {
background: url(data:image/svg+xml);
background: -moz-linear-gradient(top,rgba(255, 255, 255, 1) 13%,rgba(255, 255, 255, 1) 50%,rgba(255, 255, 255, 1) 87%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(13%,rgba(255, 255, 255, 1)),color-stop(50%,rgba(255, 255, 255, 1)),color-stop(87%,rgba(255, 255, 255, 1)));
background: -webkit-linear-gradient(top,rgba(255, 255, 255, 1) 13%,rgba(255, 255, 255, 1) 50%,rgba(255, 255, 255, 1) 87%);
background: -o-linear-gradient(top,rgba(255, 255, 255, 1) 13%,rgba(255, 255, 255, 1) 50%,rgba(255, 255, 255, 1) 87%);
background: -ms-linear-gradient(top,rgba(255, 255, 255, 1) 13%,rgba(255, 255, 255, 1) 50%,rgba(255, 255, 255, 1) 87%);
background: linear-gradient(to bottom,rgba(255, 255, 255, 1) 13%,rgba(255, 255, 255, 1) 50%,rgba(255, 255, 255, 1) 87%);
content: "";
display: block;
position: absolute;
width: 1px;
height: 8.5%;
top: 73%;
left: 45%;
}
span.line3 {
background: url(data:image/svg+xml);
background: -moz-linear-gradient(top,rgba(255, 255, 255, 1) 13%,rgba(255, 255, 255, 1) 50%,rgba(255, 255, 255, 1) 87%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(13%,rgba(255, 255, 255, 1)),color-stop(50%,rgba(255, 255, 255, 1)),color-stop(87%,rgba(255, 255, 255, 1)));
background: -webkit-linear-gradient(top,rgba(255, 255, 255, 1) 13%,rgba(255, 255, 255, 1) 50%,rgba(255, 255, 255, 1) 87%);
background: -o-linear-gradient(top,rgba(255, 255, 255, 1) 13%,rgba(255, 255, 255, 1) 50%,rgba(255, 255, 255, 1) 87%);
background: -ms-linear-gradient(top,rgba(255, 255, 255, 1) 13%,rgba(255, 255, 255, 1) 50%,rgba(255, 255, 255, 1) 87%);
background: linear-gradient(to bottom,rgba(255, 255, 255, 1) 13%,rgba(255, 255, 255, 1) 50%,rgba(255, 255, 255, 1) 87%);
content: "";
display: block;
position: absolute;
width: 1px;
height: 6.3%;
top: 80%;
left: 45%;
}
}
/* ==========================================================================
=Menu
========================================================================== */
/* =Menu Basics
========================================================================== */
.sf-menu,
.sf-menu ul {
padding: 0;
margin: 0;
list-style: none;
}
.sf-menu > li { float: left; }
.sf-menu > li > a {
position: relative;
display: block;
}
/**
* 1. z-index is 1025 because the sticky menu is 1020
*/
.sf-menu .sf-mega,
.sf-menu li.dropdown ul {
position: absolute;
z-index: 1025; /* 1 */
top: 100%;
left: 0;
display: none;
}
.sf-menu li.dropdown { position: relative; }
.sf-menu li.dropdown ul ul {
top: -1px;
left: 120%;
/*margin-top: -15px;*/
}
.sf-menu li:hover > .sf-mega,
.sf-menu li.sfHover > .sf-mega,
.sf-menu li.dropdown:hover > ul,
.sf-menu li.dropdown.sfHover > ul { display: block; }
/* =Menu Skin
========================================================================== */
.sf-menu { float: right; }
.sf-menu li{width:120px; margin-left:auto;margin-right:auto;}
.sf-menu a {
display: block;
padding: 10px 0;
font: 12px "Raleway", Arial, sans-serif;
text-decoration: none;
}
.sf-menu li.dropdown a { padding: 10px 0px; }
.sf-menu li:last-child > a { border-bottom: none; }
.sf-menu > li.dropdown > a {
padding: 60px 15px 60px;
border: none;
color: #16216a;
font-size: 13px;
text-transform: uppercase;
}
.header-style-2 .sf-menu > li > a,
.header-style-2 .sf-menu > li.dropdown > a { color: #fff; }
.sf-menu > li a i { margin-right: 5px; }
.sf-menu li ul li a:hover { font-weight: 700; }
/* =DropDown
========================================================================== */
/**
* 1. allow long menu items to determine submenu width
*/
.sf-menu li.dropdown ul {
min-width: 170px; /* 1 */
padding: 15px 0;
border: 1px solid rgba(0, 0, 0, 0.1);
}
.sf-menu > li.dropdown ul { border-top: 1px solid #212121; }
/* =Mega Menu Section
========================================================================== */
.sf-mega {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 30px 15px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-top: 1px solid #212121;
background-color: #fff;
}
.sf-mega-section {
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 20px;
}
.sf-mega-section:last-child { border-right: none; }
/**
* 1. set mega menu section size, as a percentage of the mega menu width
*/
.sf-mega.sf-mega-1-col .sf-mega-section{ width: 100%; } /* 1 */
.sf-mega.sf-mega-2-col .sf-mega-section{ width: 50%; }
.sf-mega.sf-mega-3-col .sf-mega-section{ width: 33.3333333333%; }
.sf-mega.sf-mega-4-col .sf-mega-section{ width: 25%; }
/* =Menu Arrows
========================================================================== */
.sf-arrows .sf-with-ul:after {
position: absolute;
top: 50%;
right: 10px;
display: none;
width: 0;
height: 0;
border: 4px solid transparent;
border-top-color: #919191;
margin-top: -2px;
content: "";
}
.header-style-2 .sf-arrows .sf-with-ul:after { border-top-color: #fff; }
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after { border-top-color: rgba(0, 0, 0, 0.7); }
.header-style-2 .sf-arrows > li > .sf-with-ul:focus:after,
.header-style-2 .sf-arrows > li:hover > .sf-with-ul:after,
.header-style-2 .sf-arrows > .sfHover > .sf-with-ul:after { border-top-color: rgba(255, 255, 255, 0.7); }
.sf-arrows ul .sf-with-ul:after {
display: block;
border-color: transparent;
border-left-color: #919191;
margin-top: -4px;
margin-right: 10px;
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after { border-left-color: rgba(0, 0, 0, 0.7); }
@media (min-width: 768px) and (max-width: 991px) {
#menu { display: none; }
}
@media (max-width: 767px) {
#menu { display: none; }
}
/* ==========================================================================
=Mobile Menu
========================================================================== */
#mobile-menu {position: relative;z-index: 1;border-bottom: 1px solid #ccc;margin-bottom: 0;background-color: #fff;}
#mobile-menu li {display: block;margin: 0;}
#mobile-menu > li > ul,#mobile-menu > li > ul > li > ul {display: none;margin-left: 0;}
#mobile-menu .sf-mega {display: none;padding: 0;border: none;margin: 0;}
#mobile-menu .sf-mega-section {float: none;width: 100%;padding: 0;border: none;}
#mobile-menu .sf-mega-section ul { margin-left: 0;margin-bottom: 0;}
#mobile-menu li a {position: relative;display: block;padding: 15px 25px;border-top: 1px solid #ccc;color: #212121;font-size: 14px;text-align: left;text-decoration: none;}
#mobile-menu li a i { margin-right: 5px; }
#mobile-menu ul a { padding-left: 45px; }
#mobile-menu ul li ul a { padding-left: 65px; }
#mobile-menu .mobile-menu-submenu-arrow {
position: absolute;
top: 0;
right: 0;
width: 70px;
height: 100%;
border-left: 1px solid #ccc;
color: #212121;
font-size: 20px;
line-height: 50px;
text-align: center;
cursor: pointer;
}
#mobile-menu .mobile-menu-submenu-arrow:hover { background-color: #f6f6f6; }
#mobile-menu li a:hover {}
#mobile-menu { display: none; }
/* ==========================================================================
=Mobile menu trigger
========================================================================== */
#mobile-menu-trigger {
float: right;
display: none;
font-size: 32px;
}
.header-style-2 #mobile-menu-trigger { color: #fff; }
@media (min-width: 768px) and (max-width: 991px) {
#mobile-menu-trigger {
display: block;
margin-top: 48px;
margin-right: 0;
}
}
@media (max-width: 767px) {
#mobile-menu-trigger {
position: absolute;
top: 38px;
right: 5px;
display: block;
padding: 10px;
margin-top: 0;
}
.header-style-2 #mobile-menu-trigger { top: 17px; }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
#mobile-menu-trigger {}
}
/* ==========================================================================
=Custom search form
========================================================================== */
#custom-search-button + nav { margin-right: 30px; }
a#custom-search-button {
position: absolute;
top: 45px;
right: 15px;
display: block;
width: 16px;
height: 18px;
line-height: 20px;
text-decoration: none;
}
.header-style-2 #custom-search-button { color: #fff; }
/**
* 1. z-index is 1030 because the dropdown menu has a z-index of 1025
*/
#custom-search-form {
position: relative;
z-index: 1030; /* 1 */
display: none;
text-align: center;margin-top:-20px;
}
#custom-search-submit { display: none; }
#custom-search-form #s {
width: 925px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 8px 10px 8px 0;
border: none;
margin: 20px 0;
background-color: transparent;
color: #000000;
}
#custom-search-form #s:focus { border-color: #ccc; }
#custom-search-form a.close {
padding: 5px;
color: #000000;
font-size: 20px;
text-decoration: none;
}
@media (min-width: 1200px) {
#custom-search-form #s { width: 100%; }
}
@media (min-width: 768px) and (max-width: 991px) {
a#custom-search-button {
top: 54px;
right: 65px;
}
#custom-search-form #s { width: 100%; }
}
@media (max-width: 767px) {
/**
* Hide search on mobile
* 1. !important is needed to overwrite the display:block added by the js
*/
#custom-search-form {
display: none !important; /* 1 */
}
#custom-search-button {
display: none !important; /* 1 */
}
}
/* ==========================================================================
=Sticky Header
========================================================================== */
@media (min-width: 1025px) {
/**
* 1. The height of the #header-wrap can be increased or decreased to accommodate the logo
*/
#header-wrap {
position: relative;
height: 120px; /* 1 */
background: #ffffff;
}
.header-style-2 #header-wrap {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 184px; /* 1 */
background-color: transparent;
}
#header {
position: absolute;
top: 0;
right: 0;
left: 0;
margin: 0 auto;
height: 110px;
}
/**
* 1. The z-index has to be 1020 so it is bigger than the back to top buttons z-index that is 1010
*/
#header.stuck {
position: fixed;
z-index: 1020; /* 1 */
top: 0;
width: 100%;
margin: 0 auto;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
background-color: rgba(255, 255, 255, 0.95);
-webkit-transition: padding 0.3s;
transition: padding 0.3s;
}
.header-style-2 #header.stuck { background-color: #212121; }
#header.stuck #logo { padding: 10px 0; }
#header.stuck .sf-menu > li > a,
#header.stuck .sf-menu > li.dropdown > a { padding: 23px 15px 24px 15px; }
#header.stuck .sf-arrows .sf-with-ul:after { margin-top: -1px; }
#header.stuck a#custom-search-button { top: 22px; }
}
/* ==========================================================================
=Page Header
========================================================================== */
#page-header {
padding: 90px 0 95px 0;
margin-bottom: 100px;
background: #121212 url(../images/bg-page-header.jpg) no-repeat center center;
color: #fff;
text-align: center;
}
#page-header h3 { margin-bottom: 5px; }
#page-header a { color: #fff; }
.header-style-2 #page-header {
padding: 185px 0 80px 0;
margin-bottom: 100px;
background: #121212 url(../images/bg-page-header-2.jpg) no-repeat center center;
}
.header-style-2 #page-header h3 {
margin-bottom: 15px;
font-size: 30px;
}
.header-style-2 #page-header h5 {
margin-bottom: 0;
text-transform: lowercase;
}
.header-style-2 #page-header .page-header-content {
padding-top: 75px;
border-top: 1px solid #aeaeae;
}
/* ==========================================================================
=Fullwidth Section
========================================================================== */
/**
* Full width section
*
* 1. background-image must be supplied using inline css as it is different for every .fullwidth-section
*
*/
.fullwidth-section {
position: relative;
overflow: hidden;
z-index: 0;
padding: 40px 0;
/*margin-bottom: 100px;*/
color: #fff;
background-color: #000;
background-attachment: scroll;
background-repeat: no-repeat; /* 1 */
background-position: 50% 0;
}
.fullwidth-section-content {
position: relative;
z-index: 3;
}
.fullwidth-section-overlay {
position: absolute;
z-index: 2;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.fullwidth-section-video {
position: absolute;
overflow: hidden;
z-index: 1;
top: 0;
width: 100%;
height: 100%;
}
/**
*
* 1. We add background-size cover so the parallax looks ok if you provide smaller images
*
*/
.parallax.parallax-enabled {
background-attachment: fixed !important;
-webkit-background-size: cover;
background-size: cover; /* 1 */
}
.horizontal-parallax { background-repeat: repeat-x; }
.animated-parallax { background-repeat: repeat-x; }
@media (max-width: 767px) {
.fullwidth-section {
-webkit-background-size: cover;
background-size: cover;
}
}
/* ==========================================================================
=Footer
========================================================================== */
#footer {
padding: 100px 0 40px 0;
background-color: #101010;
color: #d1d1d1;
}
.footer-style-2 #footer {
padding: 0;
background: #f6a704;
}
#footer a { color: #007a8e; }
#footer-widget-area-1 {
padding-top: 3.5%;
}
#footer-widget-area-2 {
padding-top: 40px;
}
#footer-widget-area-2 h4{
font-weight:700;
}
#footer-widget-area-3 {
padding-top: 40px;
}
#footer-widget-area-3 h4{
font-weight:700;
}
#footer-widget-area-4 {
}
/* ==========================================================================
=Footer Bottom
========================================================================== */
#footer-bottom {
padding: 10px 0;
background-color: #007a8e;
color: #ffffff;
}
#footer p{margin-bottom:0px !important}
#footer-bottom a { color: #ffffff; }
#footer-bottom-widget-area-1 {}
#footer-bottom-widget-area-2 {}
/* ==========================================================================
=Back to top
========================================================================== */
#back-to-top {
position: fixed;
z-index: 1010;
right: -40px;
bottom: 20px;
width: 40px;
height: 40px;
border-radius: 5px;
background-color: #212121;
color: #fafafa;
font-size: 30px;
text-align: center;
opacity: 0.5;
text-decoration: none;
cursor: pointer;
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
#back-to-top i {
font-size: 18px;
line-height: 40px;
font-weight: normal;
vertical-align: top;
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
#back-to-top:hover { background-color: rgba(0, 0, 0, 0.7); }
#back-to-top:hover i { color: #fff; }
#back-to-top.visible { right: 40px; }
#back-to-top.gone { right: -40px; }
/* ==========================================================================
=Misc
========================================================================== */
.javascript-required,
.modern-browser-required {
padding: 15px 0;
background-color: #f00;
color: #fff;
font-weight: 700;
text-align: center;
}
/* ==========================================================================
=Page 404
========================================================================== */
h1.error {
font-size: 60px;
line-height: 90px;
}